/* Portal Perangkat Ajar V11 — pemilihan siswa langsung tanpa kode kelas */
.pa-assessment-sync{--pa-sync-navy:#123f5f;--pa-sync-blue:#16739d;--pa-sync-green:#177245;--pa-sync-amber:#a06b00;--pa-sync-red:#a83232;--pa-sync-line:#cedce5;box-sizing:border-box;width:100%;margin:12px 0 16px;padding:0;font:500 15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#183245}
.pa-assessment-sync *{box-sizing:border-box}.pa-assessment-card{border:1px solid var(--pa-sync-line);border-radius:14px;background:#fff;box-shadow:0 6px 22px rgba(15,61,94,.09);overflow:hidden}.pa-assessment-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,auto);align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,var(--pa-sync-navy),#1d6388);color:#fff}.pa-assessment-head-main{min-width:0}.pa-assessment-head strong{display:block;font-size:1rem}.pa-assessment-head small{display:block;margin-top:1px;color:#dceef7;font-weight:600}.pa-assessment-status{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.14);font-size:.78rem;font-weight:800;text-align:left;overflow-wrap:anywhere}.pa-assessment-status::before{content:"";flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#d7e5ed;box-shadow:0 0 0 3px rgba(255,255,255,.12)}.pa-assessment-status[data-state="ready"]::before,.pa-assessment-status[data-state="saved"]::before{background:#76efb6}.pa-assessment-status[data-state="saving"]::before{background:#ffe09a;animation:paSyncPulse 1s infinite}.pa-assessment-status[data-state="warning"]::before{background:#ffd06b}.pa-assessment-status[data-state="error"]::before{background:#ff9e9e}.pa-assessment-toggle{appearance:none;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.12);color:#fff;border-radius:9px;min-height:38px;padding:7px 11px;font:800 .78rem/1 system-ui;cursor:pointer}.pa-assessment-body{padding:13px 14px}.pa-assessment-body[hidden]{display:none!important}.pa-assessment-grid{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(260px,1.35fr) auto;gap:10px;align-items:end}.pa-assessment-field{display:grid;gap:5px;min-width:0}.pa-assessment-field>span:first-child{font-size:.75rem;font-weight:850;letter-spacing:.02em;color:#496374}.pa-assessment-field input,.pa-assessment-field select{width:100%;min-height:44px;border:1px solid #aec4d2;border-radius:10px;background:#fff;padding:8px 10px;color:#183245;font:inherit}.pa-assessment-field input:focus,.pa-assessment-field select:focus{outline:3px solid rgba(23,109,152,.18);border-color:var(--pa-sync-blue)}.pa-assessment-btn{appearance:none;min-height:43px;border:1px solid transparent;border-radius:10px;padding:9px 13px;font:800 .86rem/1.2 inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.pa-assessment-btn:hover{transform:translateY(-1px)}.pa-assessment-btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.pa-assessment-btn.primary{background:var(--pa-sync-blue);color:#fff;box-shadow:0 5px 14px rgba(23,109,152,.18)}.pa-assessment-btn.secondary{border-color:#b9cbd7;background:#f4f8fa;color:#24485e}.pa-assessment-btn.ghost{border-color:transparent;background:transparent;color:#456172}.pa-assessment-more{margin-top:9px}.pa-assessment-more summary{width:max-content;cursor:pointer;color:#496374;font-size:.78rem;font-weight:800}.pa-assessment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pa-assessment-message{display:none;margin-top:9px;padding:9px 11px;border-radius:10px;font-size:.82rem;font-weight:700}.pa-assessment-message.show{display:block}.pa-assessment-message.success{background:#e8f7ef;color:#145b3b}.pa-assessment-message.warning{background:#fff7df;color:#7d5500}.pa-assessment-message.error{background:#fff0f0;color:#8e2929}.pa-assessment-noscript{width:min(1180px,calc(100% - 24px));margin:14px auto;padding:12px;border:1px solid #e2b75f;border-radius:12px;background:#fff7df;color:#6d4b00;font:700 14px/1.45 system-ui,sans-serif}
.pa-identity-summary{display:none;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:11px 12px;border:1px solid #c5dbe7;border-radius:11px;background:#eef7fb}.pa-identity-summary strong{color:#123f5f}.pa-identity-summary span{color:#587080;font-size:.88rem}
body.pa-db-identity-mode .pa-identity-card{display:none!important}body.pa-db-identity-ready .pa-identity-summary{display:flex}
@keyframes paSyncPulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:920px){.pa-assessment-head{grid-template-columns:minmax(0,1fr) auto}.pa-assessment-status{grid-column:1/-1}.pa-assessment-grid{grid-template-columns:1fr 1fr}.pa-assessment-grid>.pa-assessment-btn{width:100%}}
@media(max-width:700px){.pa-assessment-sync{margin:8px 0 12px}.pa-assessment-card{border-radius:12px}.pa-assessment-head{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px 11px}.pa-assessment-head-main strong{font-size:.95rem}.pa-assessment-head-main small{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-assessment-status{grid-column:1/-1;width:100%;padding:7px 9px;border-radius:9px;font-size:.74rem}.pa-assessment-body{padding:10px}.pa-assessment-grid{grid-template-columns:1fr;gap:8px}.pa-assessment-field>span:first-child{font-size:.72rem}.pa-assessment-field input,.pa-assessment-field select{min-height:46px}.pa-assessment-actions{display:grid;grid-template-columns:1fr}.pa-assessment-btn{width:100%;min-height:44px}.pa-assessment-more summary{padding:3px 0}.pa-identity-summary{align-items:flex-start;flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){.pa-assessment-btn{transition:none}.pa-assessment-status[data-state="saving"]::before{animation:none}}
@media print{.pa-assessment-sync,.pa-assessment-noscript{display:none!important}}

.pa-assessment-sync{scroll-margin-top:84px}.pa-assessment-grid>.pa-assessment-btn{align-self:end;white-space:nowrap}.pa-assessment-sync[data-collapsed="true"] .pa-assessment-head{border-radius:14px}.pa-db-identity-mode #identitas{display:none!important}
@media(max-width:700px){.pa-assessment-head{position:relative}.pa-assessment-grid{gap:10px}.pa-assessment-grid>.pa-assessment-btn{margin-top:2px}.pa-assessment-sync{scroll-margin-top:72px}}
.pa-identity-card{display:none!important}

/* V12 — autosave draf database dan pengaman sebelum siswa mulai */
.pa-assessment-autosave-note{margin:10px 0 0;padding:9px 11px;border:1px solid #b9dfcf;border-radius:10px;background:#edf9f3;color:#145b3b;font-size:.8rem;font-weight:750}
body.pa-assessment-locked .assessment-form,
body.pa-assessment-locked #diagForm,
body.pa-assessment-locked #diagnosticForm,
body.pa-assessment-locked form[id*="diag" i]{opacity:.62;filter:saturate(.72);transition:opacity .18s ease}
body.pa-assessment-locked .assessment-form::before,
body.pa-assessment-locked #diagForm::before,
body.pa-assessment-locked #diagnosticForm::before,
body.pa-assessment-locked form[id*="diag" i]::before{content:"Pilih kelas dan nama siswa, lalu tunggu sampai draf awal tersimpan di database.";display:block;margin:0 0 12px;padding:11px 13px;border:1px solid #e2b75f;border-radius:11px;background:#fff7df;color:#6d4b00;font:800 14px/1.45 system-ui,sans-serif}
@media(max-width:700px){.pa-assessment-autosave-note{font-size:.76rem;line-height:1.45}}
/* Dukungan halaman diagnostik tanpa elemen <form> (misalnya SKI). */
.pa-assessment-content-locked:not(form){opacity:.62;filter:saturate(.72);transition:opacity .18s ease}
.pa-assessment-content-locked:not(form)::before{content:"Pilih kelas dan nama siswa, lalu tunggu sampai draf awal tersimpan di database.";display:block;margin:0 0 12px;padding:11px 13px;border:1px solid #e2b75f;border-radius:11px;background:#fff7df;color:#6d4b00;font:800 14px/1.45 system-ui,sans-serif}