/* Supplemental pages and adaptive layout */
.map-card{position:relative;min-height:480px;overflow:hidden}.map-legend{display:flex;gap:13px;font-size:9px;color:var(--muted)}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}.map-legend .green{background:#16a34a}.map-legend .yellow{background:#f59e0b}.map-legend .red{background:#ef4444}.gorut-map{width:100%;height:390px}.map-base{fill:#edf2f8;stroke:#dfe7f1;stroke-width:4}.map-zone{stroke:#fff;stroke-width:3;cursor:pointer;transition:.2s}.map-zone.green{fill:#86cf9a}.map-zone.yellow{fill:#f5cc74}.map-zone.red{fill:#f09499}.map-zone:hover{filter:brightness(.92);transform:scale(1.03);transform-origin:center}.map-popup{display:none;position:absolute;background:var(--card);border:1px solid var(--border);border-radius:15px;padding:14px;box-shadow:var(--shadow);right:28px;bottom:25px;width:205px}.map-popup.show{display:block;animation:pop .25s}.map-popup button{position:absolute;right:6px;top:5px;border:0;background:transparent;color:var(--muted)}.map-popup h4{font-size:13px;margin:7px 0}.map-popup p{font-size:9px;color:var(--muted)}.district-ranking p{margin:10px 0;font-size:10px;display:flex;gap:8px;align-items:center}.district-ranking b{margin-left:auto}.rank{width:20px;height:20px;background:#edf2f8;border-radius:6px;display:grid;place-items:center;font-size:8px;font-weight:700}.rank.alert{background:#ffeaeb;color:var(--red)}.ai-page-hero{padding:32px 35px;background:linear-gradient(120deg,#10233c,#173d68);color:#fff;border-radius:var(--radius);display:flex;align-items:center;gap:17px;margin-bottom:24px}.ai-avatar-xl{display:grid;place-items:center;background:linear-gradient(135deg,#538dff,#b89bff);width:62px;height:62px;border-radius:21px;font-size:27px}.ai-page-hero h2{margin:8px 0 4px}.ai-page-hero p{color:#c6d6ee;font-size:11px;margin:0}.ai-page-hero .btn{margin-left:auto}.ai-message{display:flex;gap:13px;font-size:11px;line-height:1.8}.ai-bubble-icon{width:28px;height:28px;border-radius:10px;background:#e9f0ff;color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.ai-message ol{padding-left:18px}.ai-message li{margin:6px 0}.ai-askbar{display:flex;gap:8px;border:1px solid var(--border);border-radius:13px;padding:4px 5px 4px 11px;margin-top:23px}.impact>div{display:flex;gap:10px;margin:15px 0}.impact i{width:30px;height:30px;background:#e8f7ed;color:var(--green);display:grid;place-items:center;border-radius:10px}.impact p{margin:0;font-size:9px;color:var(--muted)}.impact b,.impact span{display:block}.impact b{font-size:12px;color:var(--ink)}.question-card{display:flex;justify-content:space-between;text-align:left;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);font-size:10px;font-weight:600}.question-card i{color:var(--blue)}.report-filter .form-select{max-width:220px;font-size:10px}.report-score strong{font-size:44px;line-height:1;display:block;margin:18px 0 7px}.report-score strong span{font-size:15px;color:var(--muted)}.report-score p{font-size:10px;color:var(--muted)}.report-score small{font-size:9px;color:var(--green);display:block;margin-top:8px}.report-list a{display:grid;grid-template-columns:40px 1fr minmax(120px,280px) 45px 15px;gap:11px;align-items:center;color:var(--ink);text-decoration:none;padding:10px 0;border-bottom:1px solid var(--border);font-size:11px}.report-list a:last-child{border:0}.settings-card h3{font-size:14px}.theme-options{display:flex;gap:12px;margin-top:16px}.theme-option{border:1px solid var(--border);border-radius:14px;padding:10px;text-align:left;background:#fff;width:150px;position:relative;color:var(--ink)}.theme-option.active{border:2px solid var(--blue)}.theme-option>i{position:absolute;right:10px;bottom:11px;color:var(--blue);display:none}.theme-option.active>i{display:block}.theme-option b,.theme-option small{display:block}.theme-option b{font-size:10px;margin-top:7px}.theme-option small{font-size:8px;color:var(--muted)}.theme-preview{height:50px;border-radius:8px;padding:7px;display:flex;gap:4px}.light-preview{background:#edf2f6}.dark-preview{background:#162234}.theme-preview i:first-child{width:27%;border-radius:4px;background:#cad4e0}.theme-preview i:last-child{flex:1;border-radius:4px;background:#fff}.dark-preview i:first-child{background:#26364c}.dark-preview i:last-child{background:#26364c}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);font-size:11px}.setting-row:last-child{border:0}.setting-row span{display:flex;flex-direction:column;gap:2px}.setting-row small{font-size:9px;color:var(--muted)}.setting-row i{color:var(--blue);margin-right:4px}.form-check-input:checked{background-color:var(--blue);border-color:var(--blue)}.profile-avatar{width:49px;height:49px;font-size:14px}.ai-modal{background:#132945;color:#fff;border:1px solid #ffffff14;border-radius:20px}.ai-modal .modal-title{font-size:14px;font-weight:700}.ai-answer{padding:11px 13px;background:#ffffff12;border-radius:12px;font-size:11px;line-height:1.7}.suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.chip{background:#ffffff12;color:#d5e6ff;border:1px solid #ffffff1f;border-radius:13px;padding:5px 8px;font-size:9px}.ai-modal .form-control{font-size:10px}.reveal{animation:fadeUp .45s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.sidebar{width:76px;padding:24px 11px}.sidebar .brand{padding:0 8px 25px}.brand>span:last-child,.nav-link span,.nav-link em,.nav-label,.profile-mini>div{display:none}.side-nav{padding-top:20px}.nav-link{justify-content:center;padding:0}.sidebar-bottom{padding-top:12px}.profile-mini{justify-content:center;padding:0 0 12px}.main-area{margin-left:76px}.hero-art{right:1%}.activity-grid{grid-template-columns:1fr}.activity-grid>div{border-bottom:1px solid var(--border);padding-bottom:9px}.activity-grid>div:last-child{border:0;padding-bottom:0}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:266px;box-shadow:15px 0 30px #0003}.sidebar.open{transform:none}.sidebar .brand{padding:0 10px 29px}.brand>span:last-child,.nav-link span,.nav-link em,.nav-label,.profile-mini>div{display:block}.nav-link{justify-content:flex-start;padding:0 12px}.profile-mini{justify-content:flex-start;padding:0 9px 14px}.main-area{margin-left:0}.menu-trigger{display:grid}.mobile-shade{position:fixed;z-index:19;inset:0;background:#07122470;display:none}.mobile-shade.show{display:block}.topbar{height:75px;padding:12px 5%}.topbar h1{font-size:14px}.top-actions .timebox,.top-actions .bupati-avatar{display:none}.page-content{padding:18px 5% 35px}.hero-card{padding:27px 23px;min-height:270px}.hero-card h2{font-size:26px}.hero-art{opacity:.3;right:-55px}.summary-grid .stat-card{min-height:111px;padding:13px}.section-heading{align-items:end}.section-heading h3{font-size:13px}.content-card{padding:18px}.chart-card{min-height:auto}.attention-item .progress{max-width:120px}.detail-hero{align-items:flex-start;flex-wrap:wrap}.detail-actions{margin-left:0;width:100%}.detail-stats>div{padding:4px 9px}.detail-stats b{font-size:17px}.map-card{min-height:390px}.gorut-map{height:310px}.map-popup{right:16px;bottom:15px}.ai-page-hero{padding:23px;flex-wrap:wrap}.ai-page-hero .btn{margin-left:0}.report-filter,.filters{flex-wrap:wrap}.search-box{flex-basis:100%}.report-filter .form-select{max-width:none;flex:1}.report-list a{grid-template-columns:35px 1fr 38px 12px}.report-list a .progress{display:none}footer{padding:15px 5%;display:block}footer span{display:block;margin:3px 0}.detail-hero .program-logo{width:50px;height:50px}.page-intro h2{font-size:21px}}