/* SIAP v5.3 — professional administrative workspace. Flat, restrained, data-first. */
html[data-palette="navy"]{--langkat-950:#18324a;--langkat-900:#1e3d59;--langkat-800:#0d625e;--langkat-700:#0f766e;--langkat-600:#168a81;--langkat-500:#3ba49a;--langkat-100:#d9eeec;--langkat-50:#f0f8f7;--gold-700:#0d625e;--gold-600:#168a81;--gold-500:#4fafa6;--gold-200:#bde2de;--gold-50:#eff8f7;--primary:#0f766e;--primary-hover:#0b5f59;--primary-soft:#edf7f6;--accent:#4fafa6;--page:#f3f5f6;--surface-alt:#f7f8f9;--border:#dbe2e6;--border-strong:#c2cdd3;--sidebar-start:#18324a;--sidebar-end:#18324a;--browser-theme-color:#18324a}
html[data-palette="slate"]{--langkat-950:#263b4f;--langkat-900:#304a61;--langkat-800:#356a8a;--langkat-700:#3f7899;--langkat-600:#568aa7;--langkat-500:#76a0b7;--langkat-100:#deeaef;--langkat-50:#f2f6f8;--gold-700:#356a8a;--gold-600:#4b7f9d;--gold-500:#6e9cb5;--gold-200:#c7dce7;--gold-50:#f1f6f8;--primary:#356a8a;--primary-hover:#2b5873;--primary-soft:#edf3f6;--accent:#6e9cb5;--page:#f4f5f6;--surface-alt:#f8f9f9;--border:#dce2e5;--border-strong:#c5cfd4;--sidebar-start:#263b4f;--sidebar-end:#263b4f;--browser-theme-color:#263b4f}
html[data-palette="graphite"]{--langkat-950:#2d3741;--langkat-900:#35424e;--langkat-800:#3e6b89;--langkat-700:#4d7995;--langkat-600:#638ba3;--langkat-500:#829fb1;--langkat-100:#e2e8ec;--langkat-50:#f5f7f8;--gold-700:#4b6574;--gold-600:#607b8a;--gold-500:#718a99;--gold-200:#cbd7dd;--gold-50:#f3f6f7;--primary:#3e6b89;--primary-hover:#335973;--primary-soft:#f0f4f6;--accent:#718a99;--page:#f4f5f5;--surface-alt:#f8f9f9;--border:#dde1e3;--border-strong:#c7ced1;--sidebar-start:#2d3741;--sidebar-end:#2d3741;--browser-theme-color:#2d3741}

/* No decorative gradients, glow, glass, or floating effects. */
.sidebar{background:var(--sidebar-start)!important;box-shadow:4px 0 16px rgba(24,50,74,.08)}.sidebar::before{display:none}
.brand-mark{width:43px;height:43px}.brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}.brand-copy strong{font-size:19px;letter-spacing:.08em}.brand-copy small{font-size:9px;letter-spacing:.025em}
.nav-section-label{font-size:9px;letter-spacing:.1em}.nav-item{font-weight:600;border-radius:8px}.nav-item:hover{transform:none;background:rgba(255,255,255,.065)}.nav-item.is-active{background:rgba(79,175,166,.15)!important;box-shadow:inset 3px 0 0 var(--primary)!important}.nav-item.is-active .icon{color:#75d2c9!important}.nav-dot{background:var(--primary)!important;box-shadow:0 0 0 3px rgba(79,175,166,.14)!important}
.topbar{background:var(--surface);backdrop-filter:none;box-shadow:none}.page-heading{display:block}.page-heading h1{font-weight:720;letter-spacing:-.015em}
.panel,.stat-card,.dashboard-kpi-v36,.report-kpi-v36{border-radius:10px!important;box-shadow:0 1px 2px rgba(24,50,74,.035)!important}.panel:hover{border-color:var(--border)}
.btn,.icon-btn,input,select,textarea{border-radius:8px!important}.btn:hover,.icon-btn:hover{transform:none}.btn-primary{background:var(--primary)!important;box-shadow:none!important}.btn-primary:hover{background:var(--primary-hover)!important}
.avatar{color:#fff;background:var(--primary)!important;box-shadow:none!important}.data-table tbody tr:hover{background:var(--primary-soft)}

/* Dashboard: executive summary, not a decorative hero. */
.dashboard-hero-v36{min-height:112px;padding:22px 24px;color:var(--text);background:var(--surface)!important;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:10px;box-shadow:none}.dashboard-hero-v36::before,.dashboard-hero-v36::after{display:none}
.dashboard-hero-v36 .hero-kicker{color:var(--primary)}.dashboard-hero-v36 h2{font-size:25px;letter-spacing:-.025em}.dashboard-hero-v36 p{color:var(--text-muted)}.dashboard-hero-v36 .btn-light{color:#fff;background:var(--primary);border-color:var(--primary)}
.page-content{max-width:none}.dashboard-main-grid-v36{align-items:stretch}.dashboard-recent-panel-v36,.dashboard-realization-card-v36{height:100%}.dashboard-kpi-v36{min-height:88px;padding:15px;background:var(--surface)}.dashboard-kpi-icon{width:38px;height:38px;border-radius:8px}.dashboard-kpi-v36 strong{font-size:23px}
.dashboard-realization-value-v36{background:var(--surface-alt);border-color:var(--border);border-radius:8px}.dashboard-progress-v36,.dashboard-opd-progress-v36>div{border-radius:2px}.dashboard-progress-v36 span,.dashboard-opd-progress-v36>div span{border-radius:0}.dashboard-opd-rank-v36,.type-pill{border-radius:6px}
.panel-eyebrow{letter-spacing:.075em}.page-toolbar p{max-width:620px}

/* Calm, dense forms and tables. */
.filter-bar,.report-filter-v36,.register-filter-v36{background:var(--surface)}.data-table th{background:#f5f7f8;letter-spacing:.06em}.data-table td{background:var(--surface)}.data-table tbody tr:hover td{background:var(--primary-soft)}.badge{border-radius:5px}.badge::before{width:5px;height:5px}

html[data-theme="dark"]{--page:#10171c;--surface:#182128;--surface-alt:#141c22;--surface-raised:#202b33;--border:#303e47;--border-strong:#465965;--text:#f0f4f6;--text-muted:#b5c0c6;--text-soft:#8d9ba3}
html[data-theme="dark"][data-palette="navy"]{--primary:#63c7bd;--primary-hover:#82d4cc;--accent:#63c7bd;--primary-soft:#183431}html[data-theme="dark"][data-palette="slate"]{--primary:#85b5cf;--primary-hover:#a4c9dc;--accent:#85b5cf;--primary-soft:#1b303c}html[data-theme="dark"][data-palette="graphite"]{--primary:#91b5ca;--primary-hover:#aec9d8;--accent:#91b5ca;--primary-soft:#202e36}html[data-theme="dark"] .data-table th{background:#141c22}
html[data-theme="dark"] body,html[data-theme="dark"] .page-content,html[data-theme="dark"] .app-main{background:var(--page);color:var(--text)}html[data-theme="dark"] .panel,html[data-theme="dark"] .dashboard-kpi-v36,html[data-theme="dark"] .topbar,html[data-theme="dark"] .year-switcher,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--surface-alt)!important;color:var(--text)!important;border-color:var(--border-strong)!important}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:var(--text-soft)!important;opacity:1}html[data-theme="dark"] .data-table td{background:var(--surface);color:var(--text)}html[data-theme="dark"] .data-table tbody tr:hover td{background:var(--primary-soft)}html[data-theme="dark"] .table-primary,html[data-theme="dark"] .dashboard-kpi-v36 strong,html[data-theme="dark"] .panel h3,html[data-theme="dark"] .page-heading h1{color:var(--text)}html[data-theme="dark"] .table-secondary,html[data-theme="dark"] .panel p,html[data-theme="dark"] .dashboard-kpi-v36 small{color:var(--text-muted)}

/* Route skeleton shares the exact shell geometry and theme contrast. */
.siap-route-loader{background:var(--page)!important;backdrop-filter:none!important}.siap-skeleton{background:color-mix(in srgb,var(--border) 68%,var(--surface))!important;border-radius:6px}.siap-skeleton::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 72%,transparent),transparent)!important}.ctx-card,.ctx-panel,.ctx-table,.ctx-filter,.ctx-detail-card,.ctx-form-card,.ctx-viewer,.ctx-check-panel,.ctx-list,.ctx-health-grid{border-radius:10px!important;box-shadow:none!important}html[data-theme="dark"] .siap-skeleton{background:#2b3942!important}html[data-theme="dark"] .siap-skeleton::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)!important}

@media(max-width:680px){.dashboard-hero-v36{padding:18px;border-left-width:3px}.dashboard-hero-v36 h2{font-size:21px}.dashboard-kpi-grid-v36{grid-template-columns:1fr 1fr}.dashboard-kpi-v36{min-height:78px}.brand-copy small{display:none}}
@media(max-width:440px){.dashboard-kpi-grid-v36{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* v5.3.2 — proportional, information-first layouts across roles. */
.page-content{padding:18px 20px 32px}.page-toolbar{margin-bottom:14px}.page-toolbar h2,.page-heading h1{line-height:1.25}.page-kicker,.panel-eyebrow,.hero-kicker{font-size:9.5px!important;line-height:1.35}.table-primary{font-size:12.5px;line-height:1.4}.table-secondary{font-size:10.5px!important;line-height:1.45}.data-table th{font-size:9px}.data-table td{line-height:1.42}.line-clamp{-webkit-line-clamp:2}

/* Dashboard — keep the transaction table dense on computers. */
.dashboard-main-grid-v36{grid-template-columns:minmax(0,1.72fr) minmax(300px,.58fr);gap:14px;align-items:start}.dashboard-recent-panel-v36,.dashboard-realization-card-v36{height:auto}.dashboard-panel-head-v36{min-height:56px;padding:11px 14px}.dashboard-table-v36 th,.dashboard-table-v36 td{padding:10px!important;vertical-align:top}.dashboard-table-v36 td[data-label="OPD / Uraian"]>strong{font-size:10.5px!important;line-height:1.4}.dashboard-table-v36 td[data-label="OPD / Uraian"] .line-clamp{font-size:12px!important;line-height:1.42}.dashboard-table-v36 td[data-label="SPM"] .table-secondary{font-size:10px!important}.dashboard-table-v36 .type-pill{min-width:36px}.dashboard-realization-card-v36{padding:16px}.dashboard-realization-value-v36{padding:14px}.dashboard-mini-metrics-v36>div{padding-block:10px}

/* Detail SPM — readable hierarchy without an independent scrolling column. */
.spm-detail-grid-v51{grid-template-columns:minmax(0,1.75fr) minmax(310px,.62fr);gap:14px}.detail-main-v51{gap:12px}.spm-focus-card-v51{box-shadow:none}.spm-focus-head-v51{padding:17px 18px 13px;background:var(--surface)}.spm-focus-number-v51 h2{font-size:clamp(19px,1.55vw,24px);line-height:1.3}.spm-focus-description-v51{padding:14px 18px}.spm-focus-description-v51 h3{font-size:clamp(17px,1.35vw,21px);line-height:1.4}.spm-focus-description-v51 p{font-size:11.5px}.spm-focus-metrics-v51>div{padding:11px 14px}.spm-focus-metrics-v51 span,.spm-inline-focus-meta-v51 span{font-size:9px}.spm-focus-note-v51{margin:0 18px 14px}.spm-secondary-section-v51 .spm-checklist-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spm-secondary-section-v51 .spm-checklist-compact-item{min-height:72px;padding:10px 11px}.spm-secondary-section-v51 .spm-checklist-copy strong{font-size:11.5px}.spm-secondary-section-v51 .spm-checklist-copy small{font-size:10px;line-height:1.4}.spm-secondary-section-v51 .spm-checklist-compact-item:nth-child(3n+1),.spm-secondary-section-v51 .spm-checklist-compact-item:nth-child(3n+2){border-right:0}.spm-secondary-section-v51 .spm-checklist-compact-item:nth-child(odd){border-right:1px solid var(--border)}.spm-timeline-v51{position:sticky;top:82px;max-height:none;overflow:visible}.spm-timeline-v51 .timeline{padding:12px 14px}.spm-timeline-v51 .timeline-item{padding-bottom:17px}.spm-timeline-v51 .timeline-item strong{font-size:12px;line-height:1.4}.spm-timeline-v51 .timeline-item p{font-size:10.5px;line-height:1.5}.sp2d-download-card{background:var(--surface)!important}.sp2d-download-actions{flex-wrap:wrap}

/* Medium screens: use the full content width before switching to cards. */
@media(max-width:1240px){.dashboard-main-grid-v36{grid-template-columns:1fr}.dashboard-realization-card-v36{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);gap:10px 18px}.dashboard-realization-head-v36,.dashboard-realization-value-v36{grid-column:1}.dashboard-progress-v36,.dashboard-progress-copy-v36,.dashboard-mini-metrics-v36,.dashboard-realization-card-v36>.btn{grid-column:2}.spm-detail-grid-v51{grid-template-columns:1fr}.spm-timeline-v51{position:static}.spm-timeline-v51 .timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.spm-timeline-v51 .timeline-item{break-inside:avoid}.verification-layout,.master-layout{grid-template-columns:1fr!important}}

/* Undo the earlier container-card conversion on tablet/laptop widths. */
@media(min-width:761px){.dashboard-table-v36{display:table!important;width:100%!important;table-layout:fixed!important}.dashboard-table-v36 thead{display:table-header-group!important}.dashboard-table-v36 tbody{display:table-row-group!important;padding:0!important}.dashboard-table-v36 tr{display:table-row!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.dashboard-table-v36 td{display:table-cell!important;min-height:0!important;border-bottom:1px solid var(--border)!important}.dashboard-table-v36 td::before{display:none!important;content:none!important}.dashboard-table-v36 .table-action-cell-v36{display:table-cell!important;background:transparent!important;text-align:right}.dashboard-table-v36 .table-action-cell-v36 .icon-btn{margin-left:auto}}

@media(max-width:900px){.page-content{padding:15px 14px 28px}.dashboard-hero-v36{min-height:0}.dashboard-realization-card-v36{display:block}.spm-focus-metrics-v51{grid-template-columns:1fr 1fr}.spm-timeline-v51 .timeline{grid-template-columns:1fr 1fr}.toolbar-actions{display:flex;flex-wrap:wrap;width:auto}.toolbar-actions .btn{width:auto}}

/* Phone cards are compact and follow the information order of the full table. */
@media(max-width:760px){.page-content{padding:12px 10px 24px}.panel{border-radius:9px!important}.dashboard-table-v36 tbody{padding:8px!important}.dashboard-table-v36 tr{grid-template-columns:1fr 1fr!important;gap:0!important;margin-bottom:8px!important;border-radius:9px!important}.dashboard-table-v36 td{grid-template-columns:1fr!important;gap:3px!important;min-height:0!important;padding:9px 10px!important}.dashboard-table-v36 td[data-label="SPM"],.dashboard-table-v36 td[data-label="OPD / Uraian"],.dashboard-table-v36 .table-action-cell-v36{grid-column:1/-1}.dashboard-table-v36 .table-action-cell-v36{min-height:38px!important;padding:6px 9px!important}.dashboard-table-v36 td::before{font-size:8.5px!important}.dashboard-table-v36 .dashboard-spm-cell-v36{align-items:flex-start}.dashboard-realization-card-v36{padding:13px}.spm-focus-head-v51{display:grid;padding:14px}.spm-focus-badges-v51{justify-content:flex-start}.spm-focus-description-v51{padding:13px 14px}.spm-focus-note-v51{margin:0 14px 12px}.spm-secondary-section-v51 .spm-checklist-compact-grid,.spm-timeline-v51 .timeline{grid-template-columns:1fr}.spm-secondary-section-v51 .spm-checklist-compact-item{border-right:0!important}.spm-detail-toolbar-v51 .toolbar-actions{display:grid;grid-template-columns:1fr;width:100%}.spm-detail-toolbar-v51 .toolbar-actions .btn{width:100%}.sp2d-download-card{align-items:flex-start}.sp2d-download-actions{width:100%}.sp2d-download-actions .btn{flex:1 1 180px}}

@media(max-width:460px){.dashboard-kpi-grid-v36{grid-template-columns:1fr 1fr}.dashboard-kpi-v36{padding:10px;gap:8px}.dashboard-kpi-icon{width:34px;height:34px}.dashboard-kpi-v36 strong{font-size:19px}.dashboard-table-v36 tr{grid-template-columns:1fr!important}.dashboard-table-v36 td{grid-column:1!important}.spm-focus-metrics-v51{grid-template-columns:1fr}.spm-focus-metrics-v51>div{border-right:0!important;border-bottom:1px solid var(--border)}.spm-focus-metrics-v51>div:last-child{border-bottom:0}.toolbar-actions{display:grid;grid-template-columns:1fr;width:100%}.toolbar-actions .btn{width:100%}}

html[data-theme="dark"] .spm-focus-head-v51,html[data-theme="dark"] .sp2d-download-card{background:var(--surface)!important}html[data-theme="dark"] .spm-timeline-v51 .timeline-item strong,html[data-theme="dark"] .spm-checklist-copy strong,html[data-theme="dark"] .spm-focus-description-v51 h3,html[data-theme="dark"] .spm-focus-number-v51 h2{color:var(--text)}

/* v5.3.3 — long monetary values, verification workspace, and visible actions. */
.dashboard-realization-value-v36 strong{display:block;max-width:100%;font-size:clamp(19px,1.35vw,24px)!important;line-height:1.15;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums}.dashboard-mini-metrics-v36 strong,.money-nowrap-v36,.spm-focus-metrics-v51 .is-amount strong,.verification-summary-grid .is-priority-amount-v51 strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.dashboard-mini-metrics-v36 strong{font-size:clamp(10px,.78vw,12px);white-space:nowrap}

/* Keep final documents and draft actions directly below the primary SPM data. */
.spm-focus-card-v51{order:1}.spm-sp2d-card-v51{order:2;margin:0!important}.spm-detail-submit-v51{order:2;display:flex!important;align-items:center;justify-content:flex-end;margin:0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:10px;background:var(--surface)}.spm-detail-submit-v51::before{content:"Pengajuan masih berupa draft. Periksa data dan dokumen sebelum dikirim.";margin-right:auto;padding-right:16px;color:var(--text-muted);font-size:10.5px;line-height:1.45}.spm-detail-submit-v51 .btn{flex:0 0 auto}.spm-secondary-section-v51{order:3}.spm-technical-note-v51{order:4}.spm-sp2d-card-v51>div:nth-child(2){min-width:0}.spm-sp2d-card-v51 strong{overflow-wrap:anywhere}.spm-sp2d-card-v51 .sp2d-download-actions{flex:0 0 auto}

/* Verification: give decisions enough width and stop checklist text collisions. */
.verification-workspace-v25{grid-template-columns:minmax(0,1.38fr) minmax(480px,.72fr);gap:14px}.verification-decision-panel{padding:14px}.verification-summary-v51 .verification-summary-grid>.is-priority-amount-v51 strong{font-size:clamp(14px,1.05vw,18px)!important;white-space:nowrap}.verification-checklist-scroll{max-height:min(42vh,430px);padding:8px}.verification-check-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px!important}.verification-check-main{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px}.verification-check-copy strong{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;font-size:11px!important;line-height:1.4}.verification-check-copy small{padding-left:32px;font-size:9.5px!important;line-height:1.45}.check-note-toggle{justify-self:start;margin-left:31px;padding:4px 7px;font-size:9px;white-space:normal}.verification-check-note{padding-left:31px}.verification-check-note input{font-size:10.5px;min-height:38px}.verification-check-main>input[aria-invalid="true"]+.custom-check{border-color:var(--danger-600)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-600) 13%,transparent)!important}.verification-main-note textarea[aria-invalid="true"],.verification-check-note input[aria-invalid="true"]{background:color-mix(in srgb,var(--danger-50) 38%,var(--surface))!important}.verification-rule-note{padding:9px 10px}.verification-rule-note span{font-size:9.5px}.decision-actions-v25{position:sticky;bottom:8px;z-index:12;padding:9px;margin-inline:-3px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 6px 18px rgba(24,50,74,.09)}

@media(max-width:1280px){.verification-workspace-v25{grid-template-columns:1fr}.verification-pdf-panel{position:relative;top:auto}.verification-decision-panel{max-width:none}.verification-checklist-scroll{max-height:none}.decision-actions-v25{position:static}.dashboard-realization-value-v36 strong{font-size:clamp(20px,2.5vw,26px)}}
@media(max-width:760px){.dashboard-realization-value-v36 strong{font-size:clamp(19px,6.6vw,27px)}.spm-detail-submit-v51{align-items:stretch;flex-direction:column;gap:10px}.spm-detail-submit-v51::before{margin:0;padding:0}.spm-detail-submit-v51 .btn{width:100%}.spm-sp2d-card-v51 .sp2d-download-actions{flex:1 1 100%}.verification-check-copy small{padding-left:0}.verification-check-note,.check-note-toggle{padding-left:0;margin-left:31px}}
@media(max-width:420px){.dashboard-realization-value-v36 strong{font-size:18px;letter-spacing:-.045em}.dashboard-mini-metrics-v36 strong{white-space:normal;overflow-wrap:anywhere}}

html[data-theme="dark"] .spm-detail-submit-v51,html[data-theme="dark"] .decision-actions-v25{background:var(--surface);border-color:var(--border)}html[data-theme="dark"] .verification-main-note textarea[aria-invalid="true"],html[data-theme="dark"] .verification-check-note input[aria-invalid="true"]{background:color-mix(in srgb,var(--danger-700) 12%,var(--surface))!important}

/* v5.3.4 — consistent SP2D upload, replacement, and finalization workspace. */
.sp2d-upload-workspace,.sp2d-finalize-workspace{grid-template-columns:minmax(0,1.5fr) minmax(500px,.72fr);gap:14px}.document-workspace,.final-document-panel{position:sticky;top:calc(var(--topbar-height) + 12px)}.sp2d-upload-form,.final-publish-form{position:static;overflow:visible}.document-workspace-head,.final-document-head,.form-panel-head{min-height:58px;padding:11px 14px}.embedded-pdf-frame{height:clamp(480px,calc(100dvh - 205px),720px);background:var(--surface-alt)}
.sp2d-upload-form> :not(header),.final-publish-form> :not(header),.final-publish-form>form{margin-inline:14px}.sp2d-upload-form-v51 .spm-inline-focus-v51,.final-publish-form-v51 .spm-inline-focus-v51{margin:12px 14px 0;padding:13px;background:var(--surface)}.sp2d-upload-form-v51 .spm-priority-number-v51,.final-publish-form-v51 .spm-priority-number-v51{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.35!important}.sp2d-upload-form-v51 .spm-priority-description-v51,.final-publish-form-v51 .spm-priority-description-v51{margin:8px 0 10px;font-size:13px!important;line-height:1.42!important}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51,.final-publish-form-v51 .spm-inline-focus-meta-v51{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51>div,.final-publish-form-v51 .spm-inline-focus-meta-v51>div{padding:9px 10px!important;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51>div:nth-child(even),.final-publish-form-v51 .spm-inline-focus-meta-v51>div:nth-child(even){border-right:0}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51>div:nth-last-child(-n+2),.final-publish-form-v51 .spm-inline-focus-meta-v51>div:nth-last-child(-n+2){border-bottom:0}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51 strong,.final-publish-form-v51 .spm-inline-focus-meta-v51 strong{font-size:10.5px!important;line-height:1.4}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51 .is-priority-amount-v51 strong,.final-publish-form-v51 .spm-inline-focus-meta-v51 .is-priority-amount-v51 strong{font-size:15px!important;white-space:nowrap}
.sp2d-upload-form .form-grid.single-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,.42fr)!important;gap:12px;padding:14px 0 0}.sp2d-upload-form .form-grid.single-column>.form-group:nth-child(n+3){grid-column:1/-1}.sp2d-upload-form .form-group{min-width:0}.sp2d-upload-form textarea{min-height:82px;max-height:150px;resize:vertical}.sp2d-upload-form .compact-upload-zone,.final-publish-form .compact-upload-zone{min-height:126px;margin:0!important;padding:14px!important;border-radius:10px}.sp2d-upload-form .upload-icon,.final-publish-form .upload-icon{width:42px;height:42px;border-radius:10px}.sp2d-form-actions{position:sticky;bottom:8px;z-index:12;margin:12px -3px 0!important;padding:10px!important;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 6px 18px rgba(24,50,74,.09)}.local-pdf-preview{border-radius:10px}.local-pdf-preview iframe{height:min(520px,65dvh)}

@media(max-width:1380px){.sp2d-upload-workspace,.sp2d-finalize-workspace{grid-template-columns:1fr}.sp2d-upload-form,.final-publish-form{order:1}.document-workspace,.final-document-panel{order:2;position:static}.embedded-pdf-frame{height:min(650px,72dvh)}.sp2d-upload-form .form-grid.single-column{grid-template-columns:minmax(0,1fr) minmax(190px,.38fr)!important}.sp2d-form-actions{position:static}}
@media(max-width:700px){.sp2d-upload-form> :not(header),.final-publish-form> :not(header),.final-publish-form>form{margin-inline:10px}.sp2d-upload-form-v51 .spm-inline-focus-v51,.final-publish-form-v51 .spm-inline-focus-v51{margin:10px}.sp2d-upload-form .form-grid.single-column{grid-template-columns:1fr!important;padding-top:10px}.sp2d-upload-form .form-grid.single-column>.form-group{grid-column:1!important}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51,.final-publish-form-v51 .spm-inline-focus-meta-v51{grid-template-columns:1fr}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51>div,.final-publish-form-v51 .spm-inline-focus-meta-v51>div{border-right:0!important;border-bottom:1px solid var(--border)!important}.sp2d-upload-form-v51 .spm-inline-focus-meta-v51>div:last-child,.final-publish-form-v51 .spm-inline-focus-meta-v51>div:last-child{border-bottom:0!important}.document-workspace-head,.final-document-head,.form-panel-head{align-items:flex-start;flex-direction:column}.document-workspace-head .btn{width:100%}.embedded-pdf-frame{height:clamp(360px,64dvh,520px)}.sp2d-form-actions{flex-direction:column-reverse;align-items:stretch}.sp2d-form-actions .btn{width:100%}}

html[data-theme="dark"] .embedded-pdf-frame{background:#0f151a}html[data-theme="dark"] .sp2d-form-actions,html[data-theme="dark"] .sp2d-upload-form-v51 .spm-inline-focus-v51,html[data-theme="dark"] .final-publish-form-v51 .spm-inline-focus-v51{background:var(--surface);border-color:var(--border)}

/* v5.3.5 — one modern, accessible date control across every form. */
input[type="date"],input[type="datetime-local"],input[type="month"]{min-height:42px;padding:9px 44px 9px 12px!important;border:1px solid var(--border-strong)!important;border-radius:8px!important;background-color:var(--surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px 18px!important;color:var(--text)!important;font:inherit;font-size:12px!important;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;color-scheme:light}
input[type="date"]:hover,input[type="datetime-local"]:hover,input[type="month"]:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border-strong))!important}input[type="date"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus{border-color:var(--primary)!important;outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)!important}input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{position:absolute;right:0;width:42px;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}input[type="date"]::-webkit-datetime-edit,input[type="datetime-local"]::-webkit-datetime-edit,input[type="month"]::-webkit-datetime-edit{padding:0}input[type="date"]::-webkit-datetime-edit-fields-wrapper,input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type="date"]:disabled,input[type="datetime-local"]:disabled,input[type="month"]:disabled{cursor:not-allowed;opacity:.65;background-color:var(--surface-alt)!important}
html[data-theme="dark"] input[type="date"],html[data-theme="dark"] input[type="datetime-local"],html[data-theme="dark"] input[type="month"]{color-scheme:dark;background-color:var(--surface-alt)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2363c7bd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important}
@media(max-width:760px){input[type="date"],input[type="datetime-local"],input[type="month"]{min-height:46px;padding-block:11px!important;font-size:16px!important;background-position:right 14px center!important}}

/* v5.3.6 — restore the browser calendar trigger; retain a polished field shell. */
input[type="date"],input[type="datetime-local"],input[type="month"]{position:relative;padding-right:10px!important;background-image:none!important}input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{position:static;width:20px;height:20px;margin-left:8px;padding:3px;opacity:1;cursor:pointer;filter:sepia(18%) saturate(1100%) hue-rotate(125deg) brightness(72%)}html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,html[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,html[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator{filter:invert(78%) sepia(24%) saturate(720%) hue-rotate(124deg) brightness(92%)}.fixed-role-access-v53{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);flex-wrap:wrap}.fixed-role-access-v53 strong{font-size:10.5px}.fixed-role-access-v53 span{color:var(--text-muted);font-size:9.5px}
/* v5.3.7 — single calendar glyph with a native clickable trigger. */
input[type="date"],input[type="datetime-local"],input[type="month"]{padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px 18px!important}input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{position:absolute;inset:0 0 0 auto;width:42px;height:100%;margin:0;padding:0;opacity:0;background:none!important;filter:none!important;cursor:pointer}html[data-theme="dark"] input[type="date"],html[data-theme="dark"] input[type="datetime-local"],html[data-theme="dark"] input[type="month"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2363c7bd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important}
/* v5.3.8 — SIAP calendar: whole-field activation and consistent popup. */
input[type="date"][data-siap-date]{appearance:none;-webkit-appearance:none;user-select:none}input[type="date"][data-siap-date]::-webkit-calendar-picker-indicator{display:none!important}.siap-datepicker{position:fixed;z-index:260;padding:10px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 18px 45px rgba(15,28,38,.22)}.siap-datepicker[hidden]{display:none}.siap-datepicker-head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:5px;margin-bottom:8px}.siap-datepicker-head strong{text-align:center;font-size:12.5px}.siap-datepicker-head button{width:34px;height:34px;border:0;border-radius:8px;background:var(--surface-alt);color:var(--text);font-size:22px;line-height:1;cursor:pointer}.siap-datepicker-head button:hover{background:var(--primary-soft);color:var(--primary)}.siap-datepicker-weekdays,.siap-datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.siap-datepicker-weekdays span{padding:5px 0;text-align:center;color:var(--text-soft);font-size:9px;font-weight:800}.siap-datepicker-days button{aspect-ratio:1;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:11px;font-weight:650;cursor:pointer}.siap-datepicker-days button:hover{background:var(--primary-soft);color:var(--primary)}.siap-datepicker-days button.is-outside{color:var(--text-soft);opacity:.55}.siap-datepicker-days button.is-today{box-shadow:inset 0 0 0 1px var(--primary);color:var(--primary)}.siap-datepicker-days button.is-selected{background:var(--primary)!important;color:#fff!important;box-shadow:none}.siap-datepicker-days button:disabled{cursor:not-allowed;opacity:.22}.siap-datepicker-foot{display:flex;justify-content:space-between;margin-top:8px;padding-top:9px;border-top:1px solid var(--border)}.siap-datepicker-foot button{padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--primary);font-size:10.5px;font-weight:750;cursor:pointer}.siap-datepicker-foot button:hover{background:var(--primary-soft)}html[data-theme="dark"] .siap-datepicker{background:var(--surface-raised);border-color:var(--border-strong);box-shadow:0 20px 50px rgba(0,0,0,.5)}html[data-theme="dark"] .siap-datepicker-head button{background:var(--surface-alt)}
@media(max-width:520px){.siap-datepicker{left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;width:auto!important;padding:12px;border-radius:14px}.siap-datepicker-days button{font-size:12px}.siap-datepicker-head strong{font-size:13px}}
.siap-datepicker-period{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:5px}.siap-datepicker-period select{width:100%;min-width:0;height:34px;padding:0 24px 0 8px!important;border:1px solid var(--border);border-radius:8px!important;background-color:var(--surface)!important;color:var(--text)!important;font-size:10.5px;font-weight:750;cursor:pointer}.siap-datepicker-period select:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}html[data-theme="dark"] .siap-datepicker-period select{background-color:var(--surface-alt)!important}

/* v5.3.9 — balanced one-screen SPM form after removing the stretched first row. */
.dashboard-kpi-grid-v36{margin-top:0}.spm-v5-data-card{align-self:start}.spm-v5-doc-grid{min-height:0}.spm-v5-checklist-card{display:grid;grid-template-rows:auto minmax(0,1fr)}
@media(min-width:1120px) and (min-height:720px){.spm-v5-form{height:100%;grid-template-rows:auto minmax(0,1fr) auto!important;align-content:stretch!important}.spm-v5-doc-grid{height:100%;align-items:stretch}.spm-v5-checklist-card,.spm-v5-upload-card{height:100%}.spm-v5-checklist{height:100%;max-height:none!important;align-content:center}.spm-v5-upload-zone{height:calc(100% - 20px);min-height:130px!important}}
/* Riwayat koreksi dokumen: ringkas, terbaca, dan tetap nyaman pada layar kecil. */
.sp2d-history-v54 { margin-top: 12px; overflow: hidden; }
.sp2d-history-list-v54 { display: grid; }
.sp2d-history-list-v54 article { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 12px; padding: 14px 18px; border-top: 1px solid var(--border); }
.sp2d-history-list-v54 strong, .sp2d-history-list-v54 p, .sp2d-history-list-v54 small { display: block; overflow-wrap: anywhere; }
.sp2d-history-list-v54 p { margin: 4px 0; color: var(--text-muted); }
.sp2d-history-list-v54 small { color: var(--text-soft); }
.sp2d-history-dot-v54 { width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--primary); }
@media (max-width: 640px) { .sp2d-history-list-v54 article { padding: 12px 14px; } }

/* Datepicker SIAP memakai input teks read-only agar UI native browser tidak bocor di dark mode. */
input[data-siap-date]{position:relative;min-height:42px;padding:9px 44px 9px 12px!important;border:1px solid var(--border-strong)!important;border-radius:8px!important;background-color:var(--surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px 18px!important;color:var(--text)!important;font-variant-numeric:tabular-nums;cursor:pointer}
html[data-theme="dark"] input[data-siap-date]{color-scheme:normal;background-color:var(--surface-alt)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2363c7bd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important}
input[data-siap-date]:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border-strong))!important}input[data-siap-date]:focus{border-color:var(--primary)!important;outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)!important}
@media(max-width:760px){input[data-siap-date]{min-height:46px;padding-block:11px!important;font-size:16px!important}}

/* v5.3.11 — ikon kalender menjadi elemen mandiri; tanpa background image pada input. */
.siap-date-field{position:relative;display:block;width:100%;min-width:0}.siap-date-field input[data-siap-date]{width:100%;padding-right:44px!important;background:var(--surface)!important;background-image:none!important}.siap-date-field-icon{position:absolute;z-index:2;right:12px;top:50%;width:20px;height:20px;display:grid;place-items:center;transform:translateY(-50%);color:var(--primary);pointer-events:auto;cursor:pointer}.siap-date-field-icon svg{display:block;width:19px;height:19px}html[data-theme="dark"] .siap-date-field input[data-siap-date]{background:var(--surface-alt)!important;background-image:none!important;color:var(--text)!important}html[data-theme="dark"] .siap-date-field-icon{color:#63c7bd}