/* Citizen Portal v5 — public UI only */
:root{
  --citizen-blue:#086fda;--citizen-blue-2:#0d8bea;--citizen-navy:#063b78;
  --citizen-red:#ef2f3d;--citizen-green:#079648;--citizen-ink:#123e70;
  --citizen-line:#d5e6f5;--citizen-soft:#f4f9ff;--citizen-shadow:0 12px 34px rgba(19,76,132,.13);
}
.public-body{background:linear-gradient(180deg,#dff2ff 0,#f6fbff 170px,#eff8ff 100%);color:var(--citizen-ink)}
.public-main.public-main-wide{max-width:1740px;margin:0 auto;padding:18px 18px 30px}

/* Header */
.citizen-topbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);backdrop-filter:blur(13px);border-bottom:1px solid #d8e8f6;box-shadow:0 3px 16px rgba(25,78,128,.08)}
.citizen-topbar:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#0874da,#15a9e5,#0874da)}
.citizen-topbar-inner{max-width:1740px;margin:auto;height:86px;padding:0 18px;display:flex;align-items:center;gap:20px}
.citizen-brand{display:flex;align-items:center;gap:12px;min-width:340px}.citizen-brand img{width:61px;height:61px;filter:drop-shadow(0 2px 4px rgba(9,61,111,.14))}.citizen-brand strong{font-size:25px;color:#0b4e93;line-height:1.1}.citizen-brand small{display:block;margin-top:3px;color:#416c95;font-weight:650}
.citizen-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.citizen-nav a{display:flex;align-items:center;gap:6px;padding:12px 13px;border-radius:10px;font-weight:800;font-size:14px;color:#174f84;white-space:nowrap}.citizen-nav a:hover,.citizen-nav a.active{background:#eaf5ff;color:#076bcf}.citizen-nav a.active{box-shadow:inset 0 -3px 0 #0875db}.citizen-nav .citizen-emergency-link{color:#d32b36;background:#fff4f5}
.citizen-staff-link{display:flex;align-items:center;gap:6px;padding:11px 16px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#0b76dc,#0759b8);font-weight:800;box-shadow:0 6px 15px rgba(8,91,178,.18)}

/* Shared public shell */
.citizen-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:14px;align-items:stretch}
.citizen-side{border-radius:18px;overflow:hidden;min-height:710px;box-shadow:var(--citizen-shadow);background:linear-gradient(180deg,#0a77d8 0,#0754a3 59%,#07396f 100%);color:#fff;position:relative;display:flex;flex-direction:column}
.citizen-side:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-40px;height:210px;background:radial-gradient(ellipse at 20% 100%,rgba(70,198,255,.62) 0 18%,transparent 19%),radial-gradient(ellipse at 55% 100%,rgba(42,158,230,.42) 0 28%,transparent 29%),linear-gradient(180deg,transparent,#062f60);opacity:.72}
.citizen-side-visual{min-height:305px;padding:22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.27),transparent 22%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.15),transparent 28%),linear-gradient(145deg,#27a0ec 0,#0c72cb 48%,#0753a3 100%);position:relative;overflow:hidden}
.citizen-side-visual:before{content:"";position:absolute;inset:auto 0 0;height:108px;background:linear-gradient(150deg,transparent 0 35%,rgba(255,255,255,.18) 36% 38%,transparent 39%),linear-gradient(30deg,transparent 0 35%,rgba(255,255,255,.12) 36% 39%,transparent 40%)}
.citizen-side-visual img{width:86px;height:86px;background:#fff;border-radius:50%;padding:7px;box-shadow:0 6px 22px rgba(0,35,72,.22);z-index:1}.citizen-side-visual h2{z-index:1;margin:15px 0 5px;font-size:27px;line-height:1.15}.citizen-side-visual p{z-index:1;margin:0;font-size:18px;font-weight:750;line-height:1.4}.citizen-side-visual small{z-index:1;margin-top:9px;color:#d9efff;font-size:14px}
.citizen-side-actions{padding:13px;position:relative;z-index:2;display:grid;gap:9px}.side-action{display:flex;align-items:center;gap:12px;padding:14px 13px;border-radius:12px;background:#f8fbff;color:#0d4f8d;border:1px solid rgba(255,255,255,.6);font-weight:800}.side-action span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#e7f3ff;color:#0874d9;font-size:20px}.side-action strong{display:block}.side-action small{display:block;color:#5d7894;font-weight:600;margin-top:2px}.side-action.emergency{background:linear-gradient(135deg,#ff3441,#e51e30);color:#fff;border-color:#ff8390;box-shadow:0 8px 22px rgba(171,25,38,.22);font-size:16px}.side-action.emergency span{background:rgba(255,255,255,.18);color:#fff}.side-action.emergency small{color:#ffe9eb}
.citizen-side-slogan{margin-top:auto;padding:20px 20px 26px;text-align:center;position:relative;z-index:2}.citizen-side-slogan:before{content:"";display:block;width:86px;height:3px;border-radius:999px;margin:0 auto 14px;background:linear-gradient(90deg,transparent,#8ed4ff,transparent);opacity:.5}.citizen-side-slogan b{font-size:16px}.citizen-side-slogan small{display:block;margin-top:4px;color:#c9e8ff}

.citizen-workspace{background:#fff;border:1px solid #d4e5f4;border-radius:18px;box-shadow:var(--citizen-shadow);min-width:0;overflow:hidden}
.citizen-workspace-head{padding:20px 26px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:linear-gradient(180deg,#fff,#fbfdff);border-bottom:1px solid #e3edf6}.citizen-title{display:flex;gap:13px;align-items:flex-start}.citizen-title-icon{width:58px;height:58px;border-radius:16px;background:#e6f3ff;color:#0875da;display:grid;place-items:center;font-size:31px}.citizen-title h1{font-size:29px;margin:0 0 3px;color:#0b4f95}.citizen-title p{margin:0;color:#637e99}.citizen-workspace-head blockquote{margin:5px 0 0;color:#0a61b6;font-size:17px;font-weight:850;font-style:normal;white-space:nowrap}

/* Stepper */
.citizen-stepper{padding:14px 34px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff}.wizard-step{position:relative;text-align:center;color:#7a91aa;cursor:pointer;min-width:0}.wizard-step:not(:last-child):after{content:"";position:absolute;left:56%;right:-44%;top:18px;height:3px;background:#cbdced;z-index:0}.wizard-step.done:not(:last-child):after,.wizard-step.active:not(:last-child):after{background:linear-gradient(90deg,#0876dd,#72b7f5)}.wizard-step-circle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dce8f4;color:#66809c;font-weight:900;margin:0 auto 6px;position:relative;z-index:2;border:4px solid #fff;box-shadow:0 0 0 1px #dce8f4}.wizard-step.active .wizard-step-circle,.wizard-step.done .wizard-step-circle{background:#0874d9;color:#fff;box-shadow:0 0 0 1px #0874d9}.wizard-step strong{display:block;font-size:14px}.wizard-step small{display:block;font-size:11px;margin-top:2px}.wizard-step.active strong{color:#0868c3}

/* Wizard grid */
.citizen-form-wrap{padding:0 20px 22px}.citizen-wizard-grid{display:block;max-width:980px;margin:0 auto}.wizard-panel{display:none;border:1px solid #d6e5f2;border-radius:16px;background:#fff;padding:22px;min-width:0;box-shadow:0 8px 24px rgba(29,80,126,.08);position:relative;animation:wizardPanelIn .22s ease}.wizard-panel.mobile-active{display:block}.wizard-panel h2{font-size:23px;margin:0 0 5px;color:#0b4e91}.wizard-panel>.panel-help{font-size:13px;color:#71879e;min-height:0;margin:0 0 16px}.wizard-panel.focused{border-color:#70b8f5;box-shadow:0 0 0 3px rgba(10,117,218,.08),0 12px 30px rgba(24,84,139,.12)}@keyframes wizardPanelIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
.wizard-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.wizard-actions .btn{min-width:94px}.wizard-actions .btn-next{margin-left:auto}.wizard-panel .form-group label{font-size:12px}.wizard-panel .form-group input,.wizard-panel .form-group select,.wizard-panel .form-group textarea{padding:9px 10px;font-size:13px;border-radius:8px}.wizard-panel .form-group textarea{min-height:88px}

/* Location */
.citizen-location-map{height:270px;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#dff1e7,#e6f3ff);border:1px solid #d1e5ef;position:relative}.citizen-location-map #reportLocationMap{height:100%;border-radius:0}.map-empty-state{height:100%;display:grid;place-items:center;padding:20px;text-align:center;color:#52728d;background:radial-gradient(circle at 25% 30%,#c6ebff 0 9%,transparent 10%),linear-gradient(35deg,transparent 47%,#b8daf0 48% 50%,transparent 51%),linear-gradient(145deg,transparent 45%,#cae4cf 46% 58%,transparent 59%),#eaf6ef}.map-empty-state b{display:block;color:#0b5eaa;font-size:15px;margin-bottom:5px}.map-pin-preview{font-size:37px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.16))}
.citizen-location-card{margin-top:-5px;position:relative;z-index:4;padding:12px;background:#fff;border:1px solid #d8e5f0;border-radius:10px;box-shadow:0 5px 15px rgba(20,74,122,.1)}.citizen-location-card b{display:block;margin-bottom:5px;color:#0b4e90}.citizen-location-card div{font-size:12px;line-height:1.55}.citizen-location-card .location-ok{padding:0;border:0;background:transparent}.citizen-location-card .location-box{padding:0;border:0;background:transparent}.citizen-location-buttons{display:grid;gap:7px;margin-top:9px}.gps-status-mini{font-size:10px;margin:8px 0 0;padding:8px 9px;border-radius:8px;background:#eef6ff;color:#386889}.location-address{margin-top:10px}.manual-coordinate-drawer{margin-top:9px;border-top:1px dashed #cdddea;padding-top:9px}.manual-coordinate-drawer[hidden]{display:none}.manual-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:7px}.manual-coordinates input{width:100%;padding:8px;border:1px solid #cedeea;border-radius:7px;font-size:12px}

/* Incident type cards */
.incident-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.incident-choice{position:relative;display:block;cursor:pointer}.incident-choice input{position:absolute;opacity:0;pointer-events:none}.incident-choice-body{min-height:86px;padding:10px 6px;border:1px solid #e1e9f1;border-radius:10px;background:#f5f9fe;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#135a9e;font-weight:850;transition:.16s}.incident-choice-body i{font-style:normal;font-size:26px;margin-bottom:4px}.incident-choice input:checked+.incident-choice-body{background:#fff0f1;border:2px solid #ff6873;color:#d22d3a;box-shadow:0 5px 14px rgba(211,43,57,.08)}
.people-counter{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:center}.people-counter input{min-width:0}.counter-btn{width:38px;height:38px;border:0;border-radius:8px;background:#e8f3ff;color:#0874d8;font-size:23px;font-weight:900;cursor:pointer}.counter-btn.plus{background:#0874da;color:#fff}.compact-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compact-check{font-size:11px;padding:7px;border:1px solid #dce7f1;border-radius:8px;background:#f9fbfd}.compact-check input{margin-right:4px}

/* Photos */
.photo-upload-zone{border:2px dashed #8bc4f5;border-radius:12px;min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1468b5;background:#fbfdff;cursor:pointer;padding:14px}.photo-upload-zone:hover{background:#f0f8ff}.photo-upload-zone strong{font-size:17px}.photo-upload-zone small{color:#7890a8;margin-top:4px}.photo-upload-zone .upload-plus{font-size:40px;line-height:1;margin-bottom:5px;color:#0875d9}.photo-upload-zone input{position:absolute;opacity:0;pointer-events:none}.citizen-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.citizen-photo-grid .preview-item{position:relative}.citizen-photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;border:1px solid #d9e5ef}.preview-remove{position:absolute;right:4px;top:4px;width:24px;height:24px;border-radius:50%;border:0;background:#113f6d;color:#fff;cursor:pointer;font-weight:900}

/* Review */
.review-list{display:grid;gap:0;border-top:1px solid #e3edf5}.review-row{display:grid;grid-template-columns:90px 1fr;gap:7px;padding:8px 0;border-bottom:1px solid #e7eef5;font-size:12px}.review-row b{color:#687f96}.review-row strong{color:#173e69;font-weight:800}.review-row .critical{color:#df2f3b}.review-coordinate{margin-top:9px;background:#ecfbf1;border-radius:9px;padding:9px;color:#156a42;font-weight:800;font-size:12px}.review-map{height:122px;border-radius:9px;margin-top:8px;overflow:hidden;background:#eaf4fb;border:1px solid #d9e5ef}.review-terms{display:flex;gap:7px;margin-top:10px;padding:9px;border-radius:8px;background:#f4f9fe;font-size:11px;line-height:1.45}.review-submit{margin-top:10px;font-size:15px;min-height:50px;background:linear-gradient(135deg,#f03946,#df1f30);box-shadow:0 7px 18px rgba(197,30,43,.2)}

/* Public home */
.citizen-home-main{display:grid;grid-template-columns:285px minmax(0,1fr);gap:14px}.citizen-home-content{border-radius:18px;background:#fff;border:1px solid #d8e7f4;box-shadow:var(--citizen-shadow);padding:22px}.home-intro{background:linear-gradient(135deg,#f2f9ff,#fff);border:1px solid #d5e8f8;border-radius:15px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.home-intro h1{font-size:31px;margin:0 0 7px;color:#0b4e91}.home-intro p{margin:0;color:#5e7a96;line-height:1.65}.home-big-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.home-big-action{padding:22px;border-radius:15px;display:flex;gap:16px;align-items:center;border:1px solid #d8e5ef;background:#f7fbff}.home-big-action.danger{background:linear-gradient(135deg,#ff4350,#e62334);color:#fff;border-color:#ef3946}.home-big-action .ico{width:58px;height:58px;border-radius:15px;background:rgba(8,116,218,.1);display:grid;place-items:center;font-size:29px}.home-big-action.danger .ico{background:rgba(255,255,255,.18)}.home-big-action strong{display:block;font-size:20px}.home-big-action small{display:block;margin-top:3px;opacity:.8}.home-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.home-guide>div{border:1px solid #dbe8f3;border-radius:12px;padding:14px;background:#fff}.home-guide b{display:flex;align-items:center;gap:7px;color:#0c5fac}.home-guide b i{font-style:normal;width:27px;height:27px;border-radius:50%;background:#0876db;color:#fff;display:grid;place-items:center}.home-guide p{font-size:12px;color:#6c8298;line-height:1.55;margin:7px 0 0}

/* Track / success */
.track-shell{max-width:920px;margin:0 auto}.success-card{text-align:center;padding:34px 24px;border-radius:18px;background:linear-gradient(180deg,#fff,#f5fff9);border:1px solid #cdebd8;box-shadow:var(--citizen-shadow)}.success-check{width:104px;height:104px;border-radius:50%;margin:0 auto 17px;background:linear-gradient(135deg,#53d93e,#1ca930);color:#fff;display:grid;place-items:center;font-size:62px;font-weight:900;box-shadow:0 10px 25px rgba(34,170,60,.24)}.success-card h1{color:#15913d;font-size:31px;margin:0 0 8px}.case-number-box{max-width:480px;margin:20px auto;padding:17px;border-radius:12px;background:#edf6ff;color:#0b4f92}.case-number-box small{display:block;color:#657d95}.case-number-box strong{display:block;font-size:26px;margin-top:4px}.tracking-token-box{max-width:580px;margin:12px auto;padding:12px;background:#fff9e9;border:1px solid #f5dc8b;border-radius:10px;font-size:12px;word-break:break-all}.success-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:18px}.track-search-card{background:#fff;border:1px solid #d8e6f2;border-radius:16px;padding:20px;box-shadow:var(--citizen-shadow)}

/* Footer */
.citizen-footer{max-width:1740px;margin:0 auto 18px;padding:13px 22px 0;border-radius:14px;background:linear-gradient(100deg,#086dcc,#128fe5);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;overflow:hidden;box-shadow:0 8px 20px rgba(7,83,154,.14)}.citizen-footer b{font-size:15px}.citizen-footer span{display:block;font-size:10px;color:#d9efff}.citizen-footer p{margin:0;font-weight:850}.citizen-footer-links{display:flex;gap:12px;font-size:12px}.citizen-footer-links a{color:#fff}.citizen-footer-brand,.citizen-footer-slogan,.citizen-footer-links{padding-bottom:13px}.citizen-credit-row{flex:0 0 calc(100% + 44px);margin-left:-22px;margin-right:-22px;padding:10px 16px 11px;text-align:center;background:rgba(2,43,89,.38);border-top:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:750;letter-spacing:.01em;line-height:1.5}.citizen-credit-row strong{color:#fff;font-size:12px;font-weight:900}

/* Single-step wizard on every viewport */
@media (min-width:1281px){
  .citizen-form-wrap{padding:4px 28px 28px}
  .citizen-wizard-grid{max-width:960px}
  .wizard-panel{min-height:570px;padding:26px 30px}
  .wizard-panel[data-wizard-panel="4"].mobile-active{display:flex;flex-direction:column}
  .wizard-panel[data-wizard-panel="4"] .review-submit{margin-top:18px}
}
@media (max-width:1420px){
  .citizen-brand{min-width:290px}.citizen-brand strong{font-size:21px}.citizen-nav a{padding:10px 9px;font-size:12px}.citizen-shell,.citizen-home-main{grid-template-columns:250px minmax(0,1fr)}
  .citizen-wizard-grid{max-width:900px}.wizard-panel{min-height:auto}.citizen-side{min-height:780px}
}
@media (max-width:1050px){
  .citizen-topbar-inner{height:auto;min-height:76px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.citizen-brand{min-width:0;flex:1}.citizen-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:2px}.citizen-nav a{flex:0 0 auto}.citizen-staff-link span{display:none}
  .citizen-shell,.citizen-home-main{grid-template-columns:1fr}.citizen-side{min-height:auto}.citizen-side-visual{min-height:235px}.citizen-side-actions{grid-template-columns:1fr 1fr}.citizen-side-slogan{display:none}.citizen-workspace-head blockquote{display:none}
}
@media (max-width:760px){
  .public-main.public-main-wide{padding:10px 9px 20px}.citizen-brand img{width:46px;height:46px}.citizen-brand strong{font-size:18px}.citizen-brand small{font-size:10px}.citizen-topbar-inner{gap:8px}.citizen-staff-link{padding:9px 11px}.citizen-nav a{font-size:11px;padding:8px 9px}.citizen-nav a span{display:inline}
  .citizen-side{display:none}.citizen-workspace{border-radius:14px}.citizen-workspace-head{padding:14px}.citizen-title-icon{width:46px;height:46px;font-size:25px}.citizen-title h1{font-size:21px}.citizen-title p{font-size:12px}
  .citizen-stepper{padding:10px 8px 13px}.wizard-step-circle{width:32px;height:32px}.wizard-step strong{font-size:11px}.wizard-step small{display:none}.wizard-step:not(:last-child):after{top:15px}
  .citizen-form-wrap{padding:0 9px 12px}.citizen-wizard-grid{display:block}.wizard-panel{display:none;border-radius:12px;padding:15px}.wizard-panel.mobile-active{display:block}.wizard-panel h2{font-size:20px}.wizard-panel>.panel-help{min-height:0}.citizen-location-map{height:330px}
  .incident-choice-body{min-height:96px}.compact-checks{grid-template-columns:1fr 1fr}.review-map{height:165px}.wizard-actions{position:sticky;bottom:8px;background:rgba(255,255,255,.96);padding:8px;border-radius:10px;box-shadow:0 5px 18px rgba(20,76,130,.13);z-index:8}
  .citizen-home-main{display:block}.citizen-home-content{padding:12px;border-radius:14px}.home-intro{padding:16px}.home-intro h1{font-size:23px}.home-intro p{font-size:13px}.home-big-actions{grid-template-columns:1fr}.home-guide{grid-template-columns:1fr 1fr}.citizen-footer{margin:0 9px 10px;flex-direction:column;text-align:center}.citizen-footer-links{justify-content:center}
  .success-card{padding:26px 15px}.success-check{width:90px;height:90px;font-size:50px}.success-card h1{font-size:25px}.case-number-box strong{font-size:22px}
}
@media (max-width:430px){
 .citizen-nav a span{display:none}.citizen-nav a{font-size:17px}.citizen-brand small{max-width:200px}.incident-choice-grid{grid-template-columns:1fr 1fr}.home-guide{grid-template-columns:1fr}.citizen-location-map{height:300px}.compact-checks{grid-template-columns:1fr}.citizen-photo-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .citizen-home-main .citizen-side{display:flex;margin-bottom:10px}.citizen-home-main .citizen-side-visual{min-height:280px}.citizen-home-main .citizen-side-actions{grid-template-columns:1fr}.citizen-home-main .citizen-side-slogan{display:block;padding-top:10px}
}
.citizen-location-map #manualLocationPanel{height:100%;margin:0;padding:0;border:0;background:transparent}.citizen-location-map #reportLocationMap{height:100%}
.public-main-wide > .card{max-width:980px;margin-left:auto;margin-right:auto}

/* v6 sequential wizard refinements */
.wizard-step.is-locked{cursor:default;opacity:.58}.wizard-step.is-locked .wizard-step-circle{background:#e8eef4;color:#91a2b3}.wizard-step.is-locked:hover{color:inherit}.wizard-progress-caption{text-align:center;font-size:12px;font-weight:800;color:#5f7f9d;margin:-5px 0 12px}.wizard-actions{padding-top:13px;border-top:1px solid #edf3f8}.wizard-actions .btn{min-width:140px;min-height:44px;font-size:14px}.wizard-panel .form-group input,.wizard-panel .form-group select{min-height:44px}.wizard-panel .form-group textarea{min-height:115px}.wizard-panel[data-wizard-panel="2"] .incident-choice-body{min-height:105px}.wizard-panel[data-wizard-panel="3"] .photo-upload-zone{min-height:180px}.wizard-panel[data-wizard-panel="4"] .review-submit{min-height:52px;font-size:16px}
@media(min-width:761px){.citizen-location-map{height:330px}.incident-choice-grid{grid-template-columns:repeat(3,1fr)}.compact-checks{grid-template-columns:repeat(3,1fr)}.citizen-photo-grid{grid-template-columns:repeat(4,1fr)}.review-map{height:240px}}

/* v6.2.2 public developer credit visibility */
@media(max-width:760px){
  .citizen-footer{padding:13px 14px 0}
  .citizen-footer-brand,.citizen-footer-slogan,.citizen-footer-links{padding-bottom:8px}
  .citizen-credit-row{flex-basis:auto;width:calc(100% + 28px);margin-left:-14px;margin-right:-14px;padding:10px 12px;font-size:11px}
  .citizen-credit-row strong{font-size:11px}
}
@media(max-width:430px){.citizen-credit-row{font-size:10.5px}.citizen-credit-row strong{font-size:10.5px}}

/* v6.2 custom agency logo */
.citizen-side-visual img{object-fit:contain}

/* v6.2.2 staff password recovery */
.password-recovery-card{max-width:520px;margin:36px auto}.password-recovery-card h2{text-align:center;color:#0a579f}.password-recovery-card .otp-input{text-align:center;font-size:30px;font-weight:900;letter-spacing:10px;color:#075bb3}

/* v6.2.3 GPS help infographic */
.gps-help-card{max-width:1180px!important}
.gps-help-intro{margin:6px 0 16px;color:#5e7890;line-height:1.65}
.gps-guide-figure{margin:0 0 22px;padding:10px;border:1px solid #d5e6f4;border-radius:16px;background:#f7fbff;box-shadow:0 7px 22px rgba(13,83,145,.08)}
.gps-guide-figure a{display:block;border-radius:11px;overflow:hidden;background:#fff}
.gps-guide-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.gps-guide-figure figcaption{text-align:center;margin-top:8px;font-size:12px;color:#668199}
@media(max-width:760px){
  .gps-help-card{padding:13px}
  .gps-help-intro{font-size:12px}
  .gps-guide-figure{margin-left:-3px;margin-right:-3px;padding:5px;border-radius:12px}
  .gps-guide-figure figcaption{font-size:11px}
}

/* =========================================================
   Public homepage v6.2.4 — Yala civic scenic landing page
   ========================================================= */
.home-v7-page{background:#eaf5ff}
.home-v7-page .public-main.public-main-wide{max-width:none;padding:0;margin:0}
.home-v7-page .citizen-footer{max-width:none;margin:0;border-radius:0;padding:0;box-shadow:none;background:linear-gradient(90deg,#08437f,#075ba9,#08437f)}
.home-v7-page .citizen-footer-brand,
.home-v7-page .citizen-footer-slogan,
.home-v7-page .citizen-footer-links{display:none}
.home-v7-page .citizen-credit-row{flex-basis:100%;width:100%;margin:0;padding:15px 18px;border-top:1px solid rgba(255,255,255,.22);background:rgba(2,39,78,.38);font-size:13px}

.home-hero-v7{
  min-height:calc(100vh - 91px);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background-image:url('yala_home_city.jpg');
  background-size:cover;
  background-position:center 58%;
  display:flex;
  align-items:stretch;
}
.home-hero-v7:before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(247,252,255,.95) 0%,rgba(247,252,255,.88) 28%,rgba(247,252,255,.42) 53%,rgba(247,252,255,.06) 78%),
    linear-gradient(180deg,rgba(239,248,255,.36) 0%,rgba(255,255,255,0) 42%,rgba(4,47,88,.12) 72%,rgba(3,35,66,.42) 100%);
}
.home-hero-v7-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 74% 12%,rgba(255,255,255,.42),transparent 31%),linear-gradient(180deg,transparent 72%,rgba(0,42,82,.18))}
.home-hero-v7-inner{width:min(1460px,calc(100% - 70px));margin:0 auto;position:relative;padding:74px 0 115px;display:flex;flex-direction:column;justify-content:flex-start}

.home-hero-copy-v7{max-width:860px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.home-eyebrow-v7{margin:0 0 14px;font-size:20px;line-height:1.45;font-weight:750;color:#173c64}
.home-hero-copy-v7 h1{margin:0;line-height:1.03;letter-spacing:-.025em}
.home-hero-copy-v7 h1 span{display:block;font-size:clamp(36px,4.2vw,70px);font-weight:950;color:#082d5a}
.home-hero-copy-v7 h1 strong{display:block;margin-top:4px;font-size:clamp(44px,5vw,82px);font-weight:950;color:#0968c8}
.home-subtitle-v7{margin:15px 0 0;font-size:clamp(18px,1.75vw,29px);font-weight:720;color:#11385f}

.home-place-v7{position:absolute;right:0;top:68px;width:290px;text-align:center;color:#083a70;text-shadow:0 1px 1px rgba(255,255,255,.8)}
.home-place-v7 strong{display:block;font-size:48px;line-height:1;font-weight:850;font-style:italic;transform:rotate(-7deg);font-family:"Segoe Script","Bradley Hand",cursive;border-bottom:4px solid #0a4a8f;padding-bottom:4px}
.home-place-v7 span{display:block;margin-top:22px;font-size:16px;font-weight:720;line-height:1.55}

.home-action-grid-v7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px;position:relative;z-index:2}
.home-action-card-v7{min-height:124px;border-radius:17px;padding:23px 20px;color:#fff;display:grid;grid-template-columns:62px minmax(0,1fr) 38px;gap:14px;align-items:center;box-shadow:0 14px 30px rgba(8,49,89,.23);border:1px solid rgba(255,255,255,.38);overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
.home-action-card-v7:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.15),transparent 52%);pointer-events:none}
.home-action-card-v7:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(8,49,89,.3);color:#fff}
.home-action-card-v7.action-report{background:linear-gradient(135deg,#df4852,#ca2532)}
.home-action-card-v7.action-track{background:linear-gradient(135deg,#1679dd,#0758b8)}
.home-action-card-v7.action-guide{background:linear-gradient(135deg,#33aa62,#159347)}
.home-action-card-v7.action-gps{background:linear-gradient(135deg,#efa31f,#dc7e00)}
.home-action-icon-v7{width:58px;height:58px;display:grid;place-items:center;font-size:40px;font-weight:900;color:#fff;line-height:1}
.home-action-text-v7{min-width:0}.home-action-text-v7 b{display:block;font-size:22px;line-height:1.2}.home-action-text-v7 small{display:block;margin-top:7px;font-size:14px;line-height:1.35;color:rgba(255,255,255,.93);font-weight:650}
.home-action-arrow-v7{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:32px;line-height:1}

.home-feature-strip-v7{align-self:center;margin-top:auto;transform:translateY(44px);display:grid;grid-template-columns:repeat(4,1fr);width:min(780px,82vw);border-radius:17px;background:rgba(255,255,255,.92);backdrop-filter:blur(13px);box-shadow:0 14px 34px rgba(7,55,101,.18);border:1px solid rgba(255,255,255,.72);overflow:hidden}
.home-feature-strip-v7>div{padding:18px 20px;display:flex;align-items:center;gap:13px;position:relative}
.home-feature-strip-v7>div:not(:last-child):after{content:"";position:absolute;right:0;top:22%;height:56%;width:1px;background:#d4e2ef}
.home-feature-strip-v7 span{font-size:28px;color:#0966be}.home-feature-strip-v7 p{margin:0}.home-feature-strip-v7 b{display:block;color:#0a427a;font-size:18px}.home-feature-strip-v7 small{display:block;color:#526f8c;font-size:12px;margin-top:2px}
.home-community-note-v7{position:absolute;left:10px;bottom:52px;color:#fff;text-shadow:0 3px 10px rgba(0,32,61,.48);transform:rotate(-4deg);font-style:italic}
.home-community-note-v7 b{display:block;font-family:"Segoe Script","Bradley Hand",cursive;font-size:42px;line-height:.9}.home-community-note-v7 span{display:block;margin-top:8px;font-size:17px;line-height:1.45;font-weight:700;border-bottom:2px solid rgba(255,255,255,.9);padding-bottom:5px}

@media(max-width:1200px){
  .home-hero-v7-inner{width:min(1120px,calc(100% - 42px));padding-top:54px}
  .home-place-v7{display:none}
  .home-hero-copy-v7{max-width:820px}
  .home-action-grid-v7{grid-template-columns:repeat(2,minmax(0,1fr));max-width:930px}
  .home-community-note-v7{display:none}
  .home-feature-strip-v7{transform:none;margin-top:34px;width:min(840px,100%)}
}
@media(max-width:760px){
  .home-v7-page .public-main.public-main-wide{padding:0}
  .home-hero-v7{min-height:auto;background-position:63% center}
  .home-hero-v7:before{background:linear-gradient(180deg,rgba(246,251,255,.97) 0%,rgba(246,251,255,.91) 38%,rgba(7,52,94,.22) 76%,rgba(3,37,70,.52) 100%)}
  .home-hero-v7-inner{width:calc(100% - 28px);padding:34px 0 36px}
  .home-eyebrow-v7{font-size:14px;margin-bottom:9px}
  .home-hero-copy-v7 h1 span{font-size:31px;line-height:1.08}
  .home-hero-copy-v7 h1 strong{font-size:43px;line-height:1.03}
  .home-subtitle-v7{font-size:15px;line-height:1.5;margin-top:10px}
  .home-action-grid-v7{grid-template-columns:1fr;gap:10px;margin-top:27px}
  .home-action-card-v7{min-height:88px;padding:14px 15px;grid-template-columns:46px minmax(0,1fr) 31px;gap:10px;border-radius:14px}
  .home-action-icon-v7{width:44px;height:44px;font-size:29px}.home-action-text-v7 b{font-size:18px}.home-action-text-v7 small{font-size:12px;margin-top:3px}.home-action-arrow-v7{width:30px;height:30px;font-size:25px}
  .home-feature-strip-v7{grid-template-columns:repeat(2,1fr);margin-top:22px;width:100%;border-radius:14px}
  .home-feature-strip-v7>div{padding:13px 12px}.home-feature-strip-v7>div:nth-child(2):after{display:none}.home-feature-strip-v7>div:nth-child(-n+2){border-bottom:1px solid #dbe6ef}.home-feature-strip-v7 span{font-size:23px}.home-feature-strip-v7 b{font-size:15px}.home-feature-strip-v7 small{font-size:11px}
  .home-v7-page .citizen-credit-row{font-size:11px;padding:12px 10px}
}
@media(max-width:430px){
  .home-hero-v7-inner{width:calc(100% - 20px)}
  .home-hero-copy-v7 h1 span{font-size:27px}.home-hero-copy-v7 h1 strong{font-size:38px}
  .home-action-text-v7 b{font-size:17px}
}

/* =========================================================
   v6.2.6 citizen-friendly GPS diagnostic
   ========================================================= */
.gps-test-page{max-width:980px;margin:0 auto;padding:4px 0 12px}
.gps-test-hero{display:flex;align-items:center;gap:18px;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,#086fda,#0c8fe7);color:#fff;box-shadow:0 12px 30px rgba(8,93,177,.18);overflow:hidden;position:relative}
.gps-test-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-90px;top:-110px;background:rgba(255,255,255,.1)}
.gps-test-hero-icon{width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:39px;flex:0 0 auto}
.gps-test-kicker{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.04em;opacity:.9;margin-bottom:3px}
.gps-test-hero h1{font-size:30px;margin:0 0 5px}.gps-test-hero p{margin:0;max-width:720px;line-height:1.6;opacity:.94}
.gps-test-howto{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.gps-test-step{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #d9e8f5;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(18,75,126,.06)}
.gps-test-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f4ff;color:#0870d5;font-weight:900;flex:0 0 auto}.gps-test-step b{display:block;color:#0c4f8d}.gps-test-step small{display:block;color:#71889d;margin-top:2px;line-height:1.45}
.gps-test-card{padding:22px;border:1px solid #d6e6f3;border-radius:18px;background:#fff;box-shadow:var(--citizen-shadow)}
.gps-test-status-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.gps-test-status-icon{width:48px;height:48px;border-radius:14px;background:#edf6ff;color:#0871d7;display:grid;place-items:center;font-size:28px;font-weight:900}.gps-test-status-head h2{margin:0;color:#0b4e90;font-size:22px}.gps-test-status-head p{margin:2px 0 0;color:#71869a;font-size:12px}
.gps-citizen-status{border-radius:12px!important;margin-bottom:12px!important;font-weight:750;line-height:1.55}
.gps-test-result{text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px!important}.gps-test-empty-icon{font-size:38px}.gps-test-result>b{font-size:18px;color:#174f84}.gps-test-result>small{color:#71879b;line-height:1.55}.gps-test-result.location-ok{background:#effaf4}.gps-test-result.location-bad{background:#fff7ed}
.gps-test-primary-actions,.gps-test-secondary-actions,.gps-test-bottom-actions,.gps-map-confirm{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.gps-test-primary-actions{margin:14px 0}.gps-test-main-btn{min-width:260px;min-height:50px;font-size:16px;font-weight:900}.gps-test-secondary-actions{margin-top:14px}.gps-test-secondary-actions .btn,.gps-test-bottom-actions .btn{min-width:190px}
.gps-test-help-note{display:flex;gap:10px;align-items:flex-start;margin:13px 0;padding:12px 14px;border-radius:12px;background:#f4f9ff;border:1px solid #d9eaf8;color:#496d8d}.gps-test-help-note span{font-size:21px}.gps-test-help-note p{margin:0;font-size:12px;line-height:1.6}
.gps-test-map-panel{margin-top:18px!important}.gps-test-map-head{margin-bottom:10px}.gps-test-map-head b{display:block;color:#0b4e90;font-size:16px}.gps-test-map-head small{display:block;color:#72879b;margin-top:2px}.gps-test-map-panel .report-location-map{height:360px}.gps-coordinate-grid{margin-top:12px}.gps-map-confirm{margin-top:10px}.gps-test-bottom-actions{margin:16px 0 2px}
@media(max-width:760px){.gps-test-page{padding:0}.gps-test-hero{padding:18px;border-radius:15px;gap:12px}.gps-test-hero-icon{width:54px;height:54px;font-size:30px;border-radius:15px}.gps-test-hero h1{font-size:22px}.gps-test-hero p{font-size:12px}.gps-test-howto{grid-template-columns:1fr;gap:7px}.gps-test-step{padding:10px 12px}.gps-test-card{padding:14px;border-radius:14px}.gps-test-status-head h2{font-size:19px}.gps-test-result{min-height:135px;padding:18px!important}.gps-test-main-btn{width:100%;min-width:0}.gps-test-secondary-actions .btn,.gps-test-bottom-actions .btn{width:100%;min-width:0}.gps-test-map-panel .report-location-map{height:300px}.gps-test-bottom-actions{padding:0 2px}}

/* =========================================================
   v6.2.7 citizen-friendly case tracking page
   ========================================================= */
.track-page-redesign{max-width:1040px;margin:0 auto 10px}
.track-hero-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ffffff,#f3f9ff);border:1px solid #d8e8f6;border-radius:20px;padding:22px 24px;box-shadow:var(--citizen-shadow)}
.track-hero-icon{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#0d7adf,#0a5fbe);color:#fff;font-size:40px;font-weight:900;box-shadow:0 10px 24px rgba(8,91,178,.18)}
.track-hero-copy h1{margin:0 0 6px;color:#0b4f95;font-size:31px;line-height:1.15}
.track-hero-copy p{margin:0;color:#5e7994;line-height:1.65;font-size:15px}
.track-helper-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}
.track-helper-strip>div{padding:16px;border-radius:16px;background:#fff;border:1px solid #d8e7f4;box-shadow:0 8px 24px rgba(20,74,122,.07)}
.track-helper-strip span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f4ff;color:#086bcf;font-weight:900;margin-bottom:9px}
.track-helper-strip b{display:block;color:#0a4a8d;font-size:16px}
.track-helper-strip small{display:block;margin-top:4px;color:#698198;line-height:1.5}
.track-search-card-redesign{padding:22px;border-radius:18px}
.track-search-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}
.track-input-group label{display:block;margin:0 0 7px;font-size:13px;font-weight:800;color:#0b4f95}
.track-input-group input{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #cfe0ee;background:#fff;font-size:16px;color:#17476f}
.track-input-group input:focus{outline:none;border-color:#5faef1;box-shadow:0 0 0 4px rgba(9,112,210,.08)}
.track-input-group small{display:block;margin-top:7px;color:#6b839a;line-height:1.45}
.track-search-actions{grid-column:1/-1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:4px}
.track-search-actions .btn{min-width:190px}
.track-result-card{margin-top:15px;padding:22px;border-radius:20px;background:#fff;border:1px solid #d9e7f3;box-shadow:var(--citizen-shadow)}
.track-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.track-case-no{font-size:28px;font-weight:900;color:#0b4f94;line-height:1.1}
.track-result-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.track-reported-at{padding:14px 16px;border-radius:14px;background:#f4f9ff;border:1px solid #d7e7f6;min-width:220px}
.track-reported-at small{display:block;color:#6d8499;margin-bottom:5px}
.track-reported-at strong{display:block;color:#0e4c8a;font-size:17px}
.track-status-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;margin-top:16px;border-radius:16px;background:linear-gradient(180deg,#edf7ff,#f7fbff);border:1px solid #cfe4f6}
.track-status-banner.done{background:linear-gradient(180deg,#effcf3,#f7fff9);border-color:#cfead6}
.track-status-banner-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#0c76db;color:#fff;font-size:28px;font-weight:900;flex:0 0 auto;box-shadow:0 8px 18px rgba(8,91,178,.18)}
.track-status-banner.done .track-status-banner-icon{background:#1aa143}
.track-status-banner h2{margin:1px 0 5px;color:#0c4f94;font-size:22px}
.track-status-banner p{margin:0;color:#5e7994;line-height:1.6}
.track-progress{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px}
.track-progress-item{position:relative;padding:15px 10px 12px;border:1px solid #d9e6f2;border-radius:16px;background:#f8fbff;text-align:center}
.track-progress-item.done{background:#eef8ff;border-color:#bcdcf8}
.track-progress-item.active{background:#fff8ec;border-color:#ffd48a;box-shadow:0 0 0 3px rgba(255,188,72,.16)}
.track-progress-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#dbe8f5;color:#5d7995;font-weight:900}
.track-progress-item.done .track-progress-dot{background:#0a74d9;color:#fff}
.track-progress-item.active .track-progress-dot{background:#f4a320;color:#fff}
.track-progress-item b{display:block;color:#0a4a8b;font-size:14px;line-height:1.3}
.track-progress-item small{display:block;margin-top:4px;color:#698198;font-size:11px;line-height:1.45}
.track-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.track-detail-card{padding:16px;border-radius:14px;background:#f8fbff;border:1px solid #dbe8f3}
.track-detail-card span{display:block;color:#6f879e;font-size:12px;margin-bottom:6px}
.track-detail-card strong{display:block;color:#0d4e8f;font-size:17px;line-height:1.5}
.track-help-note{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fff9e8;border:1px solid #f1d98f;color:#725d14;line-height:1.65}
.track-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.track-empty-state{margin-top:14px;padding:28px 18px;border-radius:18px;text-align:center;background:#fff;border:1px solid #dbe7f3;box-shadow:var(--citizen-shadow)}
.track-empty-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#fff1f2;color:#d33445;font-size:38px;font-weight:900;border:1px solid #ffc4cb}
.track-empty-state h3{margin:0 0 8px;color:#0b4f95;font-size:24px}
.track-empty-state p{margin:0;color:#667f98;line-height:1.6}
.track-alert-center{margin-top:14px;text-align:center}
.success-card-refined p{line-height:1.7}

@media(max-width:980px){
  .track-progress{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .track-page-redesign{max-width:100%}
  .track-hero-card{padding:16px 14px;border-radius:16px;align-items:flex-start}
  .track-hero-icon{width:58px;height:58px;border-radius:16px;font-size:29px}
  .track-hero-copy h1{font-size:24px}
  .track-hero-copy p{font-size:13px}
  .track-helper-strip{grid-template-columns:1fr;gap:9px;margin:12px 0}
  .track-helper-strip>div{padding:13px 14px;border-radius:14px}
  .track-search-card-redesign{padding:14px}
  .track-search-form{grid-template-columns:1fr;gap:13px}
  .track-search-actions{justify-content:stretch}
  .track-search-actions .btn{width:100%;min-width:0}
  .track-result-card{padding:15px;border-radius:16px}
  .track-case-no{font-size:22px}
  .track-reported-at{width:100%;min-width:0;padding:12px 14px}
  .track-status-banner{padding:14px;gap:11px}
  .track-status-banner-icon{width:44px;height:44px;font-size:22px}
  .track-status-banner h2{font-size:18px}
  .track-progress{grid-template-columns:1fr 1fr;gap:8px}
  .track-progress-item{padding:12px 9px 10px;border-radius:14px}
  .track-progress-item b{font-size:13px}
  .track-progress-item small{font-size:10px}
  .track-detail-grid{grid-template-columns:1fr;gap:9px}
  .track-detail-card{padding:13px}
  .track-detail-card strong{font-size:15px}
}

/* =========================================================
   v6.2.8 staff login redesign
   ========================================================= */
.staff-login-page{max-width:1120px;margin:24px auto 34px;padding:0 16px}
.staff-login-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);overflow:hidden;border-radius:24px;background:#fff;border:1px solid #d5e5f2;box-shadow:0 18px 48px rgba(13,69,120,.15)}
.staff-login-info{position:relative;overflow:hidden;padding:42px 38px;color:#fff;background:linear-gradient(145deg,#0b73cf 0%,#0857a8 56%,#063c78 100%);min-height:580px;display:flex;flex-direction:column;justify-content:center}
.staff-login-info:before{content:"";position:absolute;inset:auto -12% -18% -8%;height:300px;background:radial-gradient(ellipse at 20% 90%,rgba(95,208,255,.5) 0 25%,transparent 26%),radial-gradient(ellipse at 58% 100%,rgba(38,151,226,.36) 0 34%,transparent 35%);pointer-events:none}
.staff-login-info-badge{position:relative;z-index:1;display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);font-size:12px;font-weight:850;letter-spacing:.02em}
.staff-login-shield{position:relative;z-index:1;width:76px;height:76px;margin:24px 0 18px;border-radius:22px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-size:42px;font-weight:950;box-shadow:0 12px 28px rgba(1,42,83,.19)}
.staff-login-info h1{position:relative;z-index:1;margin:0;font-size:36px;line-height:1.08}
.staff-login-info h2{position:relative;z-index:1;margin:6px 0 14px;font-size:23px;color:#d8edff}
.staff-login-info>p{position:relative;z-index:1;margin:0;max-width:460px;line-height:1.72;color:#e5f4ff;font-size:15px}
.staff-role-list{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.staff-role-list span{padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.19);font-size:12px;font-weight:800}
.staff-login-security-note{position:relative;z-index:1;margin-top:28px;padding:15px 16px;border-radius:14px;background:rgba(2,39,78,.23);border:1px solid rgba(255,255,255,.17)}
.staff-login-security-note b{display:block;font-size:14px}.staff-login-security-note small{display:block;margin-top:5px;color:#d7edff;line-height:1.55}
.staff-login-form-wrap{padding:50px 52px 42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#fbfdff)}
.staff-login-form-head{display:flex;align-items:center;gap:14px;margin-bottom:25px}.staff-login-lock{width:58px;height:58px;border-radius:17px;background:#e8f4ff;color:#0873d5;display:grid;place-items:center;font-size:28px;box-shadow:inset 0 0 0 1px #cfe7fa}.staff-login-form-head h1{margin:0;color:#0a4e92;font-size:29px}.staff-login-form-head p{margin:4px 0 0;color:#6b8298}
.staff-login-form{display:grid;gap:17px}.staff-login-field label{display:block;margin-bottom:7px;color:#174f82;font-size:13px;font-weight:850}.staff-login-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-login-label-row a{font-size:12px;font-weight:800;color:#0871cf}
.staff-login-input-wrap{display:flex;align-items:center;min-height:52px;border:1px solid #cbddeb;border-radius:13px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.staff-login-input-wrap:focus-within{border-color:#64acf0;box-shadow:0 0 0 4px rgba(8,113,207,.08)}
.staff-login-input-icon{width:46px;flex:0 0 46px;text-align:center;color:#0b6bc6;font-size:15px}.staff-login-input-wrap input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;padding:14px 6px!important;background:transparent!important;font-size:15px!important}.staff-password-toggle{align-self:stretch;border:0;border-left:1px solid #e0eaf3;background:#f4f9fe;color:#0966bd;font-weight:850;padding:0 14px;cursor:pointer}.staff-password-toggle:hover{background:#eaf4fd}
.staff-login-submit{min-height:50px;margin-top:2px;font-size:16px;border-radius:12px}
.staff-login-recovery{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:#6c8298}.staff-login-recovery a{font-weight:850;color:#0870cc}
.staff-login-divider{display:flex;align-items:center;gap:12px;margin:21px 0 13px;color:#91a5b8;font-size:11px}.staff-login-divider:before,.staff-login-divider:after{content:"";height:1px;flex:1;background:#dfe8f0}
.staff-login-home{min-height:46px;display:flex;align-items:center;justify-content:center}
.staff-login-help{text-align:center;margin:16px 0 0;color:#748aa0;font-size:11px;line-height:1.6}

@media(max-width:900px){
  .staff-login-shell{grid-template-columns:1fr;max-width:620px;margin:0 auto}
  .staff-login-info{min-height:auto;padding:28px 25px}.staff-login-shield{width:60px;height:60px;margin:18px 0 13px;font-size:32px}.staff-login-info h1{font-size:29px}.staff-login-info h2{font-size:19px}.staff-login-security-note{margin-top:20px}
  .staff-login-form-wrap{padding:34px 28px 30px}
}
@media(max-width:560px){
  .staff-login-page{margin:14px auto 24px;padding:0 10px}.staff-login-shell{border-radius:17px}.staff-login-info{padding:22px 18px}.staff-login-info-badge{font-size:11px}.staff-login-info h1{font-size:25px}.staff-login-info h2{font-size:17px}.staff-login-info>p{font-size:13px}.staff-role-list{margin-top:18px}.staff-login-security-note{padding:12px 13px}
  .staff-login-form-wrap{padding:27px 18px 24px}.staff-login-form-head{margin-bottom:21px}.staff-login-lock{width:49px;height:49px;border-radius:14px}.staff-login-form-head h1{font-size:23px}.staff-login-form-head p{font-size:12px}.staff-password-toggle{padding:0 11px;font-size:12px}
}

/* v6.2.9 developer credit link */
.citizen-credit-row .developer-credit-link{color:#fff;text-decoration:none;font-weight:900;border-bottom:1px dashed rgba(255,255,255,.7);transition:opacity .16s ease,border-color .16s ease}
.citizen-credit-row .developer-credit-link:hover,.citizen-credit-row .developer-credit-link:focus{color:#fff;opacity:.82;border-bottom-color:#fff}

/* v6.3 public icon alignment */
.citizen-nav a .ui-icon,.citizen-staff-link .ui-icon{width:18px;height:18px}
.side-action>span .ui-icon{width:22px;height:22px}
.citizen-title-icon .ui-icon{width:31px;height:31px}
.home-action-icon-v7 .ui-icon{width:42px;height:42px}
.home-action-arrow-v7 .ui-icon{width:25px;height:25px}
.home-feature-strip-v7>div>span .ui-icon{width:28px;height:28px}
.gps-test-hero-icon .ui-icon{width:42px;height:42px}
.gps-test-status-icon .ui-icon,.gps-test-empty-icon .ui-icon{width:34px;height:34px}
.track-hero-icon .ui-icon{width:37px;height:37px}
.track-status-banner-icon .ui-icon{width:27px;height:27px}
.track-progress-dot .ui-icon{width:18px;height:18px}
.success-check .ui-icon{width:54px;height:54px}
.map-pin-preview .ui-icon{width:37px;height:37px}
.upload-plus .ui-icon{width:28px;height:28px}

/* v6.3.1 public tracking: case number only */
.track-helper-strip-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-left:auto;margin-right:auto}
.track-search-single{grid-template-columns:minmax(0,660px);justify-content:center}
.track-search-single .track-search-actions{grid-column:1}
.track-public-privacy-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:14px auto 0;padding:11px 14px;border-radius:12px;background:#eef8f3;border:1px solid #cfe8d8;color:#356d4b;font-size:12px;line-height:1.6;max-width:720px;text-align:left}
.track-public-privacy-note .ui-icon{flex:0 0 auto;margin-top:2px}
.track-public-privacy-note-wide{margin-top:14px;max-width:none}
.track-detail-grid-public .track-detail-card strong{word-break:break-word}
@media(max-width:760px){
  .track-helper-strip-two{grid-template-columns:1fr}
  .track-search-single{grid-template-columns:1fr}
  .track-public-privacy-note{font-size:11px}
}

/* =========================================================
   v6.3.4 login icon refinement
   ========================================================= */
.staff-login-info-badge{align-items:center;gap:7px}
.staff-login-info-badge .ui-icon{width:16px;height:16px}
.staff-role-list span{display:inline-flex;align-items:center;gap:7px}
.staff-role-list span .ui-icon{width:15px;height:15px}
.staff-login-security-note{display:flex;align-items:flex-start;gap:11px}
.staff-login-security-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.16)}
.staff-login-security-icon .ui-icon{width:21px;height:21px}
.staff-login-lock .ui-icon{width:28px;height:28px}
.staff-login-alert{display:flex;align-items:flex-start;gap:9px}
.staff-login-alert>.ui-icon{width:19px;height:19px;flex:0 0 auto;margin-top:1px}
.staff-login-label-row a{display:inline-flex;align-items:center;gap:5px}
.staff-login-label-row a .ui-icon{width:14px;height:14px}
.staff-login-input-icon{display:grid;place-items:center}
.staff-login-input-icon .ui-icon{width:19px;height:19px}
.staff-password-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:84px}
.staff-password-toggle .ui-icon{width:17px;height:17px}
.staff-password-toggle .toggle-eye-off{display:none}
.staff-password-toggle[aria-pressed="true"] .toggle-eye-on{display:none}
.staff-password-toggle[aria-pressed="true"] .toggle-eye-off{display:inline-flex}
.staff-login-recovery>span,.staff-login-recovery>a{display:inline-flex;align-items:center;gap:5px}
.staff-login-recovery .ui-icon{width:15px;height:15px}
.staff-login-home .ui-icon{width:17px;height:17px}
.staff-login-help{display:flex;align-items:flex-start;justify-content:center;gap:6px}
.staff-login-help .ui-icon{width:15px;height:15px;flex:0 0 auto;margin-top:1px}
@media(max-width:560px){
  .staff-password-toggle{min-width:74px;gap:4px}
  .staff-role-list span{gap:5px}
}

/* =========================================================
   v6.3.5 login category icon system
   ========================================================= */
.staff-login-system-title{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin:0 0 14px}
.staff-login-title-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff}
.staff-login-title-icon .ui-icon{width:27px;height:27px}
.staff-login-system-title h1{margin:0!important;font-size:31px!important}
.staff-login-system-title h2{margin:4px 0 0!important;font-size:19px!important;color:#d8edff!important}
.staff-role-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:24px!important}
.staff-role-grid .staff-role-item{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px!important;border-radius:13px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;min-width:0}
.staff-role-grid .staff-role-icon{width:36px;height:36px;border-radius:10px;display:grid!important;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.15);color:#fff}
.staff-role-grid .staff-role-icon .ui-icon{width:20px!important;height:20px!important}
.staff-role-grid .staff-role-item b{display:block;font-size:13px;line-height:1.35;color:#fff}
.staff-role-grid .staff-role-item small{display:block;margin-top:3px;font-size:10.5px;line-height:1.45;color:#d7edff;font-weight:550}
.staff-login-field-label{display:inline-flex!important;align-items:center;gap:6px}
.staff-login-field-label .ui-icon{width:15px;height:15px;color:#0b6bc6}
.staff-login-input-icon{border-right:1px solid #e3edf5;background:#f7fbff;height:52px}
.staff-login-input-icon .ui-icon{width:20px!important;height:20px!important}
.staff-login-submit .ui-icon,.staff-login-home .ui-icon{margin-right:5px}
.staff-login-recovery a .ui-icon{color:#0870cc}
.staff-login-security-note .staff-login-security-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
@media(max-width:760px){
  .staff-login-system-title h1{font-size:25px!important}
  .staff-login-system-title h2{font-size:16px!important}
  .staff-login-title-icon{width:42px;height:42px;border-radius:12px}.staff-login-title-icon .ui-icon{width:23px;height:23px}
}
@media(max-width:480px){
  .staff-role-grid{grid-template-columns:1fr}
}

/* v6.4.3 report map reliability */
.map-retry-btn{margin-top:12px;background:#fff}
#reportLocationMap .leaflet-container,#reviewMap .leaflet-container{width:100%;height:100%}

/* v6.4.4 built-in map fallback for public report */
.yala-mini-map-host{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden;background:#dceaf3}
.yala-mini-map{position:absolute;inset:0;overflow:hidden;background:#dceaf3;touch-action:none;cursor:crosshair;user-select:none}
.yala-mini-map-tiles{position:absolute;inset:0;overflow:hidden}
.yala-mini-map-tiles img{position:absolute;width:256px;height:256px;max-width:none!important;border:0;pointer-events:none;-webkit-user-drag:none}
.yala-mini-map-tiles img.tile-error{visibility:hidden}
.yala-mini-map-marker{position:absolute;left:0;top:0;z-index:20;width:42px;height:42px;color:#e3212f;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35));pointer-events:none}
.yala-mini-map-marker .ui-icon{width:42px;height:42px;stroke-width:2.5}
.yala-mini-map-controls{position:absolute;z-index:30;left:10px;top:10px;display:grid;border-radius:9px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.yala-mini-map-controls button{width:38px;height:36px;border:0;background:#fff;color:#174c79;font-size:24px;font-weight:800;line-height:1;cursor:pointer}
.yala-mini-map-controls button+button{border-top:1px solid #d8e1e8}
.yala-mini-map-attrib{position:absolute;right:3px;bottom:2px;z-index:30;padding:2px 5px;border-radius:4px;background:rgba(255,255,255,.84);font-size:9px;color:#41627d;text-decoration:none}
#reportLocationMap.yala-mini-map-host,#reviewMap.yala-mini-map-host{height:100%}
@media(max-width:760px){.yala-mini-map-host{min-height:245px}}

/* v6.4.6 report GPS/map reliability */
#captureLocationBtn.is-loading{opacity:.78;cursor:wait;pointer-events:none}
#captureLocationBtn.is-loading .ui-icon{animation:yalaSpin 1s linear infinite}
@keyframes yalaSpin{to{transform:rotate(360deg)}}

/* =========================================================
   v6.4.7 GPS marker + location detail
   ========================================================= */
.yala-mini-map-accuracy{
  position:absolute;left:0;top:0;z-index:12;border-radius:50%;
  background:rgba(20,116,218,.13);border:2px solid rgba(20,116,218,.45);
  box-shadow:0 0 0 1px rgba(255,255,255,.7) inset;pointer-events:none;
}
.yala-mini-map-marker{display:flex;flex-direction:column;align-items:center;width:auto;height:auto;min-width:46px;color:#e3212f}
.yala-mini-map-marker .marker-icon{display:grid;place-items:center;width:42px;height:42px}
.yala-mini-map-marker .marker-icon .ui-icon{width:42px;height:42px;stroke-width:2.6}
.yala-mini-map-marker .marker-badge{margin-top:-2px;padding:2px 6px;border-radius:999px;background:#fff;color:#9d1d28;border:1px solid rgba(157,29,40,.24);font-size:9px;font-weight:900;line-height:1.25;box-shadow:0 2px 7px rgba(0,0,0,.16);white-space:nowrap}
.yala-mini-map-marker.is-gps{color:#0874d9}
.yala-mini-map-marker.is-gps .marker-badge{background:#0874d9;color:#fff;border-color:#fff}
.yala-mini-map-marker.is-manual{color:#e3212f}
.yala-mini-map-gps-card{
  position:absolute;left:0;top:0;z-index:25;width:216px;max-width:calc(100% - 16px);
  padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.96);border:1px solid #b8d9f4;
  box-shadow:0 7px 20px rgba(8,69,125,.17);color:#154c7b;pointer-events:none
}
.yala-mini-map-gps-card b{display:block;color:#0868c7;font-size:12px;line-height:1.25}
.yala-mini-map-gps-card span{display:block;margin-top:2px;font-size:10px;font-weight:750;white-space:nowrap}
.yala-mini-map-gps-card small{display:block;margin-top:2px;font-size:9px;color:#66829a}
.gps-location-summary{display:block!important}
.gps-location-head{display:flex!important;gap:9px;align-items:center;margin-bottom:10px}
.gps-location-head>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#e8f4ff;color:#0873d7;flex:0 0 auto}
.gps-location-head>span .ui-icon{width:21px;height:21px}
.gps-location-head b{display:block!important;margin:0!important;font-size:14px;color:#0a579f}
.gps-location-head small{display:block;color:#6b8399;margin-top:2px;font-size:10px}
.gps-data-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
.gps-data-grid>div{padding:8px 9px;border-radius:9px;background:#f4f9ff;border:1px solid #dceaf7;min-width:0}
.gps-data-grid>div span{display:block;font-size:9px;color:#6b849b}
.gps-data-grid>div strong{display:block;margin-top:2px;font-size:11px;color:#0b4f91;word-break:break-word}
.gps-data-grid .gps-data-wide{grid-column:1/-1}
.gps-map-link{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:#0871cf;font-size:10px;font-weight:800;text-decoration:none}
.gps-map-link .ui-icon{width:13px;height:13px}
.gps-location-warning{margin-top:8px;padding:8px 9px;border-radius:8px;background:#fff3dc;color:#8a5a00;font-size:10px;line-height:1.5}
@media(max-width:560px){
  .yala-mini-map-gps-card{width:190px;padding:7px 8px}
  .yala-mini-map-gps-card span{font-size:9px}
  .gps-data-grid{grid-template-columns:1fr!important}
  .gps-data-grid .gps-data-wide{grid-column:auto}
}

/* v6.4.8 — dedicated GPS diagnostic controls */
.gps-test-main-btn{position:relative;z-index:3;pointer-events:auto;touch-action:manipulation}
.gps-test-main-btn.is-loading{opacity:.78;cursor:wait}
.gps-diagnostic-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 4px}
.gps-diagnostic-details>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #d8e6f3;border-radius:10px;background:#f8fbff;font-size:12px}
.gps-diagnostic-details span{color:#647f98}.gps-diagnostic-details strong{color:#0b4f95;text-align:right}
.gps-test-success{display:flex;align-items:center;gap:12px;margin-bottom:13px}.gps-test-success-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#13a56b;color:#fff;font-size:25px;font-weight:900;flex:0 0 auto}.gps-test-success b{display:block;color:#087249;font-size:17px}.gps-test-success small{display:block;color:#637c92;margin-top:3px;line-height:1.5}
@media(max-width:760px){.gps-diagnostic-details{grid-template-columns:1fr}.gps-diagnostic-details>div{font-size:11px}}

/* v6.5.12: public GPS maps use the same Leaflet/OpenStreetMap engine as Live Map */
#reportLocationMap{position:relative;width:100%;min-height:260px;background:#eaf4fb}
#reportLocationMap.leaflet-container{width:100%!important}
.gps-test-map-panel #reportLocationMap{height:360px;min-height:300px}
@media(max-width:760px){.gps-test-map-panel #reportLocationMap{height:300px}}
#reportLocationMap .map-load-error{height:100%;min-height:260px;display:grid;place-items:center;text-align:center;padding:24px;background:#f6f9fc;color:#536b82}
#reportLocationMap .map-load-error b{display:block;color:#b42318;margin-bottom:6px}

/* v6.5.13 map bootstrap diagnostics */
#reportLocationMap .map-load-error span,#reportLocationMap .map-load-error small{display:block;margin-top:6px}
#reportLocationMap .map-load-error small{font-size:11px;color:#7a8fa3;word-break:break-word}

/* v6.5.16: geo_diagnostic manual map stays collapsed until explicitly opened */
.gps-test-map-panel[hidden]{display:none!important}

/* v6.5.18 — Public tracking approximate location map */
.track-location-section{margin-top:18px;padding:16px;border-radius:16px;background:#f8fbff;border:1px solid #d8e7f4}
.track-location-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.track-location-heading h3{display:flex;align-items:center;gap:8px;margin:0;color:#0b4f94;font-size:18px}
.track-location-heading h3 .ui-icon{width:21px;height:21px}
.track-location-heading p{margin:5px 0 0;color:#698198;font-size:12px;line-height:1.55}
.track-location-privacy{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f3;border:1px solid #cfe8d8;color:#356d4b;font-size:11px;font-weight:800}
.track-location-privacy .ui-icon{width:15px;height:15px}
.track-approx-map{width:100%;height:340px;border-radius:14px;overflow:hidden;border:1px solid #cbddeb;background:#eaf1f6}
.track-location-caption{margin-top:9px;color:#667f98;font-size:11px;line-height:1.55}
.track-location-unavailable{display:flex;align-items:center;gap:12px;min-height:100px;padding:18px;border-radius:14px;background:#fff;border:1px dashed #bfd3e5;color:#668097}
.track-location-unavailable>.ui-icon{width:34px;height:34px;color:#79a2c7;flex:0 0 auto}
.track-location-unavailable b{display:block;color:#0b4f94;margin-bottom:4px}
.track-location-unavailable span{display:block;font-size:12px;line-height:1.55}
@media(max-width:640px){.track-approx-map{height:285px}.track-location-section{padding:12px}.track-location-heading{gap:9px}.track-location-privacy{font-size:10px}}

/* =========================================================
   v6.5.24 Citizen emergency home CTA — top navigation restored in v6.5.26
   ========================================================= */
.home-action-card-v7.action-report{
  min-height:154px;
  align-self:center;
  padding:28px 25px;
  grid-template-columns:76px minmax(0,1fr) 44px;
  box-shadow:0 18px 40px rgba(151,22,34,.3);
  border:2px solid rgba(255,255,255,.62);
}
.home-action-card-v7.action-report .home-action-icon-v7{width:70px;height:70px}
.home-action-card-v7.action-report .home-action-icon-v7 .ui-icon{width:54px;height:54px}
.home-action-card-v7.action-report .home-action-text-v7 b{font-size:27px}
.home-action-card-v7.action-report .home-action-text-v7 small{font-size:15px;margin-top:8px}
.home-action-card-v7.action-report .home-action-arrow-v7{width:42px;height:42px}
.home-action-card-v7:not(.action-report){align-self:center}

@media(max-width:760px){
  .home-action-card-v7.action-report{
    min-height:116px;padding:19px 17px;
    grid-template-columns:58px minmax(0,1fr) 36px;gap:12px;
    border-radius:16px;
  }
  .home-action-card-v7.action-report .home-action-icon-v7{width:54px;height:54px}
  .home-action-card-v7.action-report .home-action-icon-v7 .ui-icon{width:43px;height:43px}
  .home-action-card-v7.action-report .home-action-text-v7 b{font-size:22px}
  .home-action-card-v7.action-report .home-action-text-v7 small{font-size:13px}
  .home-action-card-v7.action-report .home-action-arrow-v7{width:34px;height:34px}
}

/* =========================================================
   v6.5.28 — Enterprise Citizen Portal + Public Intake
   Design language aligned with Enterprise Geospatial Command UI
   ========================================================= */
:root{
  --public-teal:#005d5f;
  --public-teal-2:#007f82;
  --public-teal-3:#08a5a8;
  --public-ink:#12334a;
  --public-muted:#62798a;
  --public-surface:#ffffff;
  --public-soft:#f3f8f8;
  --public-line:#d9e6e7;
  --public-danger:#dc3545;
  --public-amber:#d97706;
  --public-green:#0b9b6a;
  --public-shadow:0 16px 42px rgba(13,62,70,.12);
}
.public-body{background:#edf5f5;color:var(--public-ink)}
.public-main.public-main-wide{max-width:none;padding:0;margin:0}
.page-index .citizen-footer,.page-report .citizen-footer{max-width:none;margin:0;border-radius:0;background:linear-gradient(110deg,#00484a,#00666a 54%,#005456);box-shadow:none}

/* Public navigation — same visual system as the new command center */
.citizen-topbar{background:linear-gradient(90deg,#004d50,#006166 55%,#005458);border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 8px 28px rgba(0,56,61,.16)}
.citizen-topbar:before{display:none}
.citizen-topbar-inner{height:78px;max-width:1540px;padding:0 28px;gap:24px}
.citizen-brand{min-width:330px;color:#fff}.citizen-brand img{width:52px;height:52px;background:#fff;border-radius:50%;padding:3px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}.citizen-brand strong{color:#fff;font-size:22px}.citizen-brand small{color:#c8e7e8;font-size:12px}
.citizen-nav{gap:3px}.citizen-nav a{color:#d8eff0;background:transparent;border-radius:0;padding:28px 13px 24px;position:relative}.citizen-nav a:hover,.citizen-nav a.active{color:#fff;background:rgba(255,255,255,.06)}.citizen-nav a.active{box-shadow:none}.citizen-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:#2de0dc;border-radius:4px 4px 0 0}.citizen-nav .citizen-emergency-link{color:#fff2f2;background:rgba(219,53,69,.17)}
.citizen-staff-link{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);box-shadow:none;color:#fff;padding:10px 13px}.citizen-staff-link:hover{background:rgba(255,255,255,.16);color:#fff}

/* ---------- v6.5.28 public homepage ---------- */
.public-home-v6528{min-height:calc(100vh - 78px)}
.public-home-hero-v6528{position:relative;overflow:hidden;background:linear-gradient(112deg,#eef8f6 0%,#f8fbfb 53%,#dceeed 100%);border-bottom:1px solid #d2e5e5}
.public-home-hero-bg-v6528{position:absolute;inset:0;background:radial-gradient(circle at 90% 2%,rgba(0,126,130,.14),transparent 32%),radial-gradient(circle at 70% 88%,rgba(47,208,193,.09),transparent 24%),linear-gradient(120deg,transparent 0 62%,rgba(0,93,95,.035) 62% 63%,transparent 63% 100%);pointer-events:none}
.public-home-hero-grid-v6528{width:min(1460px,calc(100% - 56px));margin:0 auto;padding:66px 0 58px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(420px,.87fr);gap:58px;align-items:center;position:relative}
.public-home-copy-v6528{max-width:830px}
.public-live-badge-v6528{display:inline-flex;align-items:center;gap:8px;border:1px solid #b9dcdc;background:rgba(255,255,255,.84);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:850;color:#296266;box-shadow:0 5px 14px rgba(22,81,85,.06)}
.public-live-dot-v6528{width:8px;height:8px;border-radius:50%;background:#12aa74;box-shadow:0 0 0 4px rgba(18,170,116,.13)}
.public-kicker-v6528{margin:24px 0 9px;color:#007477;font-weight:900;letter-spacing:.02em;font-size:16px}
.public-home-copy-v6528 h1{margin:0;color:#143d4c;font-size:clamp(42px,4.5vw,72px);line-height:1.07;letter-spacing:-.035em}.public-home-copy-v6528 h1 span{color:#007c80}
.public-lead-v6528{max-width:740px;margin:20px 0 0;color:#55717d;font-size:18px;line-height:1.78}
.public-home-cta-v6528{display:flex;gap:12px;align-items:stretch;margin-top:30px;flex-wrap:wrap}
.public-primary-cta-v6528,.public-secondary-cta-v6528{display:flex;align-items:center;gap:12px;border-radius:14px;text-decoration:none;transition:.18s ease}
.public-primary-cta-v6528{min-width:315px;padding:15px 17px;background:linear-gradient(135deg,#e34350,#c92d3a);color:#fff;box-shadow:0 12px 28px rgba(183,39,52,.2)}.public-primary-cta-v6528:hover{transform:translateY(-2px);color:#fff;box-shadow:0 16px 32px rgba(183,39,52,.26)}.public-primary-cta-v6528>.ui-icon:first-child{width:28px;height:28px}.public-primary-cta-v6528>.ui-icon:last-child{width:19px;height:19px;margin-left:auto}.public-primary-cta-v6528 span b,.public-secondary-cta-v6528 span b{display:block;font-size:17px}.public-primary-cta-v6528 span small{display:block;margin-top:2px;color:#ffe6e8;font-size:11px}
.public-secondary-cta-v6528{padding:15px 18px;background:#fff;color:#165a60;border:1px solid #c7dede;box-shadow:0 8px 20px rgba(14,71,75,.08)}.public-secondary-cta-v6528:hover{transform:translateY(-2px);color:#006d71;border-color:#9acaca}.public-secondary-cta-v6528>.ui-icon{width:24px;height:24px;color:#007c80}.public-secondary-cta-v6528 span small{display:block;color:#71868d;margin-top:2px;font-size:11px}
.public-trust-row-v6528{display:flex;gap:26px;align-items:center;margin-top:30px;flex-wrap:wrap}.public-trust-row-v6528>div{display:flex;gap:9px;align-items:center}.public-trust-row-v6528 .ui-icon{width:22px;height:22px;color:#00858a}.public-trust-row-v6528 b{display:block;font-size:12px;color:#345a63}.public-trust-row-v6528 small{display:block;font-size:10px;color:#7c9298;margin-top:1px}

.public-home-command-v6528{background:rgba(255,255,255,.96);border:1px solid #cfe2e3;border-radius:22px;box-shadow:0 24px 60px rgba(20,75,79,.16);overflow:hidden;position:relative}.public-home-command-v6528:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#005f63,#20bbb2)}
.public-command-head-v6528{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 21px 14px;border-bottom:1px solid #e4eded}.public-command-brand-v6528{display:flex;align-items:center;gap:10px}.public-command-brand-v6528 img{width:44px;height:44px;object-fit:contain}.public-command-brand-v6528 small{display:block;color:#789093;font-size:10px}.public-command-brand-v6528 b{display:block;color:#164c53;font-size:15px}.public-command-status-v6528{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:850;color:#19805f;background:#effaf6;border:1px solid #c8eadc;border-radius:999px;padding:7px 9px}.public-command-status-v6528 i{width:7px;height:7px;border-radius:50%;background:#17a573}
.public-command-focus-v6528{margin:17px 18px 12px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#f7fbfb,#edf7f6);border:1px solid #d5e8e6;display:flex;gap:14px;align-items:flex-start}.public-command-icon-v6528{width:54px;height:54px;border-radius:16px;background:#fff0f1;color:#d53c49;display:grid;place-items:center;flex:0 0 54px}.public-command-icon-v6528 .ui-icon{width:29px;height:29px}.public-command-focus-v6528 small{color:#768a91;font-size:11px}.public-command-focus-v6528 strong{display:block;color:#1b4d55;font-size:22px;margin-top:1px}.public-command-focus-v6528 p{margin:6px 0 0;color:#688087;font-size:11px;line-height:1.5}
.public-command-actions-v6528{display:grid;padding:0 18px 17px;gap:7px}.public-command-actions-v6528>a{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:11px 10px;border:1px solid #e1eaeb;border-radius:12px;color:#254f57;background:#fff;text-decoration:none}.public-command-actions-v6528>a:hover{background:#f7fbfb;border-color:#c7dfe0}.public-command-action-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.public-command-action-icon .ui-icon{width:20px;height:20px}.public-command-action-icon.red{background:#fff0f1;color:#d63c49}.public-command-action-icon.blue{background:#edf5ff;color:#2472be}.public-command-action-icon.green{background:#ebf9f4;color:#118861}.public-command-actions-v6528 b{display:block;font-size:13px}.public-command-actions-v6528 small{display:block;color:#7a8f94;font-size:10px;margin-top:2px}.public-command-actions-v6528>a>.ui-icon{width:16px;height:16px;color:#8ca0a5}
.public-medical-alert-v6528{display:flex;gap:10px;align-items:center;margin:0 18px 18px;padding:12px;border-radius:12px;background:#fff7ed;border:1px solid #f4d7b5;color:#784916}.public-medical-alert-v6528>.ui-icon{width:23px;height:23px;color:#d97706}.public-medical-alert-v6528 b{display:block;font-size:11px}.public-medical-alert-v6528 span{display:block;font-size:10px;margin-top:2px}.public-medical-alert-v6528 a{font-weight:950;color:#c33b32;text-decoration:none;font-size:14px}

.public-home-content-v6528{width:min(1460px,calc(100% - 56px));margin:0 auto;padding:46px 0 54px}
.public-section-v6528{background:#fff;border:1px solid #d9e7e8;border-radius:20px;box-shadow:0 10px 34px rgba(21,72,76,.07);padding:30px}.public-section-head-v6528{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.public-section-head-v6528 span{display:block;color:#00878b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.public-section-head-v6528 h2{margin:4px 0 0;font-size:27px;color:#163f49}.public-section-head-v6528 p{max-width:470px;margin:0;text-align:right;color:#71868c;font-size:13px;line-height:1.6}
.public-process-grid-v6528{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.public-process-grid-v6528 article{position:relative;border:1px solid #dce8e8;border-radius:16px;padding:20px 18px;background:linear-gradient(180deg,#fff,#fbfdfd);min-height:205px}.public-process-grid-v6528 article>i{position:absolute;right:14px;top:12px;font-style:normal;font-size:43px;line-height:1;font-weight:950;color:#e8f1f1}.public-process-grid-v6528 article>span{width:48px;height:48px;border-radius:14px;background:#eaf7f5;color:#007f82;display:grid;place-items:center}.public-process-grid-v6528 article>span .ui-icon{width:24px;height:24px}.public-process-grid-v6528 h3{margin:17px 0 6px;color:#214a52;font-size:17px}.public-process-grid-v6528 p{margin:0;color:#71858b;font-size:12px;line-height:1.65}
.public-service-grid-v6528{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.public-service-card-v6528{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;gap:13px;align-items:center;background:#fff;border:1px solid #d9e7e8;border-radius:16px;padding:18px;color:#214b53;text-decoration:none;box-shadow:0 7px 24px rgba(21,72,76,.05)}.public-service-card-v6528:hover{border-color:#abd2d2;color:#145960;transform:translateY(-1px)}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.service-icon .ui-icon{width:23px;height:23px}.service-icon.blue{background:#edf5ff;color:#2472be}.service-icon.amber{background:#fff5e8;color:#d07804}.service-icon.green{background:#eaf8f3;color:#118861}.public-service-card-v6528 small{color:#7b9095;font-size:10px}.public-service-card-v6528 h3{margin:2px 0 3px;font-size:16px}.public-service-card-v6528 p{margin:0;color:#71858b;font-size:11px;line-height:1.5}.public-service-card-v6528>.ui-icon{width:17px;height:17px;color:#91a4a8}
.public-safety-band-v6528{margin-top:16px;border-radius:18px;background:linear-gradient(115deg,#00595c,#007a7d);color:#fff;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:0 12px 32px rgba(0,83,86,.16)}.public-safety-copy-v6528{display:flex;align-items:flex-start;gap:16px}.public-safety-copy-v6528>.ui-icon{width:38px;height:38px;color:#8ff0e7;flex:0 0 38px}.public-safety-copy-v6528 small{color:#bde7e5;font-size:10px}.public-safety-copy-v6528 h2{font-size:19px;margin:2px 0 3px}.public-safety-copy-v6528 p{margin:0;color:#d8eeee;font-size:11px;line-height:1.55}.public-safety-cta-v6528{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#005c60;background:#fff;border-radius:11px;padding:11px 14px;font-weight:900;text-decoration:none}.public-safety-cta-v6528 .ui-icon{transform:rotate(180deg);width:16px;height:16px}

/* ---------- v6.5.28 public report / citizen intake ---------- */
.page-report{background:#eef5f5}.page-report .public-main.public-main-wide{padding:0}
.citizen-report-page-v6528{width:min(1540px,calc(100% - 40px));margin:0 auto;padding:24px 0 34px}
.citizen-report-hero-v6528{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:18px 20px;border:1px solid #d5e4e5;border-radius:17px;background:linear-gradient(120deg,#fff 0%,#f9fcfc 62%,#edf7f5 100%);box-shadow:0 8px 26px rgba(16,69,73,.06)}
.citizen-report-breadcrumb-v6528{display:flex;gap:7px;align-items:center;margin-bottom:12px;font-size:10px;color:#839397}.citizen-report-breadcrumb-v6528 a{display:flex;align-items:center;gap:4px;color:#4f777a;text-decoration:none}.citizen-report-breadcrumb-v6528 a .ui-icon{width:12px;height:12px}.citizen-report-breadcrumb-v6528 b{color:#00797d}
.citizen-report-title-row-v6528{display:flex;align-items:center;gap:14px}.citizen-report-title-icon-v6528{width:58px;height:58px;border-radius:17px;background:#fff0f1;color:#d43b48;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #f5d9dc}.citizen-report-title-icon-v6528 .ui-icon{width:31px;height:31px}.citizen-report-title-row-v6528 p{margin:0;color:#008186;font-size:11px;font-weight:900}.citizen-report-title-row-v6528 h1{margin:2px 0 2px;font-size:29px;color:#173f49}.citizen-report-title-row-v6528 div>span{font-size:11px;color:#72868c}
.citizen-report-emergency-v6528{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;background:#fff6ed;border:1px solid #f1d3b1;color:#70451d;min-width:330px}.citizen-report-emergency-v6528>.ui-icon{width:25px;height:25px;color:#d76c06}.citizen-report-emergency-v6528 div{flex:1}.citizen-report-emergency-v6528 small{display:block;font-size:9px}.citizen-report-emergency-v6528 b{display:block;font-size:15px}.citizen-report-emergency-v6528 a{background:#cf3f3d;color:#fff;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:900;text-decoration:none}
.citizen-report-layout-v6528{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.citizen-report-main-v6528{min-width:0}
.citizen-progress-card-v6528{background:#fff;border:1px solid #d7e5e6;border-radius:17px;box-shadow:0 8px 26px rgba(16,69,73,.055);overflow:hidden;margin-bottom:13px}.citizen-progress-head-v6528{padding:13px 18px 9px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf2f2}.citizen-progress-head-v6528 small{display:block;color:#87999d;font-size:9px}.citizen-progress-head-v6528 b{display:block;margin-top:1px;color:#28565c;font-size:12px}.citizen-progress-secure-v6528{display:flex;align-items:center;gap:5px;color:#187b61;background:#eff9f5;border:1px solid #d2eade;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850}.citizen-progress-secure-v6528 .ui-icon{width:13px;height:13px}
.page-report .citizen-stepper{padding:14px 30px 15px}.page-report .wizard-step:not(:last-child):after{background:#d7e4e4}.page-report .wizard-step.done:not(:last-child):after,.page-report .wizard-step.active:not(:last-child):after{background:linear-gradient(90deg,#007c80,#4dc5bd)}.page-report .wizard-step-circle{background:#e9f0f0;color:#71878a;box-shadow:0 0 0 1px #d8e4e4}.page-report .wizard-step.active .wizard-step-circle,.page-report .wizard-step.done .wizard-step-circle{background:#007c80;box-shadow:0 0 0 1px #007c80}.page-report .wizard-step.active strong{color:#006f73}.page-report .wizard-progress-caption{display:none}
.citizen-form-wrap-v6528{padding:0}.citizen-form-wrap-v6528 .citizen-wizard-grid{max-width:none}.citizen-form-wrap-v6528 .wizard-panel{border:1px solid #d6e4e5;border-radius:17px;padding:24px;background:#fff;box-shadow:0 10px 30px rgba(16,69,73,.07);min-height:0}.citizen-form-wrap-v6528 .wizard-panel.focused{border-color:#bfd9d9;box-shadow:0 10px 30px rgba(16,69,73,.08)}
.citizen-panel-head-v6528{display:flex;gap:13px;align-items:flex-start;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e8efef}.citizen-panel-head-v6528>span{width:42px;height:42px;border-radius:12px;background:#e8f6f4;color:#007b7e;display:grid;place-items:center;font-size:14px;font-weight:950;flex:0 0 42px}.citizen-panel-head-v6528 h2{display:flex;align-items:center;gap:7px;margin:0;color:#234d54;font-size:21px}.citizen-panel-head-v6528 h2 .ui-icon{width:21px;height:21px;color:#008286}.citizen-panel-head-v6528 p{margin:5px 0 0;color:#778b90;font-size:11px;line-height:1.55}
.citizen-location-workspace-v6528{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:12px;align-items:stretch}.page-report .citizen-location-map{height:355px;border-radius:13px;border:1px solid #d2e1e1;background:#eaf3f2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.citizen-map-hint-v6528{position:absolute;left:10px;bottom:10px;z-index:500;background:rgba(255,255,255,.94);border:1px solid #d4e1e1;border-radius:999px;padding:7px 10px;display:flex;align-items:center;gap:5px;color:#406b70;font-size:10px;font-weight:800;box-shadow:0 3px 12px rgba(16,69,73,.12)}.citizen-map-hint-v6528 .ui-icon{width:13px;height:13px;color:#007f82}
.citizen-location-side-v6528{display:flex;flex-direction:column;gap:9px}.page-report .citizen-location-card{margin:0;padding:14px;border-radius:13px;border-color:#d9e5e5;box-shadow:none;background:#fbfdfd}.citizen-location-card-head-v6528{display:flex;gap:9px;align-items:center;margin-bottom:10px}.citizen-location-card-head-v6528>span{width:34px;height:34px;border-radius:10px;background:#eaf7f5;color:#008084;display:grid;place-items:center}.citizen-location-card-head-v6528 .ui-icon{width:18px;height:18px}.citizen-location-card-head-v6528 small{display:block;color:#84979b;font-size:9px}.citizen-location-card-head-v6528 b{display:block;margin:1px 0 0;color:#2d575d;font-size:12px}.page-report .citizen-location-card .location-box{padding:10px;border-radius:9px;background:#fff;border:1px solid #e0e9e9;color:#4d6d71;min-height:43px}.page-report .gps-status-mini{background:#eef8f7;color:#3e7173}.page-report .citizen-location-buttons{margin:0;gap:7px}.page-report .citizen-location-buttons .btn{min-height:43px;border-radius:10px}.page-report .btn-primary{background:#007c80;border-color:#007c80}.page-report .btn-primary:hover{background:#006b6f;border-color:#006b6f}.page-report .btn-outline{border-color:#bfd3d4;color:#22666b;background:#fff}.page-report .manual-coordinate-drawer{border:1px solid #dce7e7;border-radius:10px;padding:9px;background:#fbfdfd;margin:0}.page-report .manual-coordinates input{border-color:#cfdddd;border-radius:8px}
.citizen-field-v6528{margin-top:14px}.citizen-field-v6528>label{display:block;color:#315b61;font-size:11px!important;font-weight:900!important}.citizen-field-v6528 label small{display:block;color:#84969a;font-weight:500;font-size:9px;margin-top:2px}.citizen-field-v6528 input,.citizen-field-v6528 select,.citizen-field-v6528 textarea{border:1px solid #cfdddd!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;padding:10px 11px!important}.citizen-field-v6528 input:focus,.citizen-field-v6528 select:focus,.citizen-field-v6528 textarea:focus{border-color:#5db6b5!important;box-shadow:0 0 0 3px rgba(0,124,128,.08)!important;outline:none}.citizen-field-v6528 textarea{min-height:110px}
.citizen-section-label-v6528{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 9px}.citizen-section-label-v6528 b{color:#315b61;font-size:12px}.citizen-section-label-v6528 small{color:#8a9a9e;font-size:9px;text-align:right}.citizen-form-section-v6528{margin-top:18px;padding-top:17px;border-top:1px solid #e8efef}.citizen-input-grid-v6528{gap:10px!important}.citizen-input-grid-v6528 .citizen-field-v6528{margin-top:0}.grid-3.citizen-input-grid-v6528{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.page-report .incident-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page-report .incident-choice-body{min-height:100px;padding:12px 8px;border-color:#dce7e7;background:#f8fbfb;border-radius:12px;color:#3a656a}.page-report .incident-choice-body i{width:37px;height:37px;border-radius:11px;background:#e9f5f4;display:grid;place-items:center;color:#007c80;margin-bottom:7px}.page-report .incident-choice-body i .ui-icon{width:20px;height:20px}.page-report .incident-choice-body b{font-size:11px}.page-report .incident-choice-body small{margin-top:3px;color:#8b9ca0;font-size:8px}.page-report .incident-choice input:checked+.incident-choice-body{background:#fff3f4;border:2px solid #e05b65;color:#c93542;box-shadow:0 5px 14px rgba(192,52,65,.08)}.page-report .incident-choice input:checked+.incident-choice-body i{background:#ffe3e6;color:#d23b47}
.page-report .people-counter{gap:6px}.page-report .counter-btn{border-radius:9px;background:#e7f5f4;color:#007c80}.page-report .counter-btn.plus{background:#007c80;color:#fff}.page-report .compact-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.page-report .compact-check{display:flex;align-items:center;gap:5px;padding:9px 10px;border-color:#dce7e7;border-radius:9px;background:#fbfdfd;color:#506f73;font-size:10px}.page-report .compact-check input{accent-color:#007c80}.citizen-evacuate-check-v6528{margin-top:7px!important;display:inline-flex!important;background:#fff8ec!important;border-color:#f0d8ae!important;color:#7b5520!important}
.citizen-photo-guide-v6528{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px}.citizen-photo-guide-v6528>div{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #dde8e8;border-radius:11px;background:#f9fcfc}.citizen-photo-guide-v6528>div>.ui-icon{width:21px;height:21px;color:#007e82}.citizen-photo-guide-v6528 b{display:block;color:#45676c;font-size:10px}.citizen-photo-guide-v6528 small{display:block;color:#88999c;font-size:8px;margin-top:1px}.page-report .photo-upload-zone{min-height:210px;border-color:#83c4c2;background:#f8fcfb;color:#18777a;border-radius:14px}.page-report .photo-upload-zone:hover{background:#eef9f7}.page-report .photo-upload-zone .upload-plus{width:58px;height:58px;border-radius:17px;background:#e6f5f3;display:grid;place-items:center;color:#007d80}.page-report .photo-upload-zone strong{font-size:14px}.page-report .photo-upload-zone small{font-size:9px;color:#85999d}.page-report .citizen-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.citizen-privacy-inline-v6528{display:flex;gap:9px;align-items:flex-start;margin-top:11px;padding:11px;border-radius:11px;background:#f1f8ff;border:1px solid #d8e7f5;color:#4d677c}.citizen-privacy-inline-v6528>.ui-icon{width:20px;height:20px;color:#2c75ad;flex:0 0 20px}.citizen-privacy-inline-v6528 b{display:block;font-size:10px}.citizen-privacy-inline-v6528 span{display:block;margin-top:2px;font-size:9px;line-height:1.5}
.citizen-review-card-v6528{border:1px solid #dce7e7;border-radius:13px;overflow:hidden}.citizen-review-title-v6528{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;background:#f6faf9;border-bottom:1px solid #e2ebeb}.citizen-review-title-v6528 b{color:#3a6267;font-size:11px}.citizen-review-title-v6528 span{color:#8b9b9e;font-size:9px}.page-report .review-list{padding:0}.page-report .review-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;padding:11px 13px;margin:0;border:0;border-bottom:1px solid #eef2f2;background:#fff;border-radius:0}.page-report .review-row:last-child{border-bottom:0}.page-report .review-row>b{color:#789093;font-size:9px}.page-report .review-row strong{font-size:10px;color:#3f6065;text-align:right}.page-report .review-row .critical{color:#c63945}.page-report .review-coordinate{margin:11px 0 8px;border-radius:10px;border:1px solid #d9e6e6;background:#f8fbfb;color:#426d72}.page-report .review-map{height:245px;border-radius:12px;border:1px solid #d4e3e3}.page-report .privacy-notice{border-radius:11px;margin-top:11px;font-size:9px;line-height:1.55}.page-report .review-terms{margin-top:11px;border:1px solid #dbe6e6;border-radius:11px;padding:11px;background:#fbfdfd;font-size:10px;line-height:1.55}.page-report .review-terms input{accent-color:#007c80}.citizen-final-action-v6528{margin-top:13px;padding:13px;border-radius:12px;background:#fff6f7;border:1px solid #f0dadd}.citizen-final-action-v6528 .review-submit{margin:0;min-height:51px;border-radius:10px}.citizen-final-action-v6528 small{display:block;text-align:center;margin-top:6px;color:#8b666b;font-size:9px}
.page-report .wizard-actions{margin-top:18px;border-top:1px solid #e8efef;padding-top:14px;position:static;background:transparent;box-shadow:none}.page-report .wizard-actions .btn{min-width:150px;border-radius:10px;min-height:44px}.citizen-home-back-v6528{text-decoration:none}

.citizen-assist-v6528{display:grid;gap:10px;position:sticky;top:94px}.citizen-assist-card-v6528{background:#fff;border:1px solid #d7e5e6;border-radius:14px;padding:15px;box-shadow:0 7px 22px rgba(16,69,73,.05)}.citizen-assist-brand-v6528{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f8fcfb,#edf7f5)}.citizen-assist-brand-v6528 img{width:49px;height:49px;object-fit:contain}.citizen-assist-brand-v6528 small{display:block;color:#85979b;font-size:9px}.citizen-assist-brand-v6528 b{display:block;color:#24545a;font-size:13px}.citizen-assist-brand-v6528 span{display:block;color:#6f888c;font-size:9px;margin-top:2px}.citizen-assist-card-v6528 h3{display:flex;align-items:center;gap:6px;margin:0 0 11px;color:#315d63;font-size:12px}.citizen-assist-card-v6528 h3 .ui-icon{width:16px;height:16px;color:#008085}.citizen-assist-list-v6528{list-style:none;margin:0;padding:0;display:grid;gap:9px}.citizen-assist-list-v6528 li{display:flex;gap:8px;align-items:flex-start}.citizen-assist-list-v6528 li i{width:22px;height:22px;border-radius:50%;background:#e9f5f3;color:#007d80;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900;flex:0 0 22px}.citizen-assist-list-v6528 li span{font-size:9px;line-height:1.5;color:#687f83}.citizen-assist-links-v6528{padding-bottom:9px}.citizen-assist-links-v6528>a{display:grid;grid-template-columns:26px minmax(0,1fr) 14px;gap:7px;align-items:center;padding:9px 0;border-top:1px solid #edf2f2;color:#3d6368;text-decoration:none}.citizen-assist-links-v6528>a>.ui-icon:first-child{width:18px;height:18px;color:#008085}.citizen-assist-links-v6528>a>.ui-icon:last-child{width:13px;height:13px;color:#9aabad}.citizen-assist-links-v6528 b{display:block;font-size:10px}.citizen-assist-links-v6528 small{display:block;font-size:8px;color:#87999c;margin-top:1px}.citizen-assist-emergency-v6528{display:flex;gap:9px;background:#fff7ed;border-color:#f2d3ae;color:#764a1c}.citizen-assist-emergency-v6528>.ui-icon{width:24px;height:24px;color:#d36e08;flex:0 0 24px}.citizen-assist-emergency-v6528 b{display:block;font-size:11px}.citizen-assist-emergency-v6528 span{display:block;font-size:9px;line-height:1.5;margin:3px 0 8px}.citizen-assist-emergency-v6528 a{display:inline-block;border-radius:8px;background:#cf4140;color:#fff;text-decoration:none;font-weight:900;font-size:10px;padding:7px 10px}

/* Footer for the public portal */
.page-index .citizen-footer,.page-report .citizen-footer{padding:14px 28px 0;color:#fff}.page-index .citizen-credit-row,.page-report .citizen-credit-row{background:rgba(0,34,36,.28);border-top-color:rgba(255,255,255,.16)}

/* Responsive */
@media(max-width:1200px){
  .citizen-topbar-inner{padding:0 18px}.citizen-brand{min-width:280px}.citizen-nav a{padding-left:9px;padding-right:9px;font-size:12px}
  .public-home-hero-grid-v6528{grid-template-columns:minmax(0,1fr) 400px;gap:32px;width:min(1120px,calc(100% - 36px))}.public-home-content-v6528{width:min(1120px,calc(100% - 36px))}.public-home-copy-v6528 h1{font-size:54px}.public-lead-v6528{font-size:16px}
  .citizen-report-layout-v6528{grid-template-columns:minmax(0,1fr) 270px}.citizen-report-page-v6528{width:calc(100% - 28px)}.citizen-location-workspace-v6528{grid-template-columns:1fr}.citizen-location-side-v6528{display:grid;grid-template-columns:1fr 1fr;gap:9px}.page-report .manual-coordinate-drawer{grid-column:1/-1}
}
@media(max-width:980px){
  .citizen-topbar-inner{height:auto;min-height:72px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.citizen-brand{flex:1}.citizen-nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.citizen-nav a{padding:10px 10px}.citizen-nav a.active:after{left:8px;right:8px}.citizen-staff-link span{display:none}
  .public-home-hero-grid-v6528{grid-template-columns:1fr;padding:42px 0}.public-home-copy-v6528{max-width:none}.public-home-command-v6528{max-width:720px}.public-process-grid-v6528{grid-template-columns:repeat(2,1fr)}.public-service-grid-v6528{grid-template-columns:1fr}.public-safety-band-v6528{align-items:flex-start}
  .citizen-report-layout-v6528{grid-template-columns:1fr}.citizen-assist-v6528{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.citizen-assist-brand-v6528,.citizen-assist-emergency-v6528{grid-column:auto}.citizen-report-emergency-v6528{min-width:0}.citizen-report-hero-v6528{align-items:flex-start}
}
@media(max-width:760px){
  .citizen-topbar-inner{padding:7px 10px;gap:7px}.citizen-brand img{width:42px;height:42px}.citizen-brand strong{font-size:17px}.citizen-brand small{font-size:9px}.citizen-nav a{font-size:10px;padding:8px 9px}.citizen-nav a .ui-icon{width:16px;height:16px}.citizen-staff-link{padding:8px 9px}
  .public-home-hero-grid-v6528,.public-home-content-v6528{width:calc(100% - 22px)}.public-home-hero-grid-v6528{padding:29px 0 30px}.public-live-badge-v6528{font-size:9px;padding:7px 9px}.public-kicker-v6528{margin-top:18px;font-size:12px}.public-home-copy-v6528 h1{font-size:37px}.public-lead-v6528{font-size:13px;line-height:1.65;margin-top:13px}.public-home-cta-v6528{display:grid;grid-template-columns:1fr;margin-top:20px}.public-primary-cta-v6528{min-width:0}.public-secondary-cta-v6528{justify-content:flex-start}.public-trust-row-v6528{gap:13px;margin-top:20px}.public-trust-row-v6528>div{flex:1 1 120px}.public-home-command-v6528{border-radius:17px}.public-command-head-v6528{padding:17px 14px 12px}.public-command-status-v6528{font-size:8px}.public-command-focus-v6528{margin:13px 12px 9px;padding:14px}.public-command-actions-v6528{padding:0 12px 13px}.public-medical-alert-v6528{margin:0 12px 13px}
  .public-home-content-v6528{padding:22px 0 28px}.public-section-v6528{padding:18px 14px;border-radius:16px}.public-section-head-v6528{display:block;margin-bottom:15px}.public-section-head-v6528 h2{font-size:21px}.public-section-head-v6528 p{text-align:left;margin-top:7px;font-size:11px}.public-process-grid-v6528{grid-template-columns:1fr;gap:8px}.public-process-grid-v6528 article{min-height:0;padding:16px}.public-process-grid-v6528 h3{margin-top:12px}.public-safety-band-v6528{display:block;padding:17px}.public-safety-copy-v6528 h2{font-size:16px}.public-safety-cta-v6528{margin-top:14px;justify-content:center}
  .citizen-report-page-v6528{width:calc(100% - 18px);padding:10px 0 20px}.citizen-report-hero-v6528{display:block;padding:13px;border-radius:14px;margin-bottom:9px}.citizen-report-breadcrumb-v6528{margin-bottom:9px}.citizen-report-title-icon-v6528{width:48px;height:48px;border-radius:14px}.citizen-report-title-icon-v6528 .ui-icon{width:25px;height:25px}.citizen-report-title-row-v6528 h1{font-size:23px}.citizen-report-title-row-v6528 div>span{font-size:9px;line-height:1.45;display:block}.citizen-report-emergency-v6528{margin-top:11px;padding:9px}.citizen-report-emergency-v6528 small{font-size:8px}.citizen-report-emergency-v6528 b{font-size:13px}
  .citizen-progress-card-v6528{border-radius:13px;margin-bottom:8px}.citizen-progress-head-v6528{padding:10px 11px 6px}.citizen-progress-secure-v6528{font-size:8px;padding:5px 7px}.page-report .citizen-stepper{padding:10px 5px 11px}.page-report .wizard-step-circle{width:31px;height:31px;font-size:10px}.page-report .wizard-step strong{font-size:10px}.page-report .wizard-step small{display:none}.page-report .wizard-step:not(:last-child):after{top:14px}
  .citizen-form-wrap-v6528 .wizard-panel{padding:14px 12px;border-radius:13px}.citizen-panel-head-v6528{gap:9px;margin-bottom:13px;padding-bottom:13px}.citizen-panel-head-v6528>span{width:35px;height:35px;flex-basis:35px;border-radius:10px;font-size:11px}.citizen-panel-head-v6528 h2{font-size:17px}.citizen-panel-head-v6528 h2 .ui-icon{width:18px;height:18px}.citizen-panel-head-v6528 p{font-size:9px}.page-report .citizen-location-map{height:330px}.citizen-location-side-v6528{display:block}.page-report .citizen-location-card{margin-top:9px}.page-report .citizen-location-buttons{margin-top:8px}.page-report .manual-coordinate-drawer{margin-top:8px}.citizen-section-label-v6528{display:block}.citizen-section-label-v6528 small{display:block;text-align:left;margin-top:2px}.grid-2.citizen-input-grid-v6528,.grid-3.citizen-input-grid-v6528{grid-template-columns:1fr}.page-report .incident-choice-grid{grid-template-columns:repeat(2,1fr)}.page-report .compact-checks{grid-template-columns:repeat(2,1fr)}.citizen-photo-guide-v6528{grid-template-columns:1fr}.page-report .citizen-photo-grid{grid-template-columns:repeat(2,1fr)}.page-report .review-row{grid-template-columns:100px minmax(0,1fr)}.page-report .review-map{height:190px}.page-report .wizard-actions{position:sticky;bottom:6px;z-index:30;margin-left:-3px;margin-right:-3px;padding:8px;background:rgba(255,255,255,.97);border:1px solid #e0e9e9;border-radius:11px;box-shadow:0 7px 20px rgba(16,69,73,.1)}.page-report .wizard-actions .btn{min-width:0;flex:1;font-size:10px;padding:8px}.citizen-home-back-v6528{max-width:130px}
  .citizen-assist-v6528{grid-template-columns:1fr}.citizen-assist-card-v6528{border-radius:12px}.page-report .citizen-footer,.page-index .citizen-footer{margin:0;padding:12px 12px 0;border-radius:0}
}
@media(max-width:430px){
  .citizen-nav a span{display:none}.citizen-nav a{font-size:16px}.citizen-brand small{max-width:195px}
  .public-home-copy-v6528 h1{font-size:33px}.public-command-head-v6528{align-items:flex-start}.public-command-status-v6528{white-space:nowrap}.public-trust-row-v6528{display:grid;grid-template-columns:1fr 1fr}.public-trust-row-v6528>div:last-child{grid-column:1/-1}
  .page-report .incident-choice-grid{grid-template-columns:1fr 1fr}.page-report .compact-checks{grid-template-columns:1fr}.page-report .review-row{grid-template-columns:1fr;gap:3px}.page-report .review-row strong{text-align:left}.citizen-progress-secure-v6528{display:none}.citizen-report-emergency-v6528 a{font-size:9px}.citizen-report-title-row-v6528{align-items:flex-start}
}


/* v6.5.29 — body-level water selector */
.citizen-water-field-v6529 label small{display:block;margin-top:2px;color:#7c919e;font-weight:500}.water-level-quick-v6529{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.water-level-quick-v6529 span{padding:7px 5px;border:1px solid #d8e6ea;border-radius:8px;text-align:center;background:#f8fbfc;color:#52707f;font-size:11px;font-weight:800;cursor:pointer;transition:.15s}.water-level-quick-v6529 span:hover,.water-level-quick-v6529 span.active{background:#e4f6f6;border-color:#0d9b9d;color:#087b7e}.water-level-quick-v6529 span:nth-child(3){background:#fff8e7}.water-level-quick-v6529 span:nth-child(4){background:#fff0f1;color:#bb3340}
@media(max-width:560px){.water-level-quick-v6529{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   v6.5.31 — Public Design Language for Staff Authentication
   login.php + forgot_password.php
   ========================================================= */
.citizen-staff-link.active{background:#fff;color:#005f63;border-color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.13)}
.citizen-staff-link.active .ui-icon{color:#007d80}
.page-login .citizen-footer,.page-forgot_password .citizen-footer{max-width:none;margin:0;border-radius:0;background:linear-gradient(110deg,#00484a,#00666a 54%,#005456);box-shadow:none}

.auth-portal-v6531{position:relative;min-height:calc(100vh - 78px);overflow:hidden;background:linear-gradient(112deg,#eef8f6 0%,#f9fcfc 54%,#dceeed 100%);padding:54px 28px 62px}
.auth-portal-bg-v6531{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 4%,rgba(0,126,130,.16),transparent 29%),radial-gradient(circle at 8% 86%,rgba(47,208,193,.11),transparent 24%),linear-gradient(120deg,transparent 0 66%,rgba(0,93,95,.038) 66% 67%,transparent 67% 100%)}
.auth-shell-v6531{position:relative;width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.72fr);gap:44px;align-items:center}
.auth-story-v6531{padding:30px 12px 30px 4px;max-width:790px}
.auth-live-v6531{margin-bottom:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
.auth-agency-v6531{display:flex;align-items:center;gap:13px;margin-bottom:30px}.auth-agency-v6531 img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;box-shadow:0 7px 20px rgba(10,74,79,.14)}.auth-agency-v6531 small{display:block;color:#6b8588;font-size:11px;margin-bottom:2px}.auth-agency-v6531 strong{display:block;color:#174c53;font-size:18px}
.auth-kicker-v6531{margin:0 0 10px;color:#008084;font-weight:950;font-size:12px;letter-spacing:.09em}
.auth-story-v6531 h1{margin:0;color:#143d4c;font-size:clamp(39px,4.2vw,64px);line-height:1.08;letter-spacing:-.035em}.auth-story-v6531 h1 span{color:#007c80}
.auth-lead-v6531{max-width:720px;margin:20px 0 0;color:#57737c;font-size:16px;line-height:1.82}
.auth-capability-grid-v6531{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.auth-capability-grid-v6531 article{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #cfe2e2;border-radius:14px;background:rgba(255,255,255,.74);box-shadow:0 7px 20px rgba(15,73,78,.055)}.auth-capability-grid-v6531 article>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:#e8f6f4;color:#007f82}.auth-capability-grid-v6531 .ui-icon{width:21px;height:21px}.auth-capability-grid-v6531 b{display:block;color:#28545b;font-size:12px}.auth-capability-grid-v6531 small{display:block;margin-top:2px;color:#7a9095;font-size:10px;line-height:1.45}
.auth-emergency-note-v6531{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid #bddfd8;border-radius:13px;background:rgba(237,249,246,.88);color:#285d58}.auth-emergency-note-v6531>.ui-icon{width:20px;height:20px;flex:0 0 auto;color:#0b946f;margin-top:1px}.auth-emergency-note-v6531 b{display:block;font-size:11px}.auth-emergency-note-v6531 span{display:block;margin-top:2px;color:#64817d;font-size:10px;line-height:1.55}

.auth-card-v6531{position:relative;overflow:hidden;background:rgba(255,255,255,.97);border:1px solid #cfe1e2;border-radius:22px;box-shadow:0 25px 65px rgba(16,72,77,.17);padding:34px 34px 28px}.auth-card-topline-v6531{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#005f63,#20bbb2)}
.auth-card-brand-v6531{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #e2ecec}.auth-card-icon-v6531{width:55px;height:55px;flex:0 0 55px;border-radius:16px;display:grid;place-items:center;background:#e8f6f4;color:#007f82;box-shadow:inset 0 0 0 1px #cce6e3}.auth-card-icon-v6531 .ui-icon{width:27px;height:27px}.auth-card-brand-v6531 small{display:block;color:#008184;font-size:10px;font-weight:950;letter-spacing:.08em}.auth-card-brand-v6531 h2{margin:3px 0 2px;color:#164850;font-size:26px}.auth-card-brand-v6531 p{margin:0;color:#748a90;font-size:12px}
.auth-alert-v6531{display:flex;align-items:flex-start;gap:9px;margin:18px 0 0;border-radius:12px}.auth-alert-v6531>.ui-icon{width:18px;height:18px;flex:0 0 auto;margin-top:1px}
.auth-form-v6531{display:grid;gap:18px;margin-top:23px}.auth-field-v6531>label,.auth-label-row-v6531>label{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#27565e;font-size:12px;font-weight:900}.auth-field-v6531 label .ui-icon,.auth-label-row-v6531 label .ui-icon{width:15px;height:15px;color:#008184}.auth-label-row-v6531{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-label-row-v6531>a{display:inline-flex;align-items:center;gap:5px;color:#007c80;font-size:11px;font-weight:900;text-decoration:none}.auth-label-row-v6531>a:hover{text-decoration:underline}.auth-label-row-v6531>a .ui-icon{width:13px;height:13px}
.auth-input-v6531{display:flex;align-items:stretch;min-height:54px;border:1px solid #c7dcde;border-radius:13px;background:#fff;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.auth-input-v6531:focus-within{border-color:#48aaa9;box-shadow:0 0 0 4px rgba(0,126,130,.09)}.auth-input-v6531>span{width:48px;flex:0 0 48px;display:grid;place-items:center;background:#f4fafa;border-right:1px solid #e0ebeb;color:#007f82}.auth-input-v6531>span .ui-icon{width:19px;height:19px}.auth-input-v6531 input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:14px 12px!important;font-size:14px!important;color:#173f47}.auth-input-v6531 input::placeholder{color:#9aabad}
.auth-password-toggle-v6531{display:flex;align-items:center;gap:5px;padding:0 13px;border:0;border-left:1px solid #e2ecec;background:#f5fafa;color:#217079;font-size:11px;font-weight:900;cursor:pointer}.auth-password-toggle-v6531:hover{background:#edf7f6}.auth-password-toggle-v6531 .ui-icon{width:17px;height:17px}.auth-password-toggle-v6531 .toggle-eye-off{display:none}.auth-password-toggle-v6531[aria-pressed="true"] .toggle-eye-on{display:none}.auth-password-toggle-v6531[aria-pressed="true"] .toggle-eye-off{display:inline-flex}
.auth-primary-btn-v6531{min-height:54px;border:0;border-radius:13px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#00858a,#006d71);color:#fff;font:inherit;font-size:15px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(0,109,113,.18);transition:.16s ease}.auth-primary-btn-v6531:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(0,109,113,.24)}.auth-primary-btn-v6531>.ui-icon{width:19px;height:19px}.auth-primary-btn-v6531>.ui-icon:last-child{margin-left:auto}
.auth-field-hint-v6531{display:flex;align-items:flex-start;gap:5px;margin-top:7px;color:#71868c;font-size:10px;line-height:1.5}.auth-field-hint-v6531 .ui-icon{width:13px;height:13px;flex:0 0 auto;margin-top:1px;color:#128889}
.auth-help-card-v6531{display:grid;grid-template-columns:40px minmax(0,1fr) 26px;gap:10px;align-items:center;margin-top:21px;padding:13px;border-radius:13px;border:1px solid #dde9e9;background:#f7fbfb}.auth-help-icon-v6531{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#edf7f6;color:#008084}.auth-help-icon-v6531 .ui-icon{width:19px;height:19px}.auth-help-card-v6531 small{display:block;color:#819497;font-size:9px}.auth-help-card-v6531 b{display:block;color:#315b62;font-size:11px;margin-top:1px}.auth-help-card-v6531 p{margin:2px 0 0;color:#839598;font-size:9px}.auth-help-card-v6531>a{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#007c80;background:#fff;border:1px solid #d5e6e6}.auth-help-card-v6531>a .ui-icon{width:14px;height:14px}
.auth-security-row-v6531{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:17px;border-top:1px solid #e3ecec;color:#768c90;font-size:9px}.auth-security-row-v6531>span,.auth-security-row-v6531>a{display:inline-flex;align-items:center;gap:5px}.auth-security-row-v6531>a{color:#317179;font-size:10px;font-weight:850;text-decoration:none}.auth-security-row-v6531 .ui-icon{width:13px;height:13px}.auth-security-row-v6531 a:hover{text-decoration:underline}

.auth-recovery-steps-v6531{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:center;margin-top:30px}.auth-recovery-steps-v6531>span{height:1px;background:#bfd9d8}.auth-recovery-steps-v6531 article{display:flex;align-items:center;gap:8px;color:#71878b}.auth-recovery-steps-v6531 article i{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:950;background:rgba(255,255,255,.75);border:1px solid #bfd7d7;color:#627d81}.auth-recovery-steps-v6531 article i .ui-icon{width:16px;height:16px}.auth-recovery-steps-v6531 article b{display:block;font-size:10px;color:#48686d}.auth-recovery-steps-v6531 article small{display:block;font-size:8px;margin-top:1px}.auth-recovery-steps-v6531 article.is-active i{background:#007f82;border-color:#007f82;color:#fff;box-shadow:0 0 0 5px rgba(0,127,130,.09)}.auth-recovery-steps-v6531 article.is-active b{color:#006f73}.auth-recovery-steps-v6531 article.is-complete i{background:#e8f8f2;border-color:#a9ddc9;color:#0c996c}.auth-recovery-steps-v6531 article.is-complete b{color:#248165}
.auth-otp-wrap-v6531{border:1px solid #c7dcde;border-radius:14px;background:#f9fcfc;overflow:hidden;transition:.16s}.auth-otp-wrap-v6531:focus-within{border-color:#48aaa9;box-shadow:0 0 0 4px rgba(0,126,130,.09);background:#fff}.auth-otp-input-v6531{width:100%;border:0!important;outline:0!important;box-shadow:none!important;text-align:center;font-size:31px!important;font-weight:950!important;letter-spacing:10px;color:#006f73!important;background:transparent!important;padding:16px 12px!important;font-variant-numeric:tabular-nums}.auth-otp-input-v6531::placeholder{color:#bfd0d1}
.auth-resend-v6531{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding:13px 14px;border:1px solid #dce8e8;border-radius:13px;background:#f8fbfb}.auth-resend-v6531 b{display:block;color:#365f65;font-size:10px}.auth-resend-v6531 small{display:block;color:#829699;font-size:9px;margin-top:2px}.auth-resend-v6531 button{display:inline-flex;align-items:center;gap:5px;border:1px solid #bfdcda;border-radius:9px;background:#fff;color:#087d7c;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.auth-resend-v6531 button:hover{background:#edf8f6}.auth-resend-v6531 button .ui-icon{width:14px;height:14px}

@media(max-width:1050px){
  .auth-shell-v6531{grid-template-columns:1fr;max-width:760px;gap:18px}.auth-story-v6531{max-width:none;padding:8px 4px 12px}.auth-story-v6531 h1{font-size:43px}.auth-card-v6531{padding:30px}.auth-capability-grid-v6531{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-capability-grid-v6531 article{display:block}.auth-capability-grid-v6531 article>span{margin-bottom:8px}
}
@media(max-width:760px){
  .auth-portal-v6531{padding:26px 14px 38px}.auth-agency-v6531{margin-bottom:20px}.auth-story-v6531 h1{font-size:35px}.auth-lead-v6531{font-size:14px}.auth-capability-grid-v6531{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card-v6531{padding:27px 20px 23px;border-radius:18px}.auth-recovery-steps-v6531{grid-template-columns:1fr;gap:7px}.auth-recovery-steps-v6531>span{display:none}.auth-recovery-steps-v6531 article{padding:7px 0}.auth-security-row-v6531{align-items:flex-start;flex-direction:column}.auth-card-brand-v6531 h2{font-size:23px}
}
@media(max-width:480px){
  .auth-portal-v6531{padding:20px 10px 30px}.auth-live-v6531{font-size:10px}.auth-agency-v6531 img{width:48px;height:48px}.auth-agency-v6531 strong{font-size:15px}.auth-story-v6531 h1{font-size:30px}.auth-capability-grid-v6531{grid-template-columns:1fr}.auth-card-v6531{padding:24px 16px 20px}.auth-card-brand-v6531{align-items:flex-start}.auth-card-icon-v6531{width:48px;height:48px;flex-basis:48px}.auth-card-brand-v6531 h2{font-size:21px}.auth-label-row-v6531{align-items:flex-end}.auth-password-toggle-v6531{padding:0 10px}.auth-otp-input-v6531{font-size:27px!important;letter-spacing:7px}
}

/* =========================================================
   v6.5.32 — Unified Public Utility Pages
   track.php / gps_help.php / geo_diagnostic.php
   Aligned with v6.5.28 index.php visual language
   ========================================================= */
.public-tool-page-v6532{min-height:calc(100vh - 78px);background:#edf5f5;color:var(--public-ink)}
.public-tool-hero-v6532{position:relative;overflow:hidden;background:linear-gradient(112deg,#eef8f6 0%,#f9fcfc 54%,#dceeed 100%);border-bottom:1px solid #d2e5e5}
.public-tool-hero-bg-v6532{position:absolute;inset:0;background:radial-gradient(circle at 90% 2%,rgba(0,126,130,.14),transparent 32%),radial-gradient(circle at 72% 86%,rgba(47,208,193,.09),transparent 24%),linear-gradient(120deg,transparent 0 62%,rgba(0,93,95,.035) 62% 63%,transparent 63% 100%);pointer-events:none}
.public-tool-hero-grid-v6532{width:min(1460px,calc(100% - 56px));margin:0 auto;padding:52px 0 48px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:54px;align-items:center;position:relative}
.public-tool-copy-v6532{max-width:820px}.public-tool-copy-v6532 h1{margin:0;color:#143d4c;font-size:clamp(40px,4vw,64px);line-height:1.08;letter-spacing:-.035em}.public-tool-copy-v6532 h1 span{color:#007c80}.public-tool-lead-v6532{max-width:740px;margin:18px 0 0;color:#55717d;font-size:17px;line-height:1.76}
.public-teal-cta-v6532{background:linear-gradient(135deg,#00898d,#006d71);box-shadow:0 12px 28px rgba(0,109,113,.2)}.public-teal-cta-v6532:hover{box-shadow:0 16px 32px rgba(0,109,113,.26)}.public-teal-cta-v6532 span small{color:#d8f4f3}
.public-tool-command-v6532{background:rgba(255,255,255,.96);border:1px solid #cde1e1;border-radius:22px;box-shadow:0 22px 60px rgba(14,72,77,.14);padding:24px;position:relative;overflow:hidden}.public-tool-command-v6532:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#005f63,#20bbb2)}
.public-tool-command-head-v6532{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid #e1ecec}.public-tool-command-icon-v6532{width:54px;height:54px;flex:0 0 54px;border-radius:16px;display:grid;place-items:center;background:#e8f6f4;color:#007f82;border:1px solid #cbe4e2}.public-tool-command-icon-v6532 .ui-icon{width:27px;height:27px}.public-tool-command-head-v6532 small{display:block;color:#008184;font-size:10px;font-weight:950;letter-spacing:.07em}.public-tool-command-head-v6532 strong{display:block;margin-top:2px;color:#234d54;font-size:20px}
.public-tool-checklist-v6532{display:grid;gap:9px;margin-top:17px}.public-tool-checklist-v6532>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center;padding:11px 12px;border:1px solid #dce9e9;border-radius:12px;background:#f8fbfb}.public-tool-checklist-v6532 i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7f5f3;color:#007f82;font-style:normal;font-size:11px;font-weight:950}.public-tool-checklist-v6532 b{display:block;color:#315b62;font-size:12px}.public-tool-checklist-v6532 small{display:block;margin-top:2px;color:#819497;font-size:10px;line-height:1.45}
.public-tool-mini-link-v6532{margin-top:14px;min-height:44px;padding:10px 12px;border-radius:11px;background:#edf8f6;border:1px solid #cce5e1;color:#087d7c;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:11px;font-weight:900}.public-tool-mini-link-v6532>.ui-icon{width:17px;height:17px}.public-tool-mini-link-v6532>.ui-icon:last-child{margin-left:auto;width:15px;height:15px}.public-tool-mini-link-v6532:hover{background:#e4f4f1;color:#006d71}
.public-tool-privacy-note-v6532{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px 13px;border:1px solid #d6e8e5;border-radius:12px;background:#f1f9f7;color:#2e6c65}.public-tool-privacy-note-v6532>.ui-icon{width:19px;height:19px;flex:0 0 auto;margin-top:1px}.public-tool-privacy-note-v6532 b{display:block;font-size:11px}.public-tool-privacy-note-v6532 small{display:block;margin-top:2px;color:#738c88;font-size:9px;line-height:1.5}
.public-tool-content-v6532{width:min(1460px,calc(100% - 56px));margin:0 auto;padding:34px 0 50px}.public-tool-section-head-v6532{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}.public-tool-section-head-v6532>div>span{display:block;color:#008184;font-size:11px;font-weight:950;letter-spacing:.06em}.public-tool-section-head-v6532 h2{margin:4px 0 0;color:#173f47;font-size:27px}.public-tool-section-head-v6532>p{max-width:490px;margin:0;color:#71868b;font-size:12px;line-height:1.6;text-align:right}
.public-tool-card-v6532{background:#fff;border:1px solid #d4e5e5;border-radius:20px;box-shadow:0 12px 34px rgba(14,69,74,.08);padding:22px;min-width:0}.public-tool-card-head-v6532{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid #e3ecec}.public-tool-card-head-v6532.compact{padding-bottom:14px}.public-tool-card-icon-v6532{width:50px;height:50px;flex:0 0 50px;border-radius:14px;display:grid;place-items:center;background:#e8f6f4;color:#007f82;border:1px solid #d0e7e4}.public-tool-card-icon-v6532.soft{background:#f4f9f8}.public-tool-card-icon-v6532 .ui-icon{width:24px;height:24px}.public-tool-card-head-v6532 small{display:block;color:#008184;font-size:9px;font-weight:950;letter-spacing:.08em}.public-tool-card-head-v6532 h2{margin:2px 0 1px;color:#234d54;font-size:21px}.public-tool-card-head-v6532 p{margin:0;color:#7a8f93;font-size:11px;line-height:1.5}
.public-tool-tip-card-v6532{display:flex;align-items:flex-start;gap:12px;padding:16px}.public-tool-tip-icon-v6532{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center}.public-tool-tip-icon-v6532 .ui-icon{width:21px;height:21px}.public-tool-tip-icon-v6532.green{background:#eaf8f2;color:#0a9768}.public-tool-tip-icon-v6532.amber{background:#fff6e8;color:#d78513}.public-tool-tip-icon-v6532.blue{background:#edf7fb;color:#1785a3}.public-tool-tip-card-v6532 small,.geo-privacy-v6532 small,.geo-next-v6532>small{display:block;color:#008184;font-size:9px;font-weight:950;letter-spacing:.07em}.public-tool-tip-card-v6532 h3,.geo-privacy-v6532 h3,.geo-next-v6532 h3{margin:2px 0 4px;color:#315b62;font-size:15px}.public-tool-tip-card-v6532 p,.geo-privacy-v6532 p,.geo-next-v6532 p{margin:0;color:#789094;font-size:11px;line-height:1.62}
.public-tool-side-action-v6532{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:13px;border-radius:14px;background:linear-gradient(135deg,#00858a,#006d71);color:#fff;text-decoration:none;box-shadow:0 10px 22px rgba(0,109,113,.14)}.public-tool-side-action-v6532.red{background:linear-gradient(135deg,#e34350,#c92d3a);box-shadow:0 10px 22px rgba(183,39,52,.14)}.public-tool-side-action-v6532>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.14)}.public-tool-side-action-v6532>span .ui-icon{width:21px;height:21px}.public-tool-side-action-v6532>b{color:#fff}.public-tool-side-action-v6532 div b{display:block;color:#fff;font-size:12px}.public-tool-side-action-v6532 div small{display:block;color:rgba(255,255,255,.8);font-size:9px;margin-top:2px;line-height:1.4}.public-tool-side-action-v6532>.ui-icon{width:16px;height:16px}.public-tool-side-action-v6532:hover{color:#fff;transform:translateY(-1px)}

/* GPS help */
.gps-help-layout-v6532{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:18px;align-items:start}.gps-guide-card-v6532{padding:24px}.gps-guide-figure-v6532{margin:18px 0 0;border:1px solid #d9e7e7;border-radius:15px;background:#f8fbfb;overflow:hidden}.gps-guide-figure-v6532 a{display:block}.gps-guide-figure-v6532 img{display:block;width:100%;height:auto}.gps-guide-figure-v6532 figcaption{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-top:1px solid #e2ecec;color:#71878b;font-size:10px}.gps-guide-figure-v6532 figcaption .ui-icon{width:14px;height:14px}.gps-help-side-v6532{display:grid;gap:12px}

/* GPS diagnostic */
.geo-workspace-v6532{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(315px,.55fr);gap:18px;align-items:start}.geo-status-card-v6532{padding:24px}.geo-status-card-v6532 .public-tool-card-head-v6532{position:relative}.geo-secure-badge-v6532{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:#edf8f4;border:1px solid #d0e8dc;color:#318064;font-size:9px;font-weight:900;white-space:nowrap}.geo-secure-badge-v6532 .ui-icon{width:13px;height:13px}.geo-status-card-v6532 #geoEnvironment{margin:17px 0 12px!important;border-radius:12px!important}.geo-result-v6532{border:1px dashed #cbdede!important;background:#f9fcfc!important;border-radius:15px!important;min-height:190px}.geo-result-v6532.location-ok{background:#effaf5!important;border-style:solid!important;border-color:#c7e8d6!important}.geo-result-v6532.location-bad{background:#fff7ef!important;border-style:solid!important;border-color:#f2d4b1!important}.geo-result-v6532 .gps-test-empty-icon .ui-icon{width:42px;height:42px;color:#74a3a3}.geo-primary-actions-v6532{margin:16px 0}.geo-test-btn-v6532{min-width:285px;background:linear-gradient(135deg,#00858a,#006d71)!important;border-color:#00777a!important;box-shadow:0 10px 24px rgba(0,109,113,.17)!important}.geo-help-note-v6532{background:#f1f9f8!important;border-color:#d4e8e5!important;color:#557875!important}.geo-help-note-v6532>span .ui-icon{width:20px;height:20px;color:#0c8a7a}.geo-secondary-actions-v6532{padding-top:2px}.geo-map-panel-v6532{padding:16px!important;border:1px solid #d5e6e5!important;border-radius:15px!important;background:#f9fcfc!important}.geo-map-panel-v6532 .gps-test-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.geo-map-panel-v6532 .gps-test-map-head>b,.geo-map-panel-v6532 .gps-test-map-head b{color:#24565b}.geo-map-panel-v6532 .gps-test-map-head>span{display:inline-flex;align-items:center;gap:5px;color:#5f8885;font-size:9px;font-weight:900;padding:6px 8px;border:1px solid #d9e8e6;border-radius:999px;background:#fff}.geo-map-panel-v6532 .gps-test-map-head>span .ui-icon{width:12px;height:12px}.geo-map-panel-v6532 #reportLocationMap{border-radius:13px;border:1px solid #cedfdf;overflow:hidden}.geo-coordinate-grid input{border-color:#c9dddd!important}.geo-side-v6532{display:grid;gap:12px}.geo-browser-card-v6532{padding:18px}.geo-diagnostic-grid-v6532{display:grid;gap:7px;margin-top:14px}.geo-diagnostic-grid-v6532>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e0ebeb;border-radius:10px;background:#f9fbfb}.geo-diagnostic-grid-v6532 span{color:#6f878b;font-size:10px}.geo-diagnostic-grid-v6532 strong{color:#315c61;font-size:10px;text-align:right}.geo-privacy-v6532{display:flex;gap:12px;align-items:flex-start;padding:16px}.geo-next-v6532{padding:18px}.geo-next-v6532 .public-tool-side-action-v6532{margin-top:13px}
.gps-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;max-width:620px;margin-top:14px}.gps-data-grid>div{padding:11px 12px;border-radius:11px;background:#fff;border:1px solid #d9e7e7;text-align:left}.gps-data-grid span,.gps-data-grid strong{display:block}.gps-data-grid span{color:#789094;font-size:9px}.gps-data-grid strong{margin-top:2px;color:#2c5b60;font-size:13px}.gps-data-grid .gps-data-wide{grid-column:1/-1}.gps-test-success{display:flex;align-items:center;gap:11px;width:100%;max-width:620px;text-align:left}.gps-test-success-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#10a36d;color:#fff;font-weight:950;font-size:20px}.gps-test-success b{display:block;color:#25634f}.gps-test-success small{display:block;color:#75918a;font-size:10px;margin-top:2px}

/* Track */
.track-shell-v6532{padding-top:28px}.track-lookup-v6532{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:stretch}.track-search-v6532{padding:24px}.track-search-form-v6532{margin-top:18px}.track-search-form-v6532>label{display:block;color:#315b62;font-size:11px;font-weight:900;margin-bottom:7px}.track-input-v6532{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:stretch;border:1px solid #c9dddd;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 0 0 0 rgba(0,126,130,0);transition:.16s}.track-input-v6532:focus-within{border-color:#55aaa9;box-shadow:0 0 0 4px rgba(0,126,130,.08)}.track-input-v6532>span{display:grid;place-items:center;background:#f2f9f8;border-right:1px solid #e0ebeb;color:#007f82}.track-input-v6532>span .ui-icon{width:19px;height:19px}.track-input-v6532 input{min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;padding:14px 12px!important;color:#234d54!important;font-size:15px!important;font-weight:750;letter-spacing:.01em}.track-input-v6532 input::placeholder{color:#9bacae;font-weight:500}.track-input-v6532 button{display:flex;align-items:center;gap:7px;border:0;padding:0 18px;background:linear-gradient(135deg,#00858a,#006d71);color:#fff;font:inherit;font-size:12px;font-weight:950;cursor:pointer}.track-input-v6532 button .ui-icon{width:17px;height:17px}.track-field-hint-v6532{display:flex;align-items:flex-start;gap:5px;margin-top:8px;color:#748b8f;font-size:9px;line-height:1.55}.track-field-hint-v6532 .ui-icon{width:13px;height:13px;flex:0 0 auto;color:#138989;margin-top:1px}.track-help-v6532{display:grid;gap:12px}.track-help-v6532 .public-tool-tip-card-v6532{height:100%}
.track-success-v6532{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:24px}.track-success-icon-v6532{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#eaf8f2;color:#0a9a69;border:1px solid #cce9dc}.track-success-icon-v6532 .ui-icon{width:32px;height:32px}.track-success-copy-v6532>span{display:block;color:#0a9668;font-size:10px;font-weight:950;letter-spacing:.07em}.track-success-copy-v6532 h2{margin:2px 0 3px;color:#29575d;font-size:22px}.track-success-copy-v6532 p{margin:0;color:#758d90;font-size:11px;line-height:1.55}.track-case-ticket-v6532{padding:13px 16px;border:1px solid #cfe3e1;border-radius:13px;background:#f4faf9;text-align:right}.track-case-ticket-v6532 small,.track-case-ticket-v6532 strong,.track-case-ticket-v6532 em{display:block}.track-case-ticket-v6532 small{color:#7a9094;font-size:9px}.track-case-ticket-v6532 strong{margin-top:2px;color:#006f73;font-size:20px}.track-case-ticket-v6532 em{margin-top:4px;color:#218166;font-size:9px;font-style:normal;font-weight:900}.track-success-actions-v6532{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #e5eeee}.track-success-actions-v6532 form{margin:0}
.track-result-v6532{margin-top:18px;padding:24px}.track-result-head-v6532{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid #e2ecec}.track-result-kicker-v6532{display:block;color:#008184;font-size:9px;font-weight:950;letter-spacing:.08em}.track-result-head-v6532 h2{margin:3px 0 7px;color:#234d54;font-size:27px}.track-updated-v6532{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:#f5faf9;border:1px solid #dbe9e8}.track-updated-v6532>.ui-icon{width:20px;height:20px;color:#168b84}.track-updated-v6532 small,.track-updated-v6532 b,.track-updated-v6532 em{display:block}.track-updated-v6532 small{color:#809396;font-size:8px}.track-updated-v6532 b{color:#315b62;font-size:11px}.track-updated-v6532 em{color:#8a9a9d;font-size:8px;font-style:normal;margin-top:1px}
.track-status-banner-v6532{display:flex;align-items:center;gap:13px;margin-top:18px;padding:16px;border:1px solid #cce5e1;border-radius:15px;background:linear-gradient(135deg,#eef9f7,#f8fcfb)}.track-status-banner-v6532.done{background:linear-gradient(135deg,#edf9f2,#f8fdf9);border-color:#cce8d9}.track-status-banner-v6532>span{width:50px;height:50px;flex:0 0 50px;border-radius:14px;display:grid;place-items:center;background:#007f82;color:#fff}.track-status-banner-v6532.done>span{background:#0b9b6a}.track-status-banner-v6532>span .ui-icon{width:25px;height:25px}.track-status-banner-v6532 small{display:block;color:#6e8988;font-size:8px;font-weight:900}.track-status-banner-v6532 h3{margin:2px 0 2px;color:#2c5a5f;font-size:20px}.track-status-banner-v6532 p{margin:0;color:#70898c;font-size:11px;line-height:1.55}
.track-progress-v6532{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:18px}.track-progress-step-v6532{position:relative;text-align:center;padding:12px 7px;border:1px solid #dde9e9;border-radius:12px;background:#f9fbfb}.track-progress-step-v6532.done{background:#eff8f6;border-color:#cae5df}.track-progress-step-v6532.active{background:#fff8ea;border-color:#efd69e;box-shadow:0 0 0 3px rgba(216,150,29,.07)}.track-progress-dot-v6532{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#e7eeee;color:#738989;font-weight:950;font-size:10px}.track-progress-dot-v6532 .ui-icon{width:15px;height:15px}.track-progress-step-v6532.done .track-progress-dot-v6532{background:#0b9b6a;color:#fff}.track-progress-step-v6532.active .track-progress-dot-v6532{background:#d9941c;color:#fff}.track-progress-step-v6532 b{display:block;color:#3b6267;font-size:10px;line-height:1.35}.track-progress-step-v6532 small{display:block;color:#87999c;font-size:8px;line-height:1.35;margin-top:3px}
.track-summary-grid-v6532{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}.track-summary-grid-v6532>div{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;padding:12px;border:1px solid #e0ebeb;border-radius:12px;background:#f9fbfb}.track-summary-grid-v6532>div>span{grid-row:1/3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf7f6;color:#008184}.track-summary-grid-v6532>div>span .ui-icon{width:17px;height:17px}.track-summary-grid-v6532 small{color:#849799;font-size:8px}.track-summary-grid-v6532 strong{color:#315b62;font-size:10px;line-height:1.35;margin-top:2px}
.track-detail-layout-v6532{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;margin-top:18px}.track-timeline-v6532,.track-map-v6532{padding:16px;border:1px solid #dce9e9;border-radius:15px;background:#fbfdfd;min-width:0}.track-section-head-v6532{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.track-section-head-v6532 small{display:block;color:#008184;font-size:8px;font-weight:950;letter-spacing:.07em}.track-section-head-v6532 h3{display:flex;align-items:center;gap:6px;margin:2px 0 2px;color:#315b62;font-size:14px}.track-section-head-v6532 h3 .ui-icon{width:17px;height:17px;color:#008184}.track-section-head-v6532 p{margin:0;color:#839699;font-size:9px;line-height:1.5}.track-section-head-v6532>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#f0f8f7;border:1px solid #d5e7e4;color:#55817c;font-size:8px;font-weight:900;white-space:nowrap}.track-section-head-v6532>span .ui-icon{width:12px;height:12px}.track-map-v6532 .track-approx-map{height:310px;border-color:#cfe0df;border-radius:12px}.track-map-v6532 .track-location-caption{color:#7b9093;font-size:8px}.track-timeline-v6532 .track-public-timeline-section{margin:0;padding:0;border:0}.track-timeline-v6532 .track-public-timeline-item b{color:#315b62}.track-timeline-v6532 .track-public-timeline-item.current .track-public-timeline-dot{background:#e6f5f3;color:#008184;box-shadow:0 0 0 4px rgba(0,127,130,.07)}
.track-safety-v6532{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:18px;padding:12px 14px;border:1px solid #f1d6b0;border-radius:13px;background:#fff8ef;color:#795529}.track-safety-v6532>.ui-icon{width:22px;height:22px;color:#d88213}.track-safety-v6532 b{display:block;font-size:10px}.track-safety-v6532 span{display:block;margin-top:2px;font-size:9px;color:#8b714f}.track-safety-v6532 a{display:grid;place-items:center;min-width:58px;height:38px;border-radius:10px;background:#d73a45;color:#fff;text-decoration:none;font-weight:950;font-size:13px}.track-not-found-v6532{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:18px}.track-not-found-v6532>span{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#fff0f1;color:#d43e49}.track-not-found-v6532>span .ui-icon{width:27px;height:27px}.track-not-found-v6532 small{display:block;color:#c0434e;font-size:9px;font-weight:950}.track-not-found-v6532 h2{margin:2px 0 2px;color:#315b62;font-size:18px}.track-not-found-v6532 p{margin:0;color:#7b9094;font-size:10px}

/* Ensure public buttons on these pages use the teal citizen theme. */
.page-track .btn-primary,.page-gps_help .btn-primary,.page-geo_diagnostic .btn-primary{background:linear-gradient(135deg,#00858a,#006d71);border-color:#00777a}.page-track .btn-outline,.page-gps_help .btn-outline,.page-geo_diagnostic .btn-outline{color:#007a7d;border-color:#9bc9c7;background:#fff}.page-track .btn-light,.page-gps_help .btn-light,.page-geo_diagnostic .btn-light{color:#436c70;border-color:#d4e3e2;background:#f8fbfb}

@media(max-width:1100px){
  .public-tool-hero-grid-v6532{grid-template-columns:1fr;gap:22px}.public-tool-copy-v6532{max-width:none}.public-tool-command-v6532{max-width:760px}.gps-help-layout-v6532,.geo-workspace-v6532,.track-lookup-v6532{grid-template-columns:1fr}.gps-help-side-v6532{grid-template-columns:repeat(3,minmax(0,1fr))}.gps-help-side-v6532 .public-tool-side-action-v6532{grid-column:1/-1}.geo-side-v6532{grid-template-columns:1fr 1fr}.geo-browser-card-v6532{grid-column:1/-1}.track-help-v6532{grid-template-columns:1fr 1fr}.track-progress-v6532{grid-template-columns:repeat(4,minmax(0,1fr))}.track-summary-grid-v6532{grid-template-columns:repeat(2,minmax(0,1fr))}.track-detail-layout-v6532{grid-template-columns:1fr}
}
@media(max-width:760px){
  .public-tool-hero-grid-v6532,.public-tool-content-v6532{width:calc(100% - 28px)}.public-tool-hero-grid-v6532{padding:30px 0 28px}.public-tool-copy-v6532 h1{font-size:36px}.public-tool-lead-v6532{font-size:14px}.public-tool-command-v6532{padding:19px;border-radius:18px}.public-tool-content-v6532{padding:24px 0 34px}.public-tool-section-head-v6532{display:block}.public-tool-section-head-v6532 h2{font-size:23px}.public-tool-section-head-v6532>p{text-align:left;margin-top:7px}.public-tool-card-v6532{padding:18px;border-radius:17px}.gps-help-side-v6532,.geo-side-v6532,.track-help-v6532{grid-template-columns:1fr}.geo-browser-card-v6532{grid-column:auto}.geo-secure-badge-v6532{display:none}.geo-test-btn-v6532{width:100%;min-width:0}.geo-secondary-actions-v6532 .btn{width:100%;min-width:0}.gps-data-grid{grid-template-columns:1fr}.gps-data-grid .gps-data-wide{grid-column:auto}.track-input-v6532{grid-template-columns:42px minmax(0,1fr)}.track-input-v6532 button{grid-column:1/-1;min-height:46px;justify-content:center}.track-success-v6532{grid-template-columns:54px minmax(0,1fr)}.track-success-icon-v6532{width:54px;height:54px}.track-case-ticket-v6532{grid-column:1/-1;text-align:left}.track-success-actions-v6532{justify-content:stretch}.track-success-actions-v6532 form,.track-success-actions-v6532 .btn{width:100%}.track-result-head-v6532{display:block}.track-updated-v6532{margin-top:12px}.track-progress-v6532{grid-template-columns:repeat(2,minmax(0,1fr))}.track-summary-grid-v6532{grid-template-columns:1fr}.track-section-head-v6532{display:block}.track-section-head-v6532>span{margin-top:8px}.track-safety-v6532{grid-template-columns:32px minmax(0,1fr)}.track-safety-v6532 a{grid-column:1/-1}.track-not-found-v6532{grid-template-columns:48px minmax(0,1fr)}.track-not-found-v6532>a{grid-column:1/-1}.track-map-v6532 .track-approx-map{height:280px}
}
@media(max-width:480px){
  .public-tool-hero-grid-v6532,.public-tool-content-v6532{width:calc(100% - 20px)}.public-tool-copy-v6532 h1{font-size:31px}.public-tool-command-head-v6532 strong{font-size:17px}.public-tool-card-head-v6532{align-items:flex-start}.public-tool-card-head-v6532 h2{font-size:18px}.gps-guide-card-v6532{padding:14px}.track-result-v6532{padding:16px}.track-progress-v6532{grid-template-columns:1fr 1fr}.track-status-banner-v6532{align-items:flex-start}.track-status-banner-v6532 h3{font-size:17px}
}

/* =========================================================
   v6.5.33 — Unified footer theme for public utility pages
   track.php + gps_help.php + geo_diagnostic.php
   Match index.php / report.php Deep Teal citizen portal footer
   ========================================================= */
.page-track .citizen-footer,
.page-gps_help .citizen-footer,
.page-geo_diagnostic .citizen-footer{
  max-width:none;
  margin:0;
  padding:14px 28px 0;
  border-radius:0;
  background:linear-gradient(110deg,#00484a,#00666a 54%,#005456);
  color:#fff;
  box-shadow:none;
}
.page-track .citizen-credit-row,
.page-gps_help .citizen-credit-row,
.page-geo_diagnostic .citizen-credit-row{
  background:rgba(0,34,36,.28);
  border-top-color:rgba(255,255,255,.16);
}
.page-track .citizen-footer a,
.page-gps_help .citizen-footer a,
.page-geo_diagnostic .citizen-footer a{
  color:#fff;
}
@media(max-width:760px){
  .page-track .citizen-footer,
  .page-gps_help .citizen-footer,
  .page-geo_diagnostic .citizen-footer{
    margin:0;
    padding:12px 12px 0;
    border-radius:0;
  }
}

/* ---------- v6.5.35 unified public navigation color ----------
   Keep "แจ้งขอความช่วยเหลือ" in the same navigation color system as
   หน้าหลัก / ติดตามสถานะ / คู่มือ GPS / ทดสอบ GPS.
   The report page still receives the standard active underline through .active. */
.citizen-nav .citizen-emergency-link{
  color:#d8eff0;
  background:transparent;
}
.citizen-nav .citizen-emergency-link:hover,
.citizen-nav .citizen-emergency-link.active{
  color:#fff;
  background:rgba(255,255,255,.06);
}