@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Plus+Jakarta+Sans:wght@500;600;650;700;750;800&display=swap');
:root{--green:#087354;--dark:#173c32;--ink:#203a33;--muted:#74847e;--line:#e5ebe7;--bg:#f5f8f6;--mint:#e9f4ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e6b65f;outline-offset:4px}h1,h2,h3,.brand{font-family:'Plus Jakarta Sans',Segoe UI,sans-serif}h1,h2,h3,p{margin-top:0}h2{font-size:17px;letter-spacing:-.4px}p{line-height:1.7}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#618173}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 20px 0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;color:var(--green);letter-spacing:-1px}.brand>span{font-size:21px}.brand-sub{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2.1px;color:#7e948a;margin-top:7px}.workspace-label{font-size:8px;font-weight:700;color:#9ba8a1;letter-spacing:1.4px;margin:41px 10px 15px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav>a{display:flex;align-items:center;gap:13px;min-height:44px;padding:12px 13px;border-radius:8px;color:#718179;font-size:16px}.sidebar nav>a span{font-size:12px;font-weight:550}.sidebar nav>a:hover{background:#f3f8f4}.sidebar nav>a.active{background:#eaf4ee;color:var(--green);font-weight:bold}.sidebar nav b{margin-left:auto;background:#daeadf;font-size:10px;padding:2px 6px;border-radius:4px}.nav-label{font-size:8px;letter-spacing:1.5px;color:#a2afa7;margin:23px 13px 8px}.sidebar-bottom{margin-top:auto;padding-top:30px}.side-note{border:1px solid #e8eee7;background:linear-gradient(130deg,#f5f8ed,#eef6ef);border-radius:10px;padding:16px}.side-note>span{display:block;color:#749c55;font-size:23px;margin-bottom:10px}.side-note strong{display:block;font-size:12px;line-height:1.8}.side-note small{display:block;font-size:10px;color:#7c8e7f;margin-top:9px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:23px;padding:22px 0}.avatar{background:#edf1e3;color:#658441;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:bold}.profile strong{font-size:11px}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.profile form{margin-left:auto}.icon-button{border:0;background:none;color:#788a80;font-size:20px;min-height:40px}.main-wrap{margin-left:245px;width:calc(100% - 245px)}.topbar{height:77px;background:#ffffffc9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px}.topbar strong{font-weight:500}.crumb{margin:0 12px;color:#c2cbc5}.demo-pill{font-size:9px;letter-spacing:1px;color:#85713e;background:#faf4e6;border:1px solid #f1e5c9;padding:7px 10px;border-radius:5px}.content{max-width:1550px;margin:auto;padding:36px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:29px;letter-spacing:-1.1px;margin:11px 0 9px;font-weight:750}.heading-dot{color:#66a77c}.page-heading p{font-size:12px;margin:0}.heading-actions{display:flex;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dde6df;background:white;min-height:42px;padding:10px 16px;border-radius:7px;font-size:11px;font-weight:600;color:#465f52}.button:hover{background:#edf4ef}.button.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 3px 6px #006a4810}.button.primary:hover{background:#055b43}.button.compact{min-height:35px;padding:8px 13px}.period-strip{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);padding:15px 18px;border-radius:10px;margin-bottom:23px}.period-icon{display:grid;place-items:center;background:#f1f6f1;border-radius:7px;width:36px;height:36px;color:#679274;font-size:19px}.period-strip small{display:block;font-size:8px;letter-spacing:1px;color:#8b9b90;margin-bottom:5px}.period-strip strong{font-size:11px}.filters{display:flex;gap:8px;margin-left:auto}select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:#5e7165;font-size:10px;min-height:35px}.hero{position:relative;overflow:hidden;background:#075e48;border-radius:13px;padding:29px 32px;display:flex;justify-content:space-between;min-height:245px;color:white}.hero:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff09;border-radius:50%;right:120px;top:-240px}.hero-tag{display:inline-block;background:#ffffff13;border:1px solid #ffffff1a;border-radius:20px;padding:6px 10px;font-size:8px;letter-spacing:1.2px;color:#c9dfcf}.hero h2{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:13px 0 10px}.hero p{font-size:11px;color:#afccbf;margin-bottom:15px}.hero-link{display:flex;align-items:center;gap:36px;font-size:10px;font-weight:600;color:#e0eade}.hero-graphic{position:relative;width:310px;min-width:260px}.rings{position:absolute;width:240px;height:240px;border:1px solid #ffffff12;border-radius:50%;top:-20px;left:20px;box-shadow:0 0 0 24px #ffffff03,0 0 0 48px #ffffff03}.shield{position:absolute;left:95px;top:33px;width:100px;height:116px;background:linear-gradient(140deg,#e8f5d8,#acd1a6);clip-path:polygon(50% 0,98% 19%,93% 64%,77% 84%,50% 100%,23% 84%,7% 64%,2% 19%);display:grid;place-items:center;font-size:54px;color:#287d59}.floating{position:absolute;z-index:2;background:#fffef3;color:#3e6f55;border-radius:7px;padding:10px 14px;font-size:9px;box-shadow:0 5px 15px #003d352a;transform:rotate(-6deg)}.floating.one{left:3px;top:35px}.floating.two{right:0;bottom:20px;transform:rotate(5deg)}.spark{position:absolute;right:35px;top:7px;color:#bed2a4;font-size:30px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px}.section-title h2{font-size:15px;margin:0}.section-title>span{font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;position:relative}.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf7ed;color:#2f875b;font-size:20px;margin-bottom:17px}.stat-icon.orange{background:#fff2e8;color:#d78b56}.stat-icon.blue{background:#edf4fa;color:#779fbf}.stat small{font-size:10px;display:block;color:#7e8d84;margin-bottom:7px}.stat>strong{font-size:28px;display:block;font-weight:650;letter-spacing:-.7px}.stat em{font-size:15px;font-style:normal;font-weight:400;color:#8fa299}.stat>span:last-child{display:block;color:#8d9a92;font-size:8px;margin-top:8px}.stat.highlight{background:#eaf3e9;border-color:#d4e4d0}.stat.highlight strong{color:var(--green)}.insight-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin:23px 0}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 23px 16px}.panel-heading h2{font-size:14px;margin:0 0 6px}.panel-heading p{font-size:10px;color:#8c9a91;margin:0}.tag{font-size:8px;letter-spacing:.8px;background:#f2f6f2;border:1px solid #e6ece5;color:#718777;padding:6px 8px;border-radius:4px}.bar-chart{padding:9px 25px 12px;max-height:235px;overflow:auto}.bar-line{display:flex;align-items:center;gap:14px;margin:17px 0;font-size:10px}.bar-line>strong{min-width:45px;font-weight:500}.bar-line>b{min-width:45px;text-align:right;color:#538267;font-weight:500}.bar-track{flex:1;height:13px;background:#f1f5f0;border-radius:3px;overflow:hidden}.bar-track>div{height:100%;background:linear-gradient(90deg,#bdd4ad,#498d64);border-radius:3px}.chart-caption{border-top:1px solid #f0f3ef;padding:12px 23px;font-size:8px;color:#8e9b92;margin:0}.progress-ring{width:143px;height:143px;margin:8px auto 19px;background:conic-gradient(#3d8a62 calc(var(--progress)*1%),#edf2e9 0);border-radius:50%;padding:13px;transform:rotate(-90deg)}.progress-ring>div{background:white;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg)}.progress-ring strong{font-size:27px;font-weight:600}.progress-ring span{font-size:9px;color:#8b988e;margin-top:4px}.legend{border-top:1px solid #f0f3ef;display:flex;flex-direction:column;gap:10px;padding:14px 23px;font-size:9px;color:#829185}.legend>span{display:flex;align-items:center}.legend b{margin-left:auto;font-weight:500;color:#597361}.legend i{height:6px;width:6px;border-radius:50%;background:#3d8a62;margin-right:7px}.legend i.pale{background:#e0e9db}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{font-size:9px;font-weight:500;color:#8b9a90;background:#f8faf7;text-align:left;padding:13px 21px;border-block:1px solid #edf1eb}td{padding:16px 21px;border-bottom:1px solid #edf1eb}td strong{font-weight:600}.rw-icon{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #e5ebe3;border-radius:7px;margin-right:9px;color:#769577;background:#f8faf5;font-size:9px}.positive-count{background:#fff4ec;color:#bb875b;padding:4px 8px;border-radius:4px;font-size:10px}.green-text{color:#3c8a60}.badge{display:inline-block;border:1px solid #e5e9df;padding:5px 8px;border-radius:5px;font-size:9px;white-space:nowrap}.badge.approved{color:#54865c;background:#edf7ec;border-color:#dfeddb}.badge.pending{color:#a88b4c;background:#fcf8e9;border-color:#f4edce}.badge.revision{color:#a65043;background:#fff0e9}.detail-link{color:#7d8c80;font-size:10px}.table-note{font-size:9px;color:#8b9b8e;padding:15px 23px;background:#fdfefc}.footer{display:flex;justify-content:space-between;padding:25px 0;font-size:9px;color:#94a195}.menu-button{display:none}.report-row{border-top:1px solid var(--line)}.report-row summary{padding:18px 23px;display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none}.report-row summary small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.report-row summary>.badge{margin-left:auto}.report-mark{color:var(--green);font-size:22px}.report-detail{padding:0 23px 25px}.final-panel{margin-top:20px;padding:23px;display:flex;align-items:center;justify-content:space-between}.final-panel p{margin:0}.guide{padding:30px}.guide li{padding:12px;line-height:1.8}.empty{padding:40px;text-align:center;color:var(--muted)}.alert{padding:14px 18px;background:#fff4d8;border:1px solid #ebd9a5;border-radius:7px;margin-bottom:18px;line-height:1.6}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#075e48;color:white;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story .brand{color:#e3f1d7}.login-story .brand-sub{color:#abc8b7}.login-story h1{font-size:49px;letter-spacing:-2px;line-height:1.3;margin:22px 0}.login-story .eyebrow{color:#acd3b5}.login-story p{color:#b6d1c1}.story-art{height:180px;position:relative;width:250px;margin:20px auto}.house{font-size:170px;line-height:1;color:#cee0b7;text-align:center}.art-orbit{position:absolute;right:20px;top:20px;background:#edf7df;color:#44865a;border-radius:50%;padding:12px;font-size:24px}.art-leaf{position:absolute;left:10px;bottom:10px;color:#95ba7f;font-size:50px}.subtle{font-size:10px}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px;background:#fafcf9}.login-card{width:360px}.login-card h2{font-size:27px;margin:20px 0 10px;letter-spacing:-1px}.login-card>.muted{font-size:13px;margin-bottom:28px}label{display:block;font-size:12px;font-weight:600;margin:18px 0}input{width:100%;border:1px solid #dce5dd;border-radius:7px;min-height:48px;padding:12px 14px;margin-top:8px;background:#fff;color:var(--ink)}input::placeholder{color:#a7b2a9;font-size:12px}.full{width:100%;font-size:13px;min-height:48px;justify-content:space-between;margin-top:8px}.demo-box{margin-top:28px;border:1px solid #e3e9dc;background:#f1f6eb;border-radius:8px;padding:16px;font-size:11px;color:#627456}.demo-box p{margin:6px 0}.demo-box summary{cursor:pointer;margin-top:8px}.footnote{font-size:10px;color:#8f9b90;text-align:center;margin-top:25px;line-height:1.9}.report-form-page{max-width:660px;margin:30px auto;padding:0 20px}.report-form-page h1{font-size:30px}.form-panel{padding:28px}.form-panel label,.form-panel select,.form-panel input,.form-panel .button{font-size:18px}.form-panel select{width:100%;min-height:54px}.form-panel .button{min-height:55px}.step-header{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:18px}.step-dots{display:flex;gap:5px;margin:20px 0}.step-dots span{height:6px;background:#e1e9df;border-radius:4px;flex:1}.step-dots span.done{background:var(--green)}.counter{display:flex;align-items:center;gap:12px;margin:12px 0 16px}.counter button{height:60px;width:60px;border:1px solid #d5e4d9;border-radius:10px;background:#eaf3e9;color:var(--green);font-size:30px}.counter input{text-align:center;margin:0;font-size:26px;font-weight:600;flex:1;width:100px;min-height:60px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.quick{background:none;border:0;color:var(--green);text-decoration:underline;font-size:16px;min-height:44px}.identity{padding:15px;border-radius:8px;background:#eef5ec;line-height:1.8;margin:20px 0}.draft-status{font-size:12px;color:#70806f;text-align:center;margin:16px}.summary-item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}#form-error{color:#a54636;font-size:16px;margin-top:15px}button:disabled{opacity:.5;cursor:wait}
@media(min-width:1500px){.content{padding-top:40px}.hero{min-height:270px}.hero h2{font-size:31px}.hero-graphic{margin-right:60px}}@media(max-width:1150px){.sidebar{width:215px;padding-inline:14px}.main-wrap{margin-left:215px;width:calc(100% - 215px)}.content{padding:25px 23px 0}.topbar{padding:0 23px}.page-heading h1{font-size:25px}.hero-graphic{min-width:210px;transform:scale(.85)}.hero h2{font-size:24px}.stats{gap:9px}.stat{padding:16px}.period-strip{flex-wrap:wrap}.filters{gap:5px}.filters select{max-width:170px}.heading-actions .button{padding:10px}.insight-grid{gap:13px}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:10px 0 40px #0001;width:245px}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0;width:100%}.menu-button{display:inline-block;border:0;background:none;font-size:20px;margin-right:12px;color:var(--green)}.stats{grid-template-columns:repeat(2,1fr)}.login-story{padding:40px}.login-story h1{font-size:36px}.login-panel{padding:30px}}@media(max-width:580px){.content{padding:24px 17px 0}.topbar{padding:0 15px;height:64px}.topbar .crumb,.topbar strong{display:none}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:27px}.heading-actions{width:100%}.heading-actions .button{flex:1}.period-strip{padding:13px;gap:10px}.filters{width:100%;margin:5px 0 0}.filters select{min-width:0;flex:1;max-width:50%}.hero{padding:25px 23px;min-height:235px}.hero h2{font-size:25px}.hero p{font-size:10px}.hero-graphic{position:absolute;right:-100px;bottom:-30px;opacity:.18}.hero>div:first-child{z-index:1}.hero-tag{font-size:7px}.section-title{align-items:flex-start;gap:12px}.section-title>span{font-size:8px}.stat{padding:18px}.stat>strong{font-size:30px}.stat small{font-size:11px}.stat>span:last-child{font-size:9px}.insight-grid{grid-template-columns:1fr}.progress-ring{width:160px;height:160px}.panel-heading{padding:20px}.footer{flex-direction:column;gap:8px}.report-row summary{padding:16px 12px;gap:9px;flex-wrap:wrap}.report-row summary>span:nth-child(2){max-width:75%}.report-row summary>.badge{margin-left:30px}.final-panel{display:block}.final-panel form{margin-top:20px}.login-layout{display:block}.login-story{min-height:220px;padding:25px}.login-story h1{font-size:29px;margin:20px 0 0}.login-story p,.story-art,.login-story .eyebrow{display:none}.login-panel{padding:34px 25px}.form-panel{padding:20px}.report-form-page{padding:0 12px}.report-form-page h1{font-size:26px}}

.kader-home{max-width:740px;margin:auto;padding:30px 25px 110px}.kader-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.kader-home>h1{font-size:32px;margin:24px 0 10px;letter-spacing:-1px}.kader-sub{font-size:18px;color:#657d6d}.kader-home .identity{font-size:18px;padding:20px;line-height:1.8}.kader-home .hero{min-height:200px}.kader-home .hero p{font-size:15px}.kader-home .hero-graphic{min-width:180px;width:180px;transform:scale(.8);transform-origin:center}.kader-cta{width:100%;min-height:76px;font-size:21px;margin:24px 0;border-radius:13px;justify-content:space-between;padding:20px 24px}.last-report{padding:25px}.last-report h2{font-size:21px}.last-report .button{font-size:17px;min-height:54px;width:100%;margin-top:18px}.kader-last{display:flex;gap:18px}.kader-last b{font-size:18px}.kader-last p{font-size:16px;margin:8px 0;color:#708270}.kader-last .badge{font-size:14px;padding:8px 12px}.help-card{display:flex;gap:18px;align-items:center;padding:25px 0}.help-card>span{font-size:30px;color:var(--green)}.help-card>span:last-child{margin-left:auto;font-size:22px}.help-card b{font-size:18px}.help-card p{font-size:16px;margin:6px 0;color:#708270}.kader-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;background:white;border-top:1px solid var(--line);padding:10px;z-index:10}.kader-nav a{display:flex;flex-direction:column;gap:5px;align-items:center;width:160px;font-size:25px;color:#80917f;padding:4px;border-radius:12px}.kader-nav a span{font-size:16px}.kader-nav a.active{background:var(--mint);color:var(--green)}@media(max-width:580px){.kader-home{padding:22px 18px 105px}.kader-home>h1{font-size:27px}.kader-home .hero-graphic{right:-70px}.kader-cta{font-size:18px}.kader-top .brand>span{font-size:19px}.kader-last b{font-size:17px}}
[hidden]{display:none!important}
.live-pill{font-size:10px;color:#087354;background:#eaf4ee;border:1px solid #d9eadd;padding:7px 11px;border-radius:6px}.logout-button{width:100%;margin:0 0 20px;color:#8a463d;border-color:#efdcd7}.manage-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start}.manage-stack{display:grid;gap:20px}.manage-form{padding:0 23px 23px}.manage-form .panel-heading{padding-inline:0}.manage-form select{display:block;width:100%;min-height:45px;margin-top:8px;font-size:12px}.manage-form input[type=checkbox]{width:auto;min-height:0;margin-left:10px}.manage-form label{margin:12px 0}.manage-form input{min-height:43px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field-error{display:block;color:#a54636;margin-top:4px}.manage-form .form-actions{justify-content:flex-start}.manage-form .form-actions .button{min-width:125px}.manage-grid .panel{min-width:0}@media(max-width:1100px){.manage-grid{grid-template-columns:1fr}}@media(max-width:580px){.field-grid{grid-template-columns:1fr}.live-pill{font-size:8px}.manage-form{padding:0 18px 20px}}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar-bottom{flex-shrink:0}@media(max-height:800px){.sidebar{padding-top:15px}.workspace-label{margin-top:14px;margin-bottom:8px}.nav-label{margin-top:11px;margin-bottom:5px}.sidebar nav>a{min-height:38px;padding:8px 12px}.side-note{display:none}.sidebar-bottom{padding-top:8px}.profile{margin-top:5px;padding:10px 0}.logout-button{margin-bottom:12px}}
.brand-logo{display:block;width:170px;max-height:88px;object-fit:contain;object-position:left center}.sidebar .brand-logo{width:155px;max-height:82px}.login-story .brand-logo{width:230px;max-height:150px}.kader-top .brand-logo{width:185px;max-height:105px}@media(max-width:580px){.login-story .brand-logo{width:175px;max-height:95px}.kader-top .brand-logo{width:145px;max-height:82px}}

.page-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(239,248,242,.83);backdrop-filter:blur(5px)}.page-loader[hidden]{display:none}.loader-card{width:min(88vw,280px);padding:28px;background:white;border:1px solid #dcebe1;border-radius:20px;box-shadow:0 24px 60px #0b4b3524;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center}.loader-card strong{font-size:16px;color:#173c32}.loader-card small{color:#71877a}.loader-spinner{width:43px;height:43px;border:4px solid #d9ecdf;border-top-color:#087354;border-radius:50%;animation:sehati-spin .7s linear infinite;margin-bottom:6px}@keyframes sehati-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader-spinner{animation:none;border-color:#087354}}
.map-panel{margin:23px 0}.map-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:20px;padding:0 23px 23px}.map-canvas{min-width:0}#rw-map{min-height:380px;display:grid;place-items:center;background:linear-gradient(135deg,#f1f8f6,#e9f2ee);border:1px solid #e0ebe5;border-radius:12px;color:#71877a;font-size:12px}#rw-map svg{width:100%;max-height:470px}.rw-area{stroke:#fff;stroke-width:2.2;cursor:pointer;transition:fill .15s,stroke .15s}.rw-area:hover,.rw-area:focus{stroke:#173c32;stroke-width:3;outline:none}.rw-area.no-data,.map-legend .no-data{fill:#cfd9d4;background:#cfd9d4}.rw-area.zero-data,.map-legend .zero-data{fill:#b7dec5;background:#b7dec5}.rw-area.low-data,.map-legend .low-data{fill:#f7bd78;background:#f7bd78}.rw-area.high-data,.map-legend .high-data{fill:#df6f59;background:#df6f59}.rw-label{font-size:12px;font-weight:700;fill:#1c4b3c;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:3px}.map-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:#687d70;font-size:10px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:11px;height:11px;border-radius:3px}.map-aside{padding:14px 0}.map-aside h3{font-size:15px;margin:0 0 8px}.map-aside>p{font-size:11px;color:#73877b}.map-aside ol{padding:0;list-style:none;margin:17px 0}.map-aside li{border-bottom:1px solid #edf1eb}.map-aside button{width:100%;border:0;background:transparent;text-align:left;padding:12px 4px;color:#265948;font-size:11px}.map-aside button:hover{background:#f1f7f2}.map-detail{background:#eef6f0;border-radius:8px;padding:15px;color:#3f6751;font-size:11px;line-height:1.7}.map-detail p{margin:6px 0 0}@media(max-width:900px){.map-layout{grid-template-columns:1fr}}@media(max-width:580px){.map-layout{padding:0 16px 18px}#rw-map{min-height:280px}.rw-label{font-size:10px}}
/* Connection state, without a page reload or a blocking loading overlay. */
.live-connection{position:fixed;right:16px;bottom:16px;z-index:40;padding:8px 12px;border:1px solid #d8e8df;border-radius:12px;background:#edf7f1;color:#176344;font-size:12px;box-shadow:0 2px 10px #1232}
[data-live-status][data-state="offline"]{background:#fff2da;color:#865a18;border-color:#e8d5ad}

[data-assignment-field][hidden] { display: none; }

/* Give the existing SEHATI identity room to read at web navigation sizes. */
.brand-signature{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;isolation:isolate;flex-shrink:0;background:linear-gradient(155deg,#fff 50%,#f0f7f2);border:1px solid #e0ebe3;border-radius:20px;padding:9px 12px 14px;box-shadow:0 6px 20px #173c3206;letter-spacing:normal;overflow:hidden}
.brand-signature::before{content:"";position:absolute;inset:0 25% auto;height:2px;background:linear-gradient(90deg,transparent,#5a9870,transparent)}
.brand-signature .brand-logo{display:block;width:176px;height:176px;max-width:100%;max-height:none;object-fit:contain;object-position:center}
.brand-signature .brand-caption{font:600 8px 'DM Sans',Segoe UI,sans-serif;letter-spacing:1.5px;line-height:1.5;color:#567564;text-align:center;margin-top:-5px}
.sidebar .brand-signature{width:100%;min-height:192px}
.sidebar .workspace-label{margin-top:24px}
.login-story .brand-signature{align-self:flex-start;width:224px;padding:10px 14px 17px;box-shadow:0 10px 28px #002d3520}
.login-story .brand-signature .brand-logo{width:194px;height:194px}
.login-story .brand-signature .brand-caption{color:#567564}
.kader-top .brand-signature{width:184px;padding:5px 9px 12px}
.kader-top .brand-signature .brand-logo{width:152px;height:152px}
.brand-signature:focus-visible{outline-offset:5px}
@media(max-height:800px){.sidebar .brand-signature{min-height:168px;padding-top:4px;padding-bottom:11px}.sidebar .brand-signature .brand-logo{width:154px;height:154px}.sidebar .workspace-label{margin-top:18px}}
@media(max-width:580px){.login-story .brand-signature{width:166px;padding:4px 10px 12px;border-radius:16px}.login-story .brand-signature .brand-logo{width:144px;height:144px}.brand-signature .brand-caption{font-size:7px;letter-spacing:1.2px}.kader-top .brand-signature{width:154px}.kader-top .brand-signature .brand-logo{width:130px;height:130px}}

@media(max-height:1000px){.sidebar .side-note{display:none}}

/* Monthly Puskesmas case reporting. */
.dbd-guide{background:#edf5ef;border:1px solid #d8e8dd;border-radius:12px;padding:18px 22px;margin-bottom:22px;line-height:1.6}.dbd-guide strong{font-size:14px}.dbd-guide p{margin:5px 0 0;font-size:12px;color:#547363}
.dbd-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:18px 22px;margin-bottom:20px}.dbd-filters>div{min-width:180px}.dbd-filters label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.dbd-filters input,.dbd-filters select{width:100%;min-height:44px;border:1px solid #dbe6df;border-radius:8px;background:white;padding:10px 12px;font-size:13px;color:var(--ink)}.dbd-filters p{margin:0 0 10px}
.dbd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.dbd-metrics article{padding:22px}.dbd-metrics small{display:block;color:var(--muted);line-height:1.5}.dbd-metrics strong{display:block;font-size:30px;margin-top:8px;color:var(--dark)}
.dbd-report-list{padding:0 22px 16px}.dbd-report-item{display:flex;align-items:center;gap:18px;padding:20px 4px;border-top:1px solid var(--line)}.dbd-report-item:hover{background:#f7faf8}.dbd-report-item>div{flex:1;min-width:0}.dbd-report-item strong{font-size:14px}.dbd-report-item small{display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.6}.dbd-count{font-size:13px;white-space:nowrap}.dbd-report-item .badge{white-space:nowrap}
.dbd-start{max-width:660px}.dbd-assignment{display:flex;flex-direction:column;gap:5px;padding:22px 24px;border-bottom:1px solid var(--line);background:#f2f7f3;border-radius:12px 12px 0 0}.dbd-assignment small,.dbd-assignment span{font-size:12px;color:#607d6d}.dbd-assignment strong{font-size:21px;color:var(--green)}
.dbd-form{padding:22px 24px}.dbd-field{margin-bottom:20px}.dbd-field>label{display:block;font-weight:600;font-size:13px;line-height:1.5;margin-bottom:8px}.dbd-field input,.dbd-field select,.dbd-field textarea{width:100%;max-width:100%;min-height:46px;padding:11px 13px;border:1px solid #dbe6df;border-radius:8px;background:#fff;color:var(--ink);font:14px 'DM Sans',Segoe UI,sans-serif;box-sizing:border-box}.dbd-field textarea{resize:vertical;line-height:1.6}.dbd-field input:disabled{background:#f3f6f4;color:#607366}.dbd-field .field-error{line-height:1.5}.dbd-form>.button+.button{margin-top:10px}.dbd-form>p{font-size:12px}.dbd-form .form-actions{display:flex;gap:12px;justify-content:flex-end}
.dbd-layout{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:22px}.dbd-layout>.dbd-cases:only-child{grid-column:1/-1}.dbd-entry .panel-heading{padding-bottom:0}.dbd-entry .dbd-form{padding-top:18px}.dbd-total{background:#edf5ef;color:#087354;font:600 13px 'DM Sans',sans-serif;border-radius:20px;padding:4px 9px;margin-left:6px}.dbd-cases{min-width:0}.dbd-case{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding:20px 22px}.dbd-case-number{background:#edf5ef;color:#40715b;border-radius:8px;min-width:28px;height:28px;display:grid;place-items:center;font-size:12px}.dbd-case-body{flex:1;min-width:0;overflow-wrap:anywhere}.dbd-case-body h3{font-size:14px;line-height:1.5;margin:0 0 5px}.dbd-case-body p{font-size:12px;margin:0 0 5px;color:#60796c}.dbd-case-body small{display:block;font-size:11px;line-height:1.7;color:var(--muted)}.dbd-case-actions{display:flex;gap:7px;flex-wrap:wrap}.dbd-remove{color:#9a4b42;border-color:#ecd6d2}.dbd-source{margin-bottom:22px}.dbd-source>summary{padding:18px 24px;cursor:pointer;font-weight:600;font-size:13px}.dbd-source .dbd-form{max-width:660px;padding-top:0}.dbd-submit,.dbd-task{padding:24px;display:flex;align-items:flex-start;gap:28px;margin-bottom:22px}.dbd-submit>div,.dbd-task>div{flex:1;min-width:0}.dbd-submit h2,.dbd-task h2{margin:7px 0}.dbd-submit p,.dbd-task p{font-size:12px;color:var(--muted);margin:0}.dbd-submit>form{flex:1;min-width:0}.dbd-confirm{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:0 0 16px}.dbd-confirm input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--green)}.dbd-task{align-items:center}
@media(max-width:1150px){.dbd-layout{grid-template-columns:1fr}.dbd-case-actions{flex-shrink:0}.dbd-entry{max-width:none}}
@media(max-width:580px){.dbd-metrics{gap:8px}.dbd-metrics article{padding:14px 11px}.dbd-metrics small{font-size:10px}.dbd-metrics strong{font-size:24px}.dbd-guide{padding:16px}.dbd-filters{padding:16px;gap:12px}.dbd-filters>div{flex:1;min-width:130px}.dbd-filters>.button{width:100%}.dbd-form{padding:18px}.dbd-field{margin-bottom:19px}.dbd-submit,.dbd-task{display:block;padding:19px}.dbd-submit>form,.dbd-task>.button{margin-top:18px}.dbd-case{padding:18px 16px;flex-wrap:wrap}.dbd-case-actions{width:100%;padding-left:40px}.dbd-report-list{padding:0 16px 12px}.dbd-report-item{flex-wrap:wrap;gap:12px}.dbd-report-item>div{flex-basis:100%}.dbd-report-item .detail-link{margin-left:auto}.dbd-submit .button{width:100%}.dbd-source>summary{padding:18px}.dbd-form .form-actions .button{flex:1}}

.dbd-field>label{margin:0 0 8px}.dbd-field input,.dbd-field select,.dbd-field textarea{margin-top:0}.dbd-confirm input{min-height:18px;padding:0;align-self:flex-start}

.building-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr)) auto auto;gap:14px;align-items:end;padding:4px 24px 22px}
.building-filters label{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;font-size:12px;font-weight:600}
.building-filters input,.building-filters select{display:block;width:100%;min-width:0;max-width:100%;height:44px;box-sizing:border-box}
.building-filters .button{min-height:44px;justify-content:center}
@media(max-width:1250px){.building-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.building-filters label:first-child{grid-column:1/-1}}
@media(max-width:650px){.building-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 20px 20px}.building-filters label:nth-child(4){grid-column:1/-1}.building-filters .button{width:100%}}