:root{--ink:#0b2740;--blue:#0876bf;--deep:#071f33;--line:#d9e6ee;--muted:#6c8291;--ease:cubic-bezier(.2,.78,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f8fb;color:var(--ink);min-height:100vh}.admin-topbar{position:fixed;z-index:50;left:20px;right:20px;top:18px;height:62px;border:1px solid #d6e4ed;background:rgba(248,252,254,.86);backdrop-filter:blur(18px);border-radius:19px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 12px 36px rgba(17,57,83,.08)}.admin-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.admin-brand img{width:38px;height:38px;object-fit:contain}.admin-brand span{display:grid}.admin-brand b{font-size:13px}.admin-brand small{font-size:9px;color:#728997}.back-site{font-size:10px;font-weight:800;color:var(--ink);text-decoration:none;padding:10px 13px;border-radius:11px;background:#eaf4fa}.login-scene{min-height:100vh;background:linear-gradient(160deg,#061d30,#0a3553);display:grid;place-items:center;position:relative;overflow:hidden}.login-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,rgba(43,180,202,.18),transparent 27%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.login-orbit,.login-orbit i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(111,217,225,.12);transform:translate(-50%,-50%)}.login-orbit{width:600px;height:600px}.login-orbit i:nth-child(1){width:430px;height:430px}.login-orbit i:nth-child(2){width:760px;height:760px;border-style:dashed}.login-orbit i:nth-child(3){width:900px;height:900px;opacity:.3}.login-card{position:relative;z-index:2;width:min(430px,90vw);padding:34px;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 40px 100px rgba(0,0,0,.28);animation:loginIn .75s var(--ease) both}@keyframes loginIn{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}.login-logo{width:72px;height:72px;border-radius:23px;background:#fff0f1;display:grid;place-items:center;margin-bottom:26px}.login-logo img{width:50px}.login-card>small{font-size:8px;letter-spacing:.18em;color:#0e82c1;font-weight:900}.login-card h1{font-size:50px;letter-spacing:-.06em;margin:8px 0 26px}.login-card label{display:grid;gap:7px}.login-card label span{font-size:10px;font-weight:800}.login-card input{width:100%;height:50px;border:1px solid #ccdce6;border-radius:14px;background:#f8fbfd;padding:0 15px;font-size:14px;outline:none}.login-card input:focus{border-color:#1889c8;box-shadow:0 0 0 4px rgba(24,137,200,.08)}.login-card button{width:100%;height:50px;border:0;border-radius:14px;background:#082b45;color:#fff;font-weight:900;margin-top:14px;cursor:pointer}.login-error{min-height:18px;color:#c23f48;font-size:10px}.admin-dashboard{min-height:100vh;padding:110px 0 70px}.admin-shell{width:min(1380px,calc(100% - 50px));margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin:38px 0}.admin-heading small,.panel-head small{font-size:8px;letter-spacing:.18em;color:#0b82c2;font-weight:900}.admin-heading h1{font-size:clamp(48px,7vw,90px);letter-spacing:-.065em;line-height:.9;margin:9px 0 0}.admin-heading button,.admin-actions button{border:1px solid #cfdee8;background:white;color:var(--ink);border-radius:13px;padding:12px 16px;font-weight:800;cursor:pointer}.admin-tabs{display:flex;gap:10px;margin-bottom:22px}.admin-tabs button{border:1px solid #d4e2eb;background:#fff;border-radius:16px;padding:14px 18px;color:#536d7d;font-weight:800;cursor:pointer;transition:.25s ease}.admin-tabs button span{font-size:8px;color:#0b82c2;margin-right:9px}.admin-tabs button.active{background:#092b45;color:#fff;border-color:#092b45;transform:translateY(-2px)}.admin-section{display:none;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 24px 70px rgba(23,63,89,.07)}.admin-section.active{display:block;animation:panelIn .45s var(--ease) both}@keyframes panelIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.panel-head h2{font-size:36px;letter-spacing:-.045em;margin:6px 0 0}.panel-head a{font-size:10px;font-weight:800;color:var(--ink);text-decoration:none;padding:11px 13px;border-radius:12px;background:#edf5f9}.import-drop{min-height:220px;border:1px dashed #bcd0dc;border-radius:24px;background:#f7fbfd;display:grid;place-items:center;text-align:center;padding:24px}.import-drop button{border:0;background:transparent;cursor:pointer;color:var(--ink)}.import-drop button span{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:#0a2f4b;color:white;font-size:28px}.import-drop button b{display:block;font-size:17px}.import-drop button small{display:block;margin-top:5px;color:#7a909e}.import-file{font-size:10px;color:#69808f;margin-top:7px}.evaluation-preview{margin-top:24px}.preview-kpis{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px}.preview-kpis>div{min-height:112px;border:1px solid #dce8ef;border-radius:20px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.preview-kpis .accent{background:linear-gradient(145deg,#07304e,#0b5874);color:white;border-color:transparent}.preview-kpis small{font-size:8px;letter-spacing:.14em;color:#758c9a;font-weight:900}.preview-kpis .accent small{color:#86d4dd}.preview-kpis strong{font-size:28px}.preview-table-wrap{overflow:auto;margin-top:18px;border:1px solid #dbe7ee;border-radius:18px}.preview-table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.preview-table-wrap th,.preview-table-wrap td{padding:11px 13px;border-bottom:1px solid #e6eef3;text-align:right;font-size:10px}.preview-table-wrap th:first-child,.preview-table-wrap td:first-child{text-align:left}.preview-table-wrap th{font-size:8px;letter-spacing:.06em;background:#f3f8fb;color:#607a89}.admin-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.admin-actions .primary{background:#092b45;color:#fff;border-color:#092b45}.leader-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.leader-admin-card{border:1px solid #dbe7ee;border-radius:24px;padding:18px;background:#f8fbfd;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.leader-admin-photo{width:120px;height:140px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#0b314e,#12617c);display:grid;place-items:center;color:#7ad6de;font-size:20px;font-weight:900}.leader-admin-photo img{width:100%;height:100%;object-fit:cover}.leader-admin-info{display:grid;gap:10px}.leader-admin-info small{font-size:8px;letter-spacing:.12em;color:#0d82c0;font-weight:900}.leader-admin-info input[type=text]{width:100%;border:1px solid #d1e0e8;border-radius:12px;background:white;padding:11px;font-weight:700;color:var(--ink)}.photo-button{display:inline-flex;width:max-content;padding:10px 13px;border-radius:11px;background:#092b45;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.admin-toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#092b45;color:white;border-radius:14px;padding:13px 17px;font-size:11px;font-weight:800;opacity:0;transform:translateY(15px);pointer-events:none;transition:.3s ease}.admin-toast.show{opacity:1;transform:none}@media(max-width:980px){.leader-admin-grid{grid-template-columns:1fr}.preview-kpis{grid-template-columns:1fr 1fr}}@media(max-width:620px){.admin-topbar{left:10px;right:10px;top:10px}.back-site{display:none}.admin-shell{width:calc(100% - 24px)}.admin-tabs{overflow:auto}.admin-tabs button{white-space:nowrap}.admin-section{padding:18px}.preview-kpis{grid-template-columns:1fr}.leader-admin-card{grid-template-columns:90px 1fr}.leader-admin-photo{width:90px;height:110px}.admin-heading h1{font-size:54px}}

/* V16 · Forum Konsultasi */
.forum-admin-connect{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding:22px;border:1px solid #dbe7ee;border-radius:22px;background:linear-gradient(135deg,#f7fbfd,#eef7fa);margin-bottom:18px}.forum-admin-connect-copy small{font-size:8px;letter-spacing:.15em;color:#0b82c2;font-weight:900}.forum-admin-connect-copy h3{font-size:25px;letter-spacing:-.04em;margin:7px 0}.forum-admin-connect-copy p{font-size:11px;line-height:1.55;color:#6b8291;margin:0;max-width:520px}.forum-admin-fields{display:grid;gap:10px}.forum-admin-fields label{display:grid;gap:5px}.forum-admin-fields label span{font-size:8px;font-weight:900;color:#4d6878}.forum-admin-fields input,.forum-admin-toolbar input,.forum-admin-toolbar select,.forum-admin-card select,.forum-admin-card textarea{border:1px solid #cfdfe8;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;font-size:10px;color:#0b2740;outline:0}.forum-admin-fields input:focus,.forum-admin-toolbar input:focus,.forum-admin-card textarea:focus{border-color:#50a9c6;box-shadow:0 0 0 4px rgba(32,150,187,.08)}.forum-admin-connect-actions{display:flex;gap:8px}.forum-admin-connect-actions button,.forum-admin-card button{border:1px solid #d0dfe8;background:#fff;color:#0b2740;border-radius:11px;padding:10px 12px;font-weight:900;font-size:9px;cursor:pointer}.forum-admin-connect-actions .primary,.forum-admin-card button.primary{background:#092b45;color:#fff;border-color:#092b45}.forum-admin-status{display:flex;align-items:center;gap:7px;font-size:9px;color:#6b8291}.forum-admin-status i{width:8px;height:8px;border-radius:50%;background:#c4a45c}.forum-admin-status.online i{background:#2a9c65}.forum-admin-status.offline i{background:#c95b5b}.forum-admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.forum-admin-kpis>div{border:1px solid #dce8ee;border-radius:18px;padding:16px;background:#f9fcfd}.forum-admin-kpis small{display:block;font-size:7px;letter-spacing:.11em;color:#718996;font-weight:900}.forum-admin-kpis strong{display:block;font-size:27px;margin-top:7px}.forum-admin-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:12px}.forum-admin-list{display:grid;gap:10px}.forum-admin-card{border:1px solid #dce7ed;border-radius:20px;background:#fff;padding:16px;display:grid;gap:12px}.forum-admin-card-head{display:flex;align-items:flex-start;gap:12px}.forum-admin-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#0b3553,#11708a);display:grid;place-items:center;color:#b7edf1;font-weight:900;font-size:10px;flex:0 0 auto}.forum-admin-card-copy{min-width:0;flex:1}.forum-admin-card-copy small{font-size:8px;color:#738a98}.forum-admin-card-copy h3{font-size:16px;letter-spacing:-.025em;margin:4px 0}.forum-admin-card-copy p{font-size:10px;line-height:1.5;color:#607988;margin:0;white-space:pre-wrap}.forum-admin-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.forum-admin-badges span{font-size:7px;font-weight:900;padding:4px 7px;border-radius:999px;background:#edf6f8;color:#0b7899}.forum-admin-badges span.pending{background:#fff2db;color:#916418}.forum-admin-controls{display:grid;grid-template-columns:180px auto auto 1fr;gap:10px;align-items:center}.forum-admin-check{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;color:#526e7f}.forum-admin-check input{accent-color:#0a789d}.forum-admin-reply{display:grid;grid-template-columns:1fr auto;gap:8px}.forum-admin-reply textarea{min-height:66px;resize:vertical}.forum-admin-comments{border-top:1px solid #edf2f5;padding-top:10px;display:grid;gap:7px}.forum-admin-comment{font-size:9px;line-height:1.45;color:#5f7888;background:#f7fafc;border-radius:10px;padding:9px}.forum-admin-comment b{color:#183e54}.forum-admin-empty{padding:35px;border:1px dashed #cddde6;border-radius:18px;text-align:center;font-size:10px;color:#78909d}
@media(max-width:980px){.forum-admin-connect{grid-template-columns:1fr}.forum-admin-kpis{grid-template-columns:1fr 1fr}.forum-admin-controls{grid-template-columns:1fr 1fr}.forum-admin-reply{grid-template-columns:1fr}.forum-admin-reply button{height:42px}}@media(max-width:620px){.forum-admin-kpis{grid-template-columns:1fr 1fr}.forum-admin-toolbar{grid-template-columns:1fr}.forum-admin-controls{grid-template-columns:1fr}.forum-admin-connect-actions{flex-direction:column}}


/* V17 · Edukasi & Kegiatan PBJ + Pusat Pengetahuan */
.admin-tabs{flex-wrap:wrap}
.panel-export{border:1px solid #cfdee8;background:#fff;color:var(--ink);border-radius:12px;padding:11px 14px;font-size:10px;font-weight:800;cursor:pointer}
.portal-admin-form{border:1px solid #dbe7ee;border-radius:22px;background:#f8fbfd;padding:20px}
.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.portal-form-grid label{display:grid;gap:7px}.portal-form-grid label.span-2{grid-column:1/-1}
.portal-form-grid span{font-size:9px;font-weight:900;color:#587282}
.portal-form-grid input,.portal-form-grid select,.portal-form-grid textarea{width:100%;border:1px solid #cfdee7;border-radius:12px;background:#fff;color:var(--ink);font:inherit;padding:11px 12px;outline:none}
.portal-form-grid input,.portal-form-grid select{height:46px}.portal-form-grid textarea{resize:vertical}
.portal-form-grid input:focus,.portal-form-grid select:focus,.portal-form-grid textarea:focus{border-color:#1789c6;box-shadow:0 0 0 4px rgba(23,137,198,.07)}
.admin-file-note{margin-top:12px;padding:11px 13px;border-radius:12px;background:#edf5f8;color:#6b8290;font-size:9px;line-height:1.5}
.portal-admin-list{display:grid;gap:9px;margin-top:20px}
.portal-admin-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #dbe7ee;border-radius:17px;background:#fff;padding:13px}
.portal-item-mark{width:42px;height:42px;border-radius:13px;background:#0b314e;color:#75d5df;display:grid;place-items:center;font-size:12px;font-weight:900}.portal-item-mark.doc{font-size:8px;letter-spacing:.08em}
.portal-admin-item>div:nth-child(2){display:grid;gap:4px;min-width:0}.portal-admin-item small{font-size:7px;letter-spacing:.1em;color:#0b83c4;font-weight:900;text-transform:uppercase}.portal-admin-item b{font-size:13px}.portal-admin-item span{font-size:9px;color:#778d9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-item-actions{display:flex;gap:7px}.portal-item-actions button{border:1px solid #d2e0e9;background:#fff;color:#0b2740;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.portal-item-actions .danger-lite{color:#b2434a;background:#fff6f6;border-color:#efd7d8}.portal-admin-empty{min-height:120px;border:1px dashed #cbdde7;border-radius:18px;display:grid;place-items:center;color:#718795;font-size:11px}
@media(max-width:980px){.portal-form-grid{grid-template-columns:1fr}.portal-form-grid label.span-2{grid-column:auto}}
@media(max-width:620px){.portal-admin-item{grid-template-columns:40px 1fr}.portal-item-actions{grid-column:2;justify-content:flex-start}.admin-tabs{flex-wrap:nowrap}}

/* V18 · Dokumentasi + Pegawai */
.site-admin-photo-preview{margin-top:14px;min-height:180px;border:1px dashed #c8dae4;border-radius:18px;background:#f1f7fa;display:grid;place-items:center;overflow:hidden;color:#738a98;font-size:10px}.site-admin-photo-preview.team{min-height:230px;max-width:360px}.site-admin-photo-preview img{width:100%;height:260px;object-fit:cover}.site-admin-photo-preview.team img{height:320px}.portal-item-thumb{width:46px;height:46px;border-radius:12px;background:#0b314e;color:#7bdce2;display:grid;place-items:center;font-size:9px;font-weight:900;overflow:hidden}.portal-item-thumb.portrait{border-radius:10px}.portal-item-thumb img{width:100%;height:100%;object-fit:cover}

/* V19 */
.leader-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1150px){.leader-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.leader-admin-grid{grid-template-columns:1fr;}}

/* V20 · backend terpusat */
.admin-heading{gap:12px}.backend-pill{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(21,91,134,.16);border-radius:999px;background:#fff;color:#476174;font-size:12px;font-weight:700}.backend-pill i{width:8px;height:8px;border-radius:50%;background:#d39a36;box-shadow:0 0 0 4px rgba(211,154,54,.12)}.backend-pill.online i{background:#1da878;box-shadow:0 0 0 4px rgba(29,168,120,.12)}.backend-pill.offline i{background:#d65555;box-shadow:0 0 0 4px rgba(214,85,85,.12)}
@media(max-width:760px){.backend-pill{order:3;margin-left:0}.admin-heading{flex-wrap:wrap}}


/* V21 · TRAXPBJ CMS — management interface */
body{background:#eef1f3;color:#15191d}.admin-topbar{position:fixed;left:0;right:0;top:0;height:72px;border:0;border-radius:0;background:#11171b;color:#fff;box-shadow:none;padding:0 26px}.admin-brand{color:#fff}.admin-brand img{background:#fff;border-radius:11px;padding:5px}.admin-brand small{color:#8e9ba5}.back-site{background:#202a30;color:#fff;border:1px solid #2f3b42}.admin-dashboard{padding:96px 0 48px}.admin-shell{width:min(1540px,calc(100% - 34px));display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto auto;gap:18px;align-items:start}.admin-heading{grid-column:1/-1;margin:10px 0 2px;padding:22px 26px;background:#fff;border:1px solid #dce1e4;border-radius:18px;align-items:center}.admin-heading h1{font-size:38px;line-height:1;letter-spacing:-.04em}.admin-heading small{color:#7a858c}.backend-pill{margin-left:auto;background:#f4f6f7;border-color:#dfe4e7}.admin-heading>button{background:#151b1f;color:#fff;border:0}.admin-tabs{grid-column:1;grid-row:2;position:sticky;top:90px;display:flex;flex-direction:column;gap:3px;margin:0;padding:12px;background:#151b1f;border-radius:18px;min-height:calc(100vh - 116px);flex-wrap:nowrap}.admin-tabs:before{content:"CONTENT MANAGEMENT";display:block;color:#68767f;font-size:8px;font-weight:900;letter-spacing:.18em;padding:10px 12px 16px}.admin-tabs button{width:100%;min-height:50px;border:0;border-radius:11px;background:transparent;color:#aeb9bf;text-align:left;padding:10px 12px;display:grid;grid-template-columns:32px 1fr;align-items:center;font-size:11px;transition:.2s ease}.admin-tabs button span{color:#68767f;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.admin-tabs button:hover{background:#1e282e;color:#fff}.admin-tabs button.active{background:#f5f7f8;color:#11171b;transform:none}.admin-tabs button.active span{color:#0a7bc0}.admin-section{grid-column:2;grid-row:2;border-radius:18px;border:1px solid #dce1e4;box-shadow:none;padding:26px;min-height:calc(100vh - 116px)}.panel-head{padding-bottom:20px;border-bottom:1px solid #e6eaec}.panel-head small{color:#73818a}.panel-head h2{font-size:30px}.portal-admin-form,.import-drop,.leader-admin-card,.forum-admin-connect,.forum-admin-card{border-radius:14px;background:#f7f8f9;border-color:#e0e5e8}.leader-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leader-admin-card{grid-template-columns:100px 1fr}.leader-admin-photo{width:100px;height:120px;border-radius:12px}.photo-button,.admin-actions .primary,.forum-admin-connect-actions .primary,.forum-admin-card button.primary{background:#11171b!important;border-color:#11171b!important}.portal-admin-item{border-radius:12px}.portal-item-mark,.portal-item-thumb{background:#1d282e;color:#8bd7df}.login-scene{background:#11171b}.login-scene:before{background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.login-orbit{display:none}.login-card{border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.admin-process[hidden]{display:none}.admin-process{position:fixed;inset:0;z-index:1000;background:rgba(12,16,19,.84);backdrop-filter:blur(8px);display:grid;place-items:center}.admin-process-card{width:min(410px,88vw);background:#11171b;color:#fff;border:1px solid #303a40;border-radius:20px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.38);text-align:center}.admin-process-logo{width:88px;height:88px;margin:0 auto 20px;position:relative;display:grid;place-items:center}.admin-process-logo:before,.admin-process-logo:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(96,213,222,.35);border-radius:50%;animation:adminSpin 1.5s linear infinite}.admin-process-logo:after{inset:-23px;border-style:dashed;animation-duration:2.7s;animation-direction:reverse}.admin-process-logo img{width:66px;height:66px;object-fit:contain}.admin-process-card small{display:block;color:#6ed0d9;font-size:8px;font-weight:900;letter-spacing:.18em}.admin-process-card strong{display:block;font-size:26px;margin:9px 0 7px}.admin-process-card>span{display:block;color:#9ca8af;font-size:11px;min-height:16px}.admin-process-track{height:3px;background:#29343a;border-radius:999px;margin-top:22px;overflow:hidden}.admin-process-track i{display:block;height:100%;width:24%;background:linear-gradient(90deg,#0d83c8,#62d5dc,#f02738);border-radius:inherit;animation:adminLoad 1.25s ease-in-out infinite}.admin-process.has-progress .admin-process-track i{animation:none;width:var(--progress,0%);transition:width .25s ease}@keyframes adminSpin{to{transform:rotate(360deg)}}@keyframes adminLoad{from{transform:translateX(-120%)}to{transform:translateX(520%)}}
@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-tabs{grid-column:1;grid-row:auto;position:static;min-height:auto;display:flex;flex-direction:row;overflow:auto}.admin-tabs:before{display:none}.admin-tabs button{min-width:210px}.admin-section{grid-column:1;grid-row:auto;min-height:0}.leader-admin-grid{grid-template-columns:1fr}}

/* V22 · mixed documentation media */
.field-note{display:block;margin-top:7px;color:#83919a;font-size:9px;line-height:1.45}
#documentationPhotoPreview{display:block;padding:14px;min-height:120px}
.doc-upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%}.doc-upload-preview-grid article{min-width:0;background:#fff;border:1px solid #dde6ea;border-radius:12px;padding:9px;display:grid;gap:6px}.doc-upload-thumb{height:110px;border-radius:9px;background:#172127;overflow:hidden;position:relative}.doc-upload-thumb img,.doc-upload-thumb video{width:100%;height:100%;object-fit:cover;display:block}.doc-upload-thumb span{position:absolute;left:7px;top:7px;padding:5px 7px;border-radius:999px;background:rgba(12,18,22,.78);color:#fff;font-size:7px;font-weight:900;letter-spacing:.12em}.doc-upload-preview-grid b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#182027}.doc-upload-preview-grid small{font-size:8px;color:#7b8992}.doc-upload-summary{margin-top:11px;color:#5e6d76;font-size:9px;font-weight:800}.doc-upload-current{min-height:90px;display:grid;place-items:center;text-align:center;gap:5px}.doc-upload-current b{font-size:18px;color:#192126}.doc-upload-current span{font-size:9px;color:#73828b}
\n\n/* V26.2 · Akses OPD Komitmen Perencanaan */\n.opd-access-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.opd-access-note{margin:18px 0 12px;padding:13px 15px;border:1px solid #dce7ec;border-radius:12px;background:#f6f9fa;color:#5f717c;font-size:10px;line-height:1.55}.opd-access-toolbar{display:flex;align-items:center;gap:12px;margin:14px 0}.opd-access-toolbar input{min-width:0;flex:1;height:44px;border:1px solid #d2dde3;border-radius:11px;background:#fff;padding:0 13px;font:inherit;color:#182027;outline:none}.opd-access-toolbar input:focus{border-color:#0f82c4;box-shadow:0 0 0 4px rgba(15,130,196,.07)}.opd-access-count{width:86px;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce4e8;border-radius:11px;background:#fff}.opd-access-count small{font-size:7px;letter-spacing:.12em;font-weight:900;color:#74838c}.opd-access-count strong{font-size:15px}.opd-access-table-wrap{border:1px solid #dce4e8;border-radius:14px;background:#fff;overflow:auto}.opd-access-table{width:100%;border-collapse:collapse;min-width:860px}.opd-access-table th{position:sticky;top:0;background:#f3f6f7;color:#63737d;font-size:8px;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:11px 13px;border-bottom:1px solid #dfe6ea}.opd-access-table td{padding:12px 13px;border-bottom:1px solid #edf1f3;font-size:10px;color:#5d6c75;vertical-align:middle}.opd-access-table tr:last-child td{border-bottom:0}.opd-access-table td:first-child{width:42%;color:#172027}.opd-access-table code{display:inline-block;min-width:82px;padding:7px 9px;border-radius:8px;background:#eef4f6;color:#0b314e;font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.opd-copy,.opd-reset{border:1px solid #d5e0e6;background:#fff;color:#163147;border-radius:8px;padding:7px 9px;margin-left:6px;font-size:8px;font-weight:800;cursor:pointer}.opd-reset{margin-left:0;white-space:nowrap}.opd-copy:hover,.opd-reset:hover{border-color:#87bcd8;background:#f2f8fb}.opd-access-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:900}.opd-access-status:before{content:"";width:6px;height:6px;border-radius:50%}.opd-access-status.active{background:#eaf8f2;color:#177456}.opd-access-status.active:before{background:#1aa978}.opd-access-status.inactive{background:#fff0f0;color:#a34242}.opd-access-status.inactive:before{background:#cf5454}.opd-access-empty{text-align:center!important;color:#7b8a93!important;padding:28px!important}.panel-export{cursor:pointer}.panel-export:disabled,.opd-copy:disabled,.opd-reset:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.opd-access-head{align-items:flex-start;flex-direction:column}.opd-access-toolbar{align-items:stretch}.opd-access-count{flex:0 0 86px}}\n
/* v27.49 · Produk Surat PBJ */
.surat-admin-block{margin-top:28px;padding-top:28px;border-top:1px solid rgba(11,41,64,.12)}
.surat-admin-head p{margin:5px 0 0;color:#6f8190;font-size:12px;max-width:620px}
.surat-admin-form{margin-bottom:16px}
.surat-admin-block .portal-item-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border:1px solid rgba(11,41,64,.12);border-radius:10px;padding:8px 11px;font-size:11px;font-weight:700;background:#fff}
.surat-admin-block .portal-item-actions a:hover{background:#0b2940;color:#fff}