:root{--boe:#0b4d88;--boe2:#0b69ae;--gold:#f5b335;--ink:#18314f;--soft:#eef5fb}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#243b53;background:#fff}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:10px;z-index:9999;background:#fff;padding:8px 12px}.topbar{background:#07345f;color:#dfefff;font-size:.88rem}.topbar a{color:#fff;text-decoration:none}.mainnav{background:linear-gradient(90deg,#0a3f73,#0b69ae)}.mainnav .nav-shell{min-height:96px}.brand-wrap{display:flex;align-items:center;gap:14px;max-width:min(100%,740px);padding-top:.35rem;padding-bottom:.35rem;margin-right:1rem;text-decoration:none}.navbar-brand small{font-size:.66rem;letter-spacing:.03em}.brand-mark{width:96px;height:96px;border-radius:18px;background:#fff;color:var(--boe);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.12)}.brand-mark-image{padding:8px}.brand-logo-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.brand-copy{display:flex;flex-direction:column;justify-content:center;line-height:1.12;min-width:0}.brand-title{display:block;font-size:clamp(1.15rem,2vw,2rem);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle{font-size:clamp(.72rem,1.05vw,1rem);font-weight:600;color:#e7f1fb;letter-spacing:.01em}.navbar-nav .nav-link{color:#fff!important;font-weight:600;margin-left:.25rem}.dropdown-menu{border:0;box-shadow:0 12px 35px rgba(0,0,0,.14);border-radius:12px}.dropdown-item{padding:.6rem 1rem}.hero{background:linear-gradient(115deg,rgba(6,55,103,.96),rgba(10,111,177,.88));color:#fff;padding:80px 0}.hero-badge{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:8px 14px;border-radius:999px}.hero h1{font-weight:800;font-size:clamp(2rem,5vw,4rem)}.hero-card{background:#fff;color:var(--ink);border-radius:20px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.section-title{font-weight:800;color:var(--ink)}.quick-card,.content-card,.admin-card{border:0;border-radius:18px;box-shadow:0 8px 28px rgba(25,67,101,.10);height:100%}.quick-card{padding:24px;transition:.2s}.quick-card:hover{transform:translateY(-4px)}.quick-icon{width:58px;height:58px;border-radius:16px;background:var(--soft);color:var(--boe);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.bg-soft{background:var(--soft)}.btn-boe{background:var(--boe);color:#fff;border:none}.btn-boe:hover{background:#083d6d;color:#fff}.badge-atria{background:#e8f4ff;color:#075292}.site-footer{background:var(--footer-bg,#082f55);color:var(--footer-text,#dfefff)}.site-footer a{color:var(--footer-link,#fff);text-decoration:none}.site-footer .footer-site-logo{display:block;width:auto;max-width:230px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.site-footer .footer-link:hover{text-decoration:underline}.sitemap-tree,.sitemap-tree ul{list-style:none;padding-left:1.25rem}.sitemap-tree>li{margin-bottom:14px}.sitemap-tree a{text-decoration:none;font-weight:650}.sitemap-tree ul{border-left:2px solid #cfe3f4;margin-top:8px}.doc-row{border:1px solid #e6eef5;border-radius:14px;padding:16px;margin-bottom:12px}.admin-shell{min-height:100vh;background:#f4f7fb}.admin-sidebar{background:#0b3f73;color:#fff;min-height:100vh}.admin-sidebar a{display:block;color:#e8f3ff;text-decoration:none;padding:10px 12px;border-radius:9px}.admin-sidebar a:hover{background:rgba(255,255,255,.1)}.table td,.table th{vertical-align:middle}.content-html img{max-width:100%;height:auto}.news-card img{height:180px;object-fit:cover}.form-control,.form-select{border-radius:10px;padding:.65rem .8rem}.card{border-radius:16px}.atrialetter{font-size:2.8rem;font-weight:900;color:var(--boe)}@media(max-width:991px){.navbar-nav .nav-link{margin-left:0}.hero{padding:55px 0}.admin-sidebar{min-height:auto}.mainnav .nav-shell{min-height:76px}.brand-wrap{gap:10px;max-width:calc(100% - 56px)}.brand-mark{width:60px!important;height:60px!important;border-radius:14px}.brand-title{font-size:1.18rem;white-space:normal}.brand-subtitle{font-size:.76rem}}@media(max-width:575.98px){.topbar{display:none!important}.mainnav .nav-shell{min-height:70px}.brand-wrap{gap:8px;max-width:calc(100% - 52px)}.brand-mark{width:52px!important;height:52px!important;border-radius:12px;padding:6px}.brand-title{font-size:1rem;line-height:1.08}.brand-subtitle{font-size:.68rem;line-height:1.15}}.dashboard-stat{transition:.2s}.dashboard-stat:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(25,67,101,.16)}.dash-icon{width:54px;height:54px;border-radius:16px;background:#eaf4ff;color:var(--boe);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.admin-media-thumb{width:100%;height:160px;object-fit:cover;border-radius:12px 12px 0 0}.admin-media-placeholder{height:160px;display:flex;align-items:center;justify-content:center;background:#dce9f5;color:var(--boe);font-size:2.5rem;border-radius:12px 12px 0 0}.gallery-card,.video-card{border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(25,67,101,.10)}.gallery-card{margin:0;height:100%}.gallery-card img{width:100%;height:260px;object-fit:cover}.video-card iframe,.video-card video{width:100%;height:100%;border:0}
.home-gallery-item{display:block;position:relative;border-radius:14px;overflow:hidden;height:170px;background:#dce9f5}.home-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.25s}.home-gallery-item:hover img{transform:scale(1.04)}.home-gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:25px 10px 9px;color:#fff;font-size:.82rem;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.75))}


/* V3 */
.admin-sidebar{position:sticky;top:0;align-self:flex-start}.drag-handle{cursor:grab;color:#6c7a89}.dragging{opacity:.45}.sortable-card{cursor:grab}.sort-hint{font-size:.82rem;color:#6c757d}.rich-editor-wrap{position:relative}.rich-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border:1px solid #dbe5ef;border-bottom:0;background:#f7f9fc;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:5}.rich-toolbar button,.rich-toolbar select{min-height:34px;border:1px solid #d4deea;background:#fff;border-radius:7px;padding:4px 8px;color:#29445f}.rich-toolbar button:hover{background:#eaf4ff}.toolbar-sep{width:1px;background:#d7e0e8;margin:2px 3px}.rich-editor{min-height:330px;border:1px solid #dbe5ef;border-radius:0 0 12px 12px;padding:16px;background:#fff;overflow:auto}.rich-editor:focus{outline:3px solid rgba(13,110,253,.18);border-color:#86b7fe}.rich-editor table{width:100%;border-collapse:collapse}.rich-editor td,.rich-editor th{border:1px solid #bfcbd8;padding:8px}.rich-fullscreen{position:fixed!important;inset:10px;z-index:99999;background:#fff;padding:12px;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.35);overflow:auto}.rich-fullscreen .rich-editor{height:calc(100vh - 110px)}
.ppid-carousel .carousel-item{height:clamp(320px,48vw,540px);background:#082f55}.ppid-carousel .carousel-item img{width:100%;height:100%;object-fit:cover;opacity:.76}.ppid-carousel .carousel-caption{text-align:left;left:8%;right:8%;bottom:12%;z-index:2}.ppid-carousel .carousel-caption h1{font-size:clamp(2rem,5vw,4rem);font-weight:800;text-shadow:0 2px 15px rgba(0,0,0,.4)}.ppid-carousel .carousel-caption p{font-size:clamp(1rem,2vw,1.25rem);max-width:760px;text-shadow:0 2px 10px rgba(0,0,0,.45)}.ppid-carousel .carousel-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,68,.78),rgba(4,36,68,.12))}.service-strip{margin-top:-38px;position:relative;z-index:4}.service-strip .content-card{background:#fff}.banner-admin-thumb{width:160px;height:85px;object-fit:cover;border-radius:10px}
@media(max-width:991px){.admin-sidebar{position:relative}.service-strip{margin-top:0}.ppid-carousel .carousel-caption{bottom:8%}.ppid-carousel .carousel-item{height:400px}}

/* V4 - VOICE / AKSESIBILITAS */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role="button"]:focus-visible{outline:3px solid #ffc107!important;outline-offset:3px!important}.voice-highlight{outline:3px solid #ffc107!important;outline-offset:3px!important;border-radius:5px;box-shadow:0 0 0 5px rgba(255,193,7,.18)!important}.a11y-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.a11y-widget{position:fixed;right:22px;bottom:22px;z-index:10050;font-size:16px}.a11y-main{width:64px;height:64px;border:0;border-radius:50%;background:#16883e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.55rem;box-shadow:0 10px 28px rgba(0,0,0,.26);transition:.2s}.a11y-main:hover,.a11y-main:focus{transform:translateY(-2px);background:#116f32}.a11y-main:after{content:"ON";position:absolute;right:-4px;top:-5px;background:#ffc107;color:#111;font-size:.62rem;font-weight:900;padding:3px 5px;border-radius:999px;border:2px solid #fff}.a11y-panel{position:absolute;right:0;bottom:76px;width:286px;background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:14px;box-shadow:0 18px 50px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.a11y-widget.open .a11y-panel{opacity:1;visibility:visible;transform:translateY(0)}.a11y-title{font-weight:800;color:#163653;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.a11y-title small{font-weight:700;color:#16883e}.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.a11y-control{border:1px solid #d6e0e9;background:#fff;color:#173b5e;border-radius:10px;padding:9px 8px;font-weight:700;min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px}.a11y-control:hover,.a11y-control:focus{background:#eef6fd}.a11y-control.is-on{background:#e8f7ee;border-color:#79c696;color:#116b31}.a11y-control.is-off{background:#fff0f0;border-color:#e6a1a1;color:#9c2424}.a11y-font-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.a11y-font-row .a11y-control.active{background:#0b4d88;color:#fff;border-color:#0b4d88}.a11y-note{font-size:.74rem;color:#60778d;line-height:1.35;margin:10px 0 0}.a11y-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;background:#e8f7ee;color:#116b31;padding:3px 7px;border-radius:999px}.a11y-status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#1ba64b}.a11y-high-contrast body{background:#000!important;color:#fff!important}.a11y-high-contrast body *{border-color:#fff!important}.a11y-high-contrast .mainnav,.a11y-high-contrast .topbar,.a11y-high-contrast .site-footer,.a11y-high-contrast .hero,.a11y-high-contrast .content-card,.a11y-high-contrast .quick-card,.a11y-high-contrast .card,.a11y-high-contrast .dropdown-menu{background:#000!important;color:#fff!important}.a11y-high-contrast a:not(.btn),.a11y-high-contrast .section-title,.a11y-high-contrast .text-muted,.a11y-high-contrast .dropdown-item{color:#ffeb3b!important}.a11y-high-contrast .btn,.a11y-high-contrast .form-control,.a11y-high-contrast .form-select{border:2px solid #fff!important}.a11y-high-contrast .form-control,.a11y-high-contrast .form-select{background:#000!important;color:#fff!important}.a11y-high-contrast .a11y-panel{background:#000!important;color:#fff!important;border-color:#fff!important}.a11y-high-contrast .a11y-control{background:#000!important;color:#fff!important;border-color:#fff!important}.a11y-font-1{font-size:100%}.a11y-font-2{font-size:125%}.a11y-font-3{font-size:150%}@media(max-width:575.98px){.a11y-widget{right:12px;bottom:14px}.a11y-main{width:58px;height:58px}.a11y-panel{width:min(286px,calc(100vw - 24px));right:0;bottom:70px}}
.a11y-status-pill.is-off{background:#fff0f0;color:#9c2424}.a11y-status-pill.is-off:before{background:#c83c3c}

/* V4.1 - editor daftar huruf/romawi dan pengaturan gambar */
.rich-toolbar select[data-list-style]{min-width:118px;max-width:145px}
.rich-editor img{max-width:100%;height:auto;cursor:pointer}
.rich-editor img.editor-image-selected{outline:3px solid #0d6efd;outline-offset:3px;box-shadow:0 0 0 5px rgba(13,110,253,.12)}
.rich-editor ol[style*="lower-alpha"],.content-html ol[style*="lower-alpha"]{list-style-type:lower-alpha}
.rich-editor ol[style*="upper-alpha"],.content-html ol[style*="upper-alpha"]{list-style-type:upper-alpha}
.rich-editor ol[style*="lower-roman"],.content-html ol[style*="lower-roman"]{list-style-type:lower-roman}
.rich-editor ol[style*="upper-roman"],.content-html ol[style*="upper-roman"]{list-style-type:upper-roman}

/* V4.2 - LINK LOGO / TAUTAN TERKAIT */
.partner-links-section{background:#fff;border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5}.partner-links-heading{text-align:center;font-weight:800;color:#153b5e;margin-bottom:16px}.partner-logo-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.partner-logo-link{display:flex;align-items:center;justify-content:center;min-height:88px;padding:10px 16px;background:#fff;border:1px solid #e0e9f1;border-radius:14px;box-shadow:0 6px 18px rgba(25,67,101,.08);transition:.2s;text-decoration:none}.partner-logo-link:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(25,67,101,.15);border-color:#b9d4e9}.partner-logo-link img{display:block;max-width:260px;max-height:68px;height:auto;object-fit:contain}.partner-links-floating{position:fixed;left:18px;right:108px;bottom:18px;z-index:10020;display:flex;align-items:center;justify-content:center;gap:10px;overflow-x:auto;padding:9px 12px;background:rgba(255,255,255,.96);border:1px solid #dce7ef;border-radius:16px;box-shadow:0 10px 32px rgba(0,0,0,.18);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.partner-links-floating a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:52px;padding:4px 10px;border-radius:10px;text-decoration:none;transition:.2s}.partner-links-floating a:hover{background:#edf6fd;transform:translateY(-2px)}.partner-links-floating img{display:block;max-width:210px!important;max-height:48px;height:auto;object-fit:contain}.a11y-high-contrast .partner-links-section,.a11y-high-contrast .partner-logo-link,.a11y-high-contrast .partner-links-floating{background:#000!important;color:#fff!important;border-color:#fff!important}.a11y-high-contrast .partner-logo-link img,.a11y-high-contrast .partner-links-floating img{background:#fff;border-radius:6px;padding:2px}@media(max-width:767.98px){.partner-logo-row{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.partner-logo-link{flex:0 0 auto;min-height:76px}.partner-logo-link img{max-height:56px}.partner-links-floating{left:10px;right:10px;bottom:84px;justify-content:flex-start}.partner-links-floating img{max-height:42px}}



/* V4.3 - WEBSITE SETTINGS */
.settings-logo-preview{display:flex;align-items:center;justify-content:center;min-height:120px;background:#f7fafc;border:1px dashed #cbd8e4;border-radius:14px;padding:14px}.settings-logo-preview img{display:block;max-width:100%;max-height:100px;object-fit:contain}.color-field{display:flex;gap:8px;align-items:center}.color-field input[type=color]{width:54px;height:44px;padding:3px;border-radius:10px;border:1px solid #ced8e2}.footer-link-sort-item{cursor:grab}.footer-preview{border-radius:16px;padding:24px;background:var(--preview-bg,#082f55);color:var(--preview-text,#dfefff)}.footer-preview a{color:var(--preview-link,#fff)}


/* V4.4 - Struktur informasi dan CAPTCHA */
.doc-category{margin-bottom:18px}.doc-category .doc-category{margin-left:22px;margin-top:12px}.doc-category-title{font-weight:800;color:#153b5e;background:#eef5fb;border-left:4px solid #0b69ae;padding:12px 15px;border-radius:10px}.doc-category.level-1>.doc-category-title{background:#f7fafc;border-left-color:#5c86a8}.doc-points{padding:8px 0 0}.doc-point{display:flex;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid #e6eef5}.doc-point-number{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f4ff;color:#075292;font-weight:800;font-size:.82rem}.doc-point-body{flex:1;min-width:0}.doc-point-action{flex:0 0 auto}.captcha-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.captcha-box img{border:1px solid #cbd9e5;border-radius:10px;background:#f3f8fc}@media(max-width:575.98px){.doc-point{align-items:flex-start;flex-wrap:wrap}.doc-point-action{width:100%;padding-left:42px}.doc-category .doc-category{margin-left:10px}}

/* V4.5 - MONEV / SAQ */
.monev-admin-hero{border-left:5px solid #0b69ae}.monev-kpi,.monev-public-kpi,.monev-mini-stat{background:#fff;border:1px solid #e1ebf3;border-radius:15px;padding:16px;text-align:center;box-shadow:0 6px 18px rgba(25,67,101,.06)}.monev-kpi b,.monev-public-kpi b,.monev-mini-stat b{display:block;font-size:1.8rem;color:#0b4d88;line-height:1}.monev-kpi span,.monev-public-kpi span,.monev-mini-stat span{display:block;margin-top:6px;font-size:.82rem;color:#60778d}.monev-instrument-admin{border:1px solid #e0e9f1;border-radius:14px;padding:16px;background:#fbfdff}.monev-assignment-row{padding:8px 10px;border-bottom:1px solid #edf2f7}.monev-assignment-row:last-child{border-bottom:0}.monev-structure-block{margin:0 0 18px}.monev-structure-block.level-1{margin-left:20px}.monev-structure-title{background:#eef5fb;color:#153b5e;border-left:4px solid #0b69ae;border-radius:9px;padding:10px 12px}.monev-group-row{display:flex;gap:10px;padding:11px 12px;margin:6px 0;background:#f8fafc;border-radius:10px}.monev-no{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:999px;background:#e8f4ff;color:#075292;font-weight:800;font-size:.8rem;flex:0 0 auto}.monev-admin-item{display:flex;gap:12px;align-items:flex-start;padding:13px 10px;border-bottom:1px solid #e8eef4}.monev-weight{width:110px;flex:0 0 110px}.sticky-save{position:sticky;bottom:15px;display:flex;justify-content:flex-end;padding:12px;background:rgba(255,255,255,.92);border:1px solid #dde8f0;border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.12);z-index:20}.monev-shell{background:#f4f7fb}.monev-sidebar{background:linear-gradient(180deg,#0b3f73,#082f55);color:#fff}.monev-sidebar a{display:block;color:#e8f3ff;text-decoration:none;padding:10px 12px;border-radius:9px;margin-bottom:3px}.monev-sidebar a:hover{background:rgba(255,255,255,.1)}.monev-section-card{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #e1eaf2;border-radius:14px;padding:15px;margin-top:10px;text-decoration:none;color:#243b53;background:#fff;transition:.2s}.monev-section-card:hover{transform:translateY(-2px);border-color:#a8cae4;box-shadow:0 8px 20px rgba(25,67,101,.1)}.monev-section-progress{display:flex;align-items:center;gap:12px;font-weight:800;color:#0b4d88}.monev-item-row{display:flex;gap:12px;align-items:flex-start;padding:14px 8px;border-bottom:1px solid #e8eef4;text-decoration:none;color:#243b53}.monev-item-row:hover{background:#f7fbff}.monev-item-state{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;min-width:150px}.monev-evidence-row,.monev-evidence-verify{border:1px solid #e0e9f1;border-radius:12px;padding:12px;margin-top:10px;background:#fbfdff}.monev-evidence-row{display:flex;gap:12px;align-items:flex-start}.monev-evidence-icon{width:38px;height:38px;border-radius:10px;background:#e8f4ff;color:#0b4d88;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.monev-verify-list{display:block;padding:12px;border-bottom:1px solid #e8eef4;text-decoration:none;color:#243b53;border-radius:10px}.monev-verify-list:hover,.monev-verify-list.active{background:#eef6fd}.monev-public-card{background:#fff;border:1px solid #e0e9f1;border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(25,67,101,.08)}.monev-public-score{width:78px;height:78px;border-radius:50%;background:#e8f7ee;color:#116b31;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.monev-public-score b{font-size:1.25rem;line-height:1}.monev-public-score small{font-size:.68rem;margin-top:4px}.monev-public-score.large{width:110px;height:110px}.monev-public-score.large b{font-size:1.65rem}.monev-public-section{border-top:1px solid #e5edf5;padding-top:14px;margin-top:14px}.monev-public-item{padding:12px 0;border-bottom:1px solid #edf2f7}
@media(max-width:991px){.monev-sidebar{min-height:auto}.monev-structure-block.level-1{margin-left:8px}}@media(max-width:575.98px){.monev-admin-item,.monev-item-row{flex-wrap:wrap}.monev-weight,.monev-item-state{width:100%;min-width:0;margin-left:42px}.monev-section-card{align-items:flex-start}.monev-public-score{width:68px;height:68px}}

/* V4.5.2 - Penugasan MONEV sampai level indikator */
.assignment-search{max-width:520px}.assignment-tree{background:#fbfdff;max-height:68vh;overflow:auto}.assignment-section{border-left:2px solid #e5edf5;margin-bottom:8px}.assignment-section-head{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#f4f8fc;border-radius:10px;margin-bottom:6px}.assignment-section-head strong{color:#173b5e}.assignment-empty-box{display:inline-block;width:1rem;flex:0 0 1rem}.assignment-group{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;margin-top:6px;margin-bottom:4px;background:#fff7dc;border-left:4px solid #f5b335;border-radius:8px}.assignment-no{min-width:28px;font-weight:800;color:#173b5e}.assignment-indicator{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-top:3px;border:1px solid #e2ebf3;border-radius:9px;background:#fff;cursor:pointer;transition:.15s}.assignment-indicator:hover{border-color:#9fc5e3;background:#f7fbff}.assignment-indicator .form-check-input{margin-top:.28rem;flex:0 0 auto}.assignment-indicator-body{min-width:0;line-height:1.4}.assignment-item-no{display:inline-block;min-width:28px;color:#0b4d88}.assignment-section-selector,.assignment-group-selector{cursor:pointer;flex:0 0 auto}.a11y-high-contrast .assignment-tree,.a11y-high-contrast .assignment-section-head,.a11y-high-contrast .assignment-group,.a11y-high-contrast .assignment-indicator{background:#000!important;color:#fff!important;border-color:#fff!important}@media(max-width:767.98px){.assignment-tree{max-height:none}.assignment-section-head{align-items:flex-start}.assignment-indicator{padding:9px}.assignment-search{max-width:none;width:100%}}

/* V4.5.5 - Editor image upload + percentage */
#ppidEditorImageModal .nav-tabs .nav-link{cursor:pointer}.editor-image-preview{border-radius:8px}.rich-toolbar button[data-action="image"]{position:relative}.rich-toolbar button[data-action="image"]:after{content:"+";position:absolute;right:2px;bottom:0;font-size:.65rem;font-weight:900;color:#0d6efd}.editor-image-width-custom{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* V4.5.7 - Register Pemohon */
.register-section .content-card{height:auto}.register-side-panel{background:#f8fbfe;border:1px solid #dbe7f0;border-radius:18px;padding:22px}.signature-box{height:190px;border:2px dashed #a9bfd3;border-radius:14px;background:#fff;overflow:hidden;touch-action:none}.signature-box canvas{width:100%;height:100%;display:block;cursor:crosshair}.register-section .form-label{font-weight:650;color:#18314f}.register-section .form-text{font-size:.78rem}.applicant-private-note{background:#eef6fd;border:1px solid #cfe2f3;border-radius:12px;padding:12px}


/* V4.5.15 - Perbaikan detail permohonan agar tidak menumpuk footer */
.request-detail-section{position:relative;overflow:visible;padding-bottom:4rem!important}
.request-detail-section .row{align-items:flex-start}
.request-detail-section .request-detail-card{height:auto!important;min-height:0}
.request-detail-section .col-lg-7,.request-detail-section .col-lg-5{min-height:0}
.request-detail-section + .partner-links-section{position:relative;z-index:1;clear:both}
@media(max-width:991.98px){.request-detail-section{padding-bottom:3rem!important}}

/* V4.5.16 - Agenda PPID */
.agenda-page .container{max-width:1440px}.agenda-month-title{font-size:1.15rem;font-weight:800;color:var(--boe);background:#fff;border:1px solid #dbe7f0;border-radius:999px;padding:.65rem 1rem}.agenda-calendar-toolbar{background:#fff;border:1px solid #dfe9f2;border-radius:18px;box-shadow:0 8px 24px rgba(15,61,102,.06)}.agenda-calendar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.agenda-calendar-button,.agenda-calendar-select{box-sizing:border-box;min-height:42px;border:2px solid #7bbce8;border-radius:9px;background:#fff;color:#075f9a;font:inherit;font-weight:700}.agenda-calendar-button{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;text-decoration:none;transition:.15s}.agenda-calendar-button:hover{background:#0b69ae;border-color:#0b69ae;color:#fff}.agenda-calendar-button--today{background:#0b4d88;border-color:#0b4d88;color:#fff}.agenda-calendar-select{padding:0 12px}.agenda-calendar-filter{margin-left:auto;min-width:220px;font-weight:500}.agenda-calendar-scroll{overflow-x:auto;padding-bottom:5px}.agenda-calendar{min-width:980px}.agenda-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.agenda-calendar__weekday{padding:15px 8px;border-radius:12px;background:#0b4d88;color:#fff;font-size:.84rem;font-weight:800;text-align:center;text-transform:uppercase}.agenda-calendar__weekday--weekend{background:#d83a3a}.agenda-calendar__day{--agenda-day-height:214px;position:relative;height:var(--agenda-day-height);padding:13px;overflow:hidden;border:1px solid #dce7f1;border-radius:13px;background:#fff;box-shadow:0 2px 5px rgba(16,64,104,.035)}.agenda-calendar__day--outside{border-style:dashed;background:#f7fafc;color:#94a3b8}.agenda-calendar__day--weekend{border-color:#f3c7c7;background:#fff8f8}.agenda-calendar__day--today{border:2px solid #0b69ae;background:#f0f8ff;box-shadow:0 4px 12px rgba(11,105,174,.14)}.agenda-calendar__day-number{display:block;color:#516174;font-size:17px;font-weight:800;line-height:1}.agenda-calendar__day--weekend .agenda-calendar__day-number{color:#c92d2d}.agenda-calendar__day--outside .agenda-calendar__day-number{color:#9ba8b6}.agenda-calendar__today-label{padding:4px 7px;border-radius:5px;background:#0b69ae;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase}.agenda-calendar__events{display:grid;gap:8px;max-height:calc(var(--agenda-day-height) - 43px);margin-top:12px;padding-right:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.agenda-calendar__event{display:block;width:100%;padding:10px 10px;overflow:hidden;border:1px solid #cfeafa;border-left:5px solid #0b69ae;border-radius:11px;background:#edf8fe;color:#172033;text-decoration:none;text-align:left;font-family:inherit;cursor:pointer;transition:.15s}.agenda-calendar__event:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(16,64,104,.14)}.agenda-calendar__event--blue{border-color:#cfeafa;border-left-color:#0b69ae;background:#edf8fe}.agenda-calendar__event--green{border-color:#cdeedc;border-left-color:#16883e;background:#edfcf4}.agenda-calendar__event--pink{border-color:#f8cee1;border-left-color:#d72c78;background:#fff1f7}.agenda-calendar__event--violet{border-color:#d9d6ff;border-left-color:#5146ed;background:#f3f2ff}.agenda-calendar__event-title{display:-webkit-box;overflow:hidden;color:inherit;font-size:.83rem;font-weight:800;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:4}.agenda-calendar__event-time{display:block;margin-top:5px;color:#65778a;font-size:.7rem;font-weight:700}.agenda-calendar__holiday{display:block;padding:4px 7px;border-radius:4px;background:#df3a3e;color:#fff;font-size:.65rem;font-weight:800;line-height:1.2}.agenda-calendar__day--saturday .agenda-calendar__holiday{background:#ef7b20}.agenda-detail-modal .modal-content{border:0;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px rgba(15,23,42,.3)}.agenda-detail-header{background:#0b69ae;color:#fff}.agenda-detail-modal[data-tone="green"] .agenda-detail-header{background:#16883e}.agenda-detail-modal[data-tone="pink"] .agenda-detail-header{background:#d72c78}.agenda-detail-modal[data-tone="violet"] .agenda-detail-header{background:#5146ed}.agenda-detail-title{color:var(--boe);font-weight:800}.agenda-detail-meta{height:100%;padding:14px 16px;border:1px solid #dce5ef;border-radius:12px;background:#f8fafc}.agenda-detail-meta span{display:block;color:#65778a;font-size:.75rem;font-weight:800;text-transform:uppercase;margin-bottom:5px}.agenda-detail-description{padding:16px 18px;border:1px solid #dce5ef;border-left:5px solid #0b69ae;border-radius:12px;background:#f8fafc;color:#42516a;white-space:pre-line}.a11y-high-contrast .agenda-calendar__day,.a11y-high-contrast .agenda-calendar-toolbar,.a11y-high-contrast .agenda-calendar__event,.a11y-high-contrast .agenda-detail-meta,.a11y-high-contrast .agenda-detail-description{background:#000!important;color:#fff!important;border-color:#fff!important}@media(max-width:767.98px){.agenda-calendar-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agenda-calendar-button,.agenda-calendar-select{width:100%;min-width:0}.agenda-calendar-button--today,.agenda-calendar-filter,.agenda-calendar-controls>button[type="submit"]{grid-column:1/-1}.agenda-calendar-filter{margin-left:0}.agenda-calendar__day{--agenda-day-height:170px}.agenda-month-title{font-size:1rem}.agenda-page{padding-top:2rem!important}}

/* PPID V4.5.18 FLEX COLUMN START */
.ppid-flex-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ppid-gap,20px);
  width:100%;
  margin:1rem 0;
  box-sizing:border-box;
}
.ppid-flex-col{
  min-width:0;
  box-sizing:border-box;
  overflow-wrap:anywhere;
}
.ppid-flex-row-header{
  grid-column:1/-1;
  box-sizing:border-box;
  font-weight:700;
}
.ppid-flex-header{
  box-sizing:border-box;
  font-weight:700;
}
.ppid-flex-col img,.ppid-flex-row img{
  max-width:100%;
  height:auto;
}
.content-html .ppid-flex-row table,
.rich-editor .ppid-flex-row table{
  width:100%;
  max-width:100%;
}
.content-html table td,.content-html table th,
.rich-editor table td,.rich-editor table th{
  box-sizing:border-box;
}
@media (max-width: 768px){
  .content-html .ppid-flex-row,
  .rich-editor .ppid-flex-row{
    grid-template-columns:1fr !important;
  }
  .content-html .ppid-flex-row-header,
  .rich-editor .ppid-flex-row-header{
    grid-column:1 !important;
  }
}
/* PPID V4.5.18 FLEX COLUMN END */