/* SIAPIYA_GRADE_WORKSPACE_V370299 — layout-only and limited to Nilai route. */
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-tabs{margin-bottom:1rem!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-tabs>.nav{border:1px solid var(--bs-border-color);background:var(--bs-body-bg)!important;border-radius:.85rem!important;padding:.22rem!important;gap:.1rem}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-tabs .nav-link{border-radius:.65rem!important;min-height:42px;padding:.55rem 1rem!important;font-weight:600;white-space:nowrap}
#mainContent[data-siapiya-ux-route="nilai"] #gradeSessionPicker.siapiya-grade-picker-299{border:1px solid var(--bs-border-color);border-radius:1rem;overflow:hidden;background:var(--bs-body-bg)}
#mainContent[data-siapiya-ux-route="nilai"] #gradeSessionPicker.siapiya-grade-picker-299>summary{padding:.88rem 1rem;min-height:52px;font-weight:700;outline-offset:-3px}
#mainContent[data-siapiya-ux-route="nilai"] #gradeSessionPicker.siapiya-grade-picker-299 .siapiya-picker-edit{font-size:.8rem;font-weight:500}
#mainContent[data-siapiya-ux-route="nilai"] #gradeSessionPicker.siapiya-grade-picker-299 .card{border-radius:0!important;margin:0!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--bs-border-color)!important}
#mainContent[data-siapiya-ux-route="nilai"] #gradeSessionPicker.siapiya-grade-picker-299 .card-body{padding:1rem!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem .75rem;margin:0!important;align-items:end}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>[class*="col-"]{padding:0!important;margin:0!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #kelasNilai){grid-column:span 5;order:1}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #mapelNilai){grid-column:span 7;order:2}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #jenisNilai){grid-column:span 4;order:3}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>#wadahTP{grid-column:span 5;order:4}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #tglNilai){grid-column:span 3;order:5}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> [data-siapiya-readonly-load-action="grade-list-load"]){grid-column:1/-1;order:6;justify-content:flex-end!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299:has(#wadahTP.siapiya-csp-hidden)>div:has(> #jenisNilai){grid-column:span 7}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299:has(#wadahTP.siapiya-csp-hidden)>div:has(> #tglNilai){grid-column:span 5}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299 .form-label{font-size:.8rem;color:var(--bs-secondary-color);margin-bottom:.35rem!important;font-weight:600!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299 .form-select,
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299 .form-control{height:44px;font-size:1rem;border-radius:.7rem;max-width:100%}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299 #jenisNilai{background-color:var(--bs-body-bg)!important;border-color:var(--bs-border-color)!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299 [data-siapiya-readonly-load-action="grade-list-load"]{border-radius:.7rem!important;box-shadow:none!important;min-height:44px;min-width:150px;font-weight:600!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-input-299 .siapiya-grade-focusbar{border-radius:.75rem}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-table-299{border:1px solid var(--bs-border-color)!important;border-radius:1rem!important;overflow:hidden;box-shadow:none!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-table-299 .table-responsive{border-radius:.6rem}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-table-299 thead th{font-weight:600!important;letter-spacing:0;background:var(--bs-tertiary-bg)!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-table-299 tbody tr{height:56px}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-table-299 input[type="number"]{min-height:42px;font-size:1rem}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-history-299 .siapiya-grade-history-filter{border:1px solid var(--bs-border-color)!important;border-radius:1rem!important;box-shadow:none!important}
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-tabs :focus-visible,
#mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299 :focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}
@media(max-width:767.98px){
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-tabs .nav{display:flex;width:100%}
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-tabs .nav-link{flex:1;min-width:0;font-size:.85rem;padding:.5rem .4rem!important}
 #mainContent[data-siapiya-ux-route="nilai"] #gradeSessionPicker.siapiya-grade-picker-299 .card-body{padding:.8rem!important}
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #kelasNilai),
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #mapelNilai),
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>#wadahTP{grid-column:1/-1}
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #jenisNilai),
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> #tglNilai){grid-column:span 1;width:auto!important;flex:none!important}
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299>div:has(> [data-siapiya-readonly-load-action="grade-list-load"]){grid-column:1/-1}
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-pick-299 [data-siapiya-readonly-load-action="grade-list-load"]{width:100%;max-width:none}
}
@media print{
 #mainContent[data-siapiya-ux-route="nilai"] .siapiya-grade-tabs{display:none!important}
}