/* Nan Voice civic interface: legible Thai typography, restrained navy and blue. */
:root{--blue:#1857b7;--ink:#132d4f;--muted:#65778e;--line:#e1e8f0;--light:#eaf2fc;--shadow:0 10px 30px #142e5510}
body{background:#f2f5fa;color:var(--ink);font-size:14px}.sidebar{background:#102b4d;border-right:0;color:#dce8f5;width:254px}.brand{padding-bottom:30px}.brand strong,.brand strong span{color:#fff}.brand small{color:#bccde1;font-size:10px}.official-brand{background:#fff;padding:5px;border-radius:10px;width:57px;height:51px}.nav-label{color:#a2bad7;letter-spacing:1.2px;font-size:10px}.nav a{color:#c1d1e4;font-size:13px;padding:13px 14px;border-radius:9px}.nav a svg{color:#9fb9d8}.nav a.active{background:#fff;color:#164981;box-shadow:0 4px 14px #07192e24}.nav a.active svg{color:#1857b7}.nav a:hover:not(.active){background:#ffffff0e;color:#fff}.nav-count{background:#dceafd;color:#1e5baf}.sidebar .help-box{background:#ffffff08;border:1px solid #ffffff16;border-radius:12px}.sidebar .help-box h3{color:#e3ecf8}.sidebar .help-box p{color:#a8bdd6}.sidebar .help-icon{background:#ffffff0e;color:#d0def1}.sidebar .btn.soft{background:#e9f1fc;color:#153d6d;border:0}.sidebar .profile{border-top-color:#ffffff17}.sidebar .profile strong{color:#dce8f5}.sidebar .profile small{color:#a1b6d0}.staff-entry{color:#becfe3;padding:13px 5px}.staff-entry:hover{background:#ffffff09;color:#fff}.avatar{background:#e8f0fb;color:#27548c}.sidebar .profile .icon-button{color:#aac1de}.main{margin-left:254px}.topbar{height:82px;border-bottom:1px solid #dfe7f1}.breadcrumb{font-size:12px;color:#61758e}.breadcrumb strong{color:#233f64;font-weight:600}.top-actions .date{font-size:12px;color:#61758e}.content{padding-top:28px}.page-heading h1{font-size:27px;letter-spacing:-.6px}.page-heading p{font-size:13px;color:#62758f}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#59799e}.btn{min-height:41px;font-size:12px;border-radius:8px}.btn.primary{background:#1857b7;border-color:#1857b7;box-shadow:0 4px 10px #1857b714}.btn.primary:hover{background:#104489}.icon-button{min-width:34px;min-height:34px}.panel{border-radius:13px;box-shadow:0 5px 17px #182f4b04}.panel-head{padding:22px 23px 16px}.panel-head h2{font-size:16px;color:#223f62}.panel-head p{font-size:11px;color:#6d809a}.command-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 34px;margin-bottom:24px;position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(116deg,#14345a,#174778 70%,#1d568c);border-bottom:3px solid #b7a275;color:#fff}.command-hero:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #ffffff0b;border-radius:50%;right:-100px;top:-250px;pointer-events:none}.command-hero .hero-eyebrow{font-size:11px;letter-spacing:.5px;color:#c6d8ef;margin-bottom:12px}.command-hero h2{font-size:27px;line-height:1.55;letter-spacing:-.3px}.command-hero h2 span{color:#c6dafa}.command-hero p{font-size:12px;line-height:1.85;color:#c4d4e8;margin-top:10px}.command-links{display:flex;gap:20px;margin-top:20px}.command-links a{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;border-bottom:1px solid #ffffff40;padding-bottom:4px}.command-emblem{display:grid;justify-items:center;gap:9px;padding-right:22px;min-width:225px}.command-emblem img{width:124px;height:99px;object-fit:contain;background:#fff;border-radius:14px;padding:10px;box-shadow:0 10px 20px #00193430}.command-emblem span{color:#b9cfe6;font-size:10px;margin-top:5px}.command-emblem strong{letter-spacing:5px;font-size:15px;font-weight:500}.stat-card{position:relative;padding:21px 22px;border-radius:12px}.stat-card:after{content:'';position:absolute;left:22px;right:22px;bottom:0;height:3px;background:#dbe8fa;border-radius:5px}.stat-card:nth-child(2):after{background:#e8d4ac}.stat-card:nth-child(3):after{background:#acd8ca}.stat-card:nth-child(4):after{background:#b7c9e9}.stat-top{font-size:12px;color:#536b89}.stat-value{font-size:33px;color:#163c6c;margin-top:8px}.stat-value small{font-size:12px;color:#687e9a}.stat-foot{font-size:10px;color:#697e98}.attention-panel{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1.5fr;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;gap:18px;margin-bottom:24px}.attention-title{align-self:center}.attention-title .eyebrow{font-size:9px}.attention-title h2{font-size:16px}.attention-panel button{display:flex;text-align:left;align-items:center;gap:11px;padding:5px 0 5px 16px;border:0;border-left:1px solid var(--line);background:transparent;color:#2e4c6e;font-size:11px}.attention-panel button:hover{color:var(--blue)}.attention-panel button small{display:block;font-size:9px;color:#7f91a8;margin-top:3px}.attention-icon{display:grid;place-items:center;background:#f0f5fb;border-radius:9px;width:35px;height:35px;color:#5176a2;flex-shrink:0}.attention-panel button strong{font-size:24px;color:#244c7b;margin-left:auto}.attention-panel button>svg{color:#9cacc1;flex-shrink:0}.focus-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:12px 16px;border-radius:9px;border:1px solid #cbdcf4;background:#eaf2ff;color:#315d98;font-size:12px}table{font-size:12px}th{font-size:11px;color:#607898;background:#f4f7fb;padding:13px 19px}td{font-size:12px;color:#506984;padding:15px 19px}.case-id{font-size:11px;color:#245eab}.case-title{font-size:12px;color:#263f5f;margin-top:4px}.badge{font-size:10px;padding:5px 8px}.badge.received{color:#8d661f}.badge.reviewing{color:#6851a6}.badge.progress,.badge.confirmed{color:#245b9c}.badge.resolved,.badge.completed{color:#24735e}.pdf-action{gap:4px;color:#366395}.pdf-action span{font-size:9px;font-weight:700}.pdf-action .icon-sm{width:14px}.pdf-download{margin:18px 0 0}.file-sync{font-size:10px;color:#947039;padding-left:8px}.file-sync.synced{color:#2a7d66}.field label{font-size:13px;color:#314b6b}.field input,.field select,.field textarea{font-size:14px}.field small{font-size:11px;color:#647993}.detail-item{font-size:13px}.detail-item span{color:#627993;font-size:11px}.detail-text{font-size:13px;color:#3e5877;line-height:1.9}.timeline-item{font-size:12px}.timeline-item p{color:#4c6584}.timeline-item small{color:#6e819a;font-size:10px}.storage-panel{margin-bottom:24px;max-width:880px}.storage-panel>.panel-body{padding-top:22px}.storage-panel .panel-head+.panel-body{padding-top:0}.storage-panel p{font-size:12px;color:#5b7391;line-height:1.9}.storage-summary{display:flex;gap:12px;align-items:center;margin:22px 0;flex-wrap:wrap}.storage-summary>div{margin-right:auto;display:flex;align-items:baseline;gap:10px}.storage-summary strong{font-size:32px;color:#1e507e}.storage-summary span{font-size:12px;color:#70859e}.connection-pill{font-size:10px;padding:5px 10px;border-radius:20px;background:#fff4dc;color:#8b6c2c;white-space:nowrap}.connection-pill.ready{background:#e8f5ef;color:#287f62}.citizen-hero{background:linear-gradient(116deg,#14345a,#164777 70%,#1d578e);border-bottom:3px solid #b7a275;border-radius:15px;padding:36px}.hero-copy h1{font-size:33px;line-height:1.55}.hero-copy h1 span{color:#d0e0f4}.hero-copy>p{color:#d2dff0;font-size:14px}.hero-eyebrow{color:#d0dff0;font-size:11px}.hero-trust{color:#bcd0e7;font-size:10px}.hero-emblem{margin-right:18px}.emblem-disc{border-radius:23px;border:0;width:150px;height:145px;box-shadow:0 12px 32px #06264730}.emblem-disc img{width:132px;height:110px}.hero-orbit{border-color:#ffffff09}.home-services .service-tile{border-radius:12px;padding:21px;box-shadow:0 5px 17px #18375904;border-top:3px solid #d8e5f6}.home-services h3{font-size:15px;color:#284b76}.home-services p{font-size:12px;color:#647d9b}.home-services .tile-icon{width:42px;height:42px;margin-bottom:16px}.home-section-heading h2{font-size:23px;color:#1c3f69}.home-section-heading p{font-size:13px;color:#6b8099}.home-section-heading .eyebrow{color:#4f719b}.public-calendar h3{font-size:18px}.public-calendar .panel-head p{color:#70849c;font-size:12px}.public-calendar .week-label{font-size:12px;color:#627894}.public-day{font-size:14px;min-height:61px;color:#4f6886}.public-day small{font-size:9px;color:#7e91a8}.public-day small.available{color:#287b68}.public-calendar-key{font-size:11px;color:#677e98}.day-availability h3{font-size:17px}.date-eyebrow{color:#647d98;font-size:11px}.availability-number>span{color:#607b9b;font-size:12px}.public-slots strong{font-size:14px;color:#315e97}.public-slots span{font-size:10px;color:#647f9f}.public-slots button{min-height:62px}.availability-location{color:#627c9c;font-size:12px}.availability-location small{font-size:11px;color:#7189a6}.how-it-works h2{font-size:17px;color:#3a5b82}.how-step strong{font-size:13px;color:#446387}.how-step p{font-size:11px;color:#758ca6}.footer{font-size:10px;color:#7087a2}.empty{color:#667f9d}.muted{color:#647b97}.form-actions>.small{max-width:60%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6a99dc;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:1200px){.attention-panel{grid-template-columns:1fr 1fr 1fr;gap:12px}.attention-title{grid-column:1/-1;display:flex;gap:14px;align-items:center}.attention-title .eyebrow{margin:0}.attention-panel button{padding-left:10px}.attention-panel button:first-of-type{border-left:0;padding-left:0}.attention-icon{display:none}.command-emblem{min-width:170px;padding-right:0}.home-services h3{font-size:13px}.home-services p{font-size:11px}.command-hero h2{font-size:25px}}
@media(max-width:1020px){.main{margin-left:0}.sidebar{width:254px}.command-hero{padding:28px}.hero-copy h1{font-size:31px}}
@media(max-width:740px){.topbar{height:70px}.content{padding:22px 16px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.command-hero{padding:25px 22px;gap:14px}.command-emblem{display:none}.command-hero h2{font-size:26px}.command-hero .hero-eyebrow{font-size:9px}.command-hero p{font-size:12px}.command-links{gap:15px}.command-links a{font-size:11px}.stat-card{padding:18px 15px}.stat-top{font-size:11px}.stat-value{font-size:29px}.stat-foot{font-size:10px}.attention-panel{padding:17px;grid-template-columns:1fr;gap:0}.attention-title{padding-bottom:14px}.attention-panel button{padding:13px 0!important;border-left:0;border-top:1px solid #edf1f6;font-size:12px}.attention-panel button small{font-size:10px}.attention-icon{display:grid}.attention-panel button strong{font-size:26px}.citizen-hero{padding:28px 23px}.hero-copy h1{font-size:29px}.hero-copy>p{font-size:13px}.hero-eyebrow{font-size:10px}.hero-buttons .btn{font-size:11px;padding-inline:11px}.hero-trust{font-size:10px;line-height:1.8}.home-services{gap:12px}.home-services .service-tile{padding:18px 15px}.home-services h3{font-size:13px}.home-services p{font-size:11px}.home-section-heading h2{font-size:20px}.home-section-heading p{font-size:12px}.public-calendar .week-label{font-size:11px}.public-day{font-size:13px;min-height:54px}.public-day small{font-size:8px}.public-calendar-key{font-size:9px;gap:12px}.availability-number>span{font-size:12px}.public-slots span{font-size:10px}.storage-summary>.btn{flex:1}.storage-summary>div{width:100%}.modal-body{padding:22px 18px}.footer{font-size:9px}.detail-grid{gap:15px}.form-actions{flex-wrap:wrap}.form-actions>.small{max-width:100%}.form-actions .btn{margin-left:auto}.focus-banner{align-items:flex-start;font-size:11px}}
@media(max-width:360px){.hero-copy h1{font-size:25px}.hero-copy>p{font-size:12px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;font-size:12px}.home-services h3{font-size:12px}.home-services p{font-size:10px}.public-calendar .panel-body{padding-inline:12px}.public-calendar .panel-head{padding-inline:14px}}