:root{
  color-scheme:dark;
  --bg:#05070b;
  --bg-2:#07111d;
  --ink:#f8fbff;
  --muted:rgba(248,251,255,.68);
  --muted-2:rgba(248,251,255,.48);
  --line:rgba(255,255,255,.14);
  --line-2:rgba(255,255,255,.08);
  --glass:rgba(12,18,28,.70);
  --glass-2:rgba(255,255,255,.075);
  --glass-3:rgba(255,255,255,.045);
  --blue:#0a84ff;
  --blue-2:#68c7ff;
  --green:#34d399;
  --yellow:#ffd166;
  --red:#ff5f57;
  --purple:#a78bfa;
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --shadow:0 28px 90px rgba(0,0,0,.44);
  --shadow-soft:0 14px 44px rgba(0,0,0,.28);
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink)}
body{background:var(--bg);letter-spacing:-.012em}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
::selection{background:rgba(10,132,255,.35)}
.apple-bg{
  background:
    radial-gradient(circle at 12% -4%,rgba(10,132,255,.34),transparent 31%),
    radial-gradient(circle at 88% 6%,rgba(52,211,153,.20),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(167,139,250,.16),transparent 38%),
    linear-gradient(180deg,#05070b,#07111d 48%,#05070b);
}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.5) .45px,transparent .45px);background-size:20px 20px;mask-image:linear-gradient(to bottom,black,transparent 82%);z-index:0}
.glass,.glass-soft,.glass-panel{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055));
  box-shadow:var(--shadow);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
}
.glass-soft{background:rgba(255,255,255,.07);border-color:var(--line-2);box-shadow:var(--shadow-soft)}
.glass-panel{background:rgba(8,14,24,.76)}
.logo-wrap{display:flex;align-items:center;gap:13px;min-width:0}
.logo-badge{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#68c7ff,#0a84ff 48%,#34d399);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 14px 35px rgba(10,132,255,.32)}
.logo-wrap strong{display:block;line-height:1.05;font-weight:900}.logo-wrap p{margin:4px 0 0;color:var(--muted);font-size:.86rem;line-height:1.35}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900;color:var(--blue-2)}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 7px color-mix(in srgb,currentColor 16%, transparent)}
.eyebrow.subtle{color:var(--muted)}
.btn,.icon-btn,.chip-btn,.nav-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;border:1px solid rgba(255,255,255,.13);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;color:var(--ink);font-weight:850}
.btn{padding:13px 18px}.btn-primary{background:linear-gradient(180deg,#43a7ff,#0a84ff);border-color:rgba(255,255,255,.18);box-shadow:0 14px 36px rgba(10,132,255,.32)}.btn-secondary{background:rgba(255,255,255,.075)}.btn-ghost{background:transparent}
.icon-btn,.chip-btn,.nav-btn{background:rgba(255,255,255,.075);padding:10px 14px}.icon-btn.solid,.chip-btn.active,.nav-btn.active{background:rgba(10,132,255,.92);border-color:rgba(255,255,255,.22);box-shadow:0 12px 28px rgba(10,132,255,.24)}
.btn:hover,.icon-btn:hover,.chip-btn:hover,.nav-btn:hover{transform:translateY(-1px);background-color:rgba(255,255,255,.12)}
.btn:active,.icon-btn:active,.chip-btn:active,.nav-btn:active{transform:translateY(0) scale(.99)}
.hidden{display:none!important}.muted{color:var(--muted)}
.kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:.8rem;font-weight:900;color:#fff}
.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(9,14,23,.96);color:#fff;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.11)}.leaflet-popup-content{line-height:1.45}.leaflet-control-attribution{font-size:10px!important}.leaflet-control-zoom a{background:rgba(10,16,26,.92)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important}
input,textarea,select{color:var(--ink)}select option{background:#111827;color:#fff}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}


/* v4 emergency proper-web visibility patch */
.app-watermark{position:fixed;right:18px;bottom:18px;z-index:9999;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.16);font-size:12px;font-weight:800;color:#111827;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.menu-admin-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#0a84ff,#5e5ce6);color:white;font-weight:900;box-shadow:0 20px 50px rgba(10,132,255,.32)}
.route-proof{position:relative;z-index:2;margin:24px auto 0;max-width:1180px;padding:16px;border-radius:28px;background:rgba(255,255,255,.70);backdrop-filter:blur(22px);box-shadow:0 22px 60px rgba(15,23,42,.11);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route-proof a{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:20px;text-decoration:none;background:rgba(255,255,255,.78);color:#111827;font-weight:900}.route-proof a span{font-size:12px;color:#64748b;font-weight:700}.route-proof a strong{font-size:15px}.route-proof a:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.14)}
@media(max-width:860px){.route-proof{grid-template-columns:1fr}.app-watermark{display:none}}

/* v6 INSPEKTA identity */
.logo-badge{font-size:.92rem}.logo-wrap strong{letter-spacing:-.04em}.app-watermark{background:rgba(7,12,20,.72);color:#eaf5ff;border:1px solid rgba(255,255,255,.12)}

/* v14 — Clean Government Field UI theme: simpler, calmer, non-neon */
:root{
  --bg:#0d1412;
  --bg-2:#121c19;
  --ink:#f6f3ea;
  --muted:rgba(246,243,234,.70);
  --muted-2:rgba(246,243,234,.50);
  --line:rgba(230,224,211,.16);
  --line-2:rgba(230,224,211,.10);
  --glass:rgba(18,28,25,.84);
  --glass-2:rgba(246,243,234,.075);
  --glass-3:rgba(246,243,234,.045);
  --blue:#3b6f8c;
  --blue-2:#8fb8c6;
  --green:#4f8f6b;
  --yellow:#c8a14a;
  --red:#c86b5b;
  --purple:#7f735c;
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
  --shadow:0 18px 48px rgba(0,0,0,.26);
  --shadow-soft:0 10px 28px rgba(0,0,0,.18);
}
body{letter-spacing:-.005em;font-weight:520}
.apple-bg{
  background:
    radial-gradient(circle at 12% -8%,rgba(79,143,107,.16),transparent 32%),
    radial-gradient(circle at 94% 2%,rgba(59,111,140,.12),transparent 28%),
    linear-gradient(180deg,#0d1412 0%,#121c19 52%,#0e1513 100%);
}
.noise{opacity:.035;background-size:28px 28px}
.glass,.glass-soft,.glass-panel{
  border:1px solid var(--line);
  background:rgba(18,28,25,.84);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(14px) saturate(110%);
  -webkit-backdrop-filter:blur(14px) saturate(110%);
}
.logo-badge{
  background:#2d6b5b;
  border:1px solid rgba(246,243,234,.22);
  box-shadow:none;
  border-radius:14px;
}
.logo-wrap strong{font-weight:850;letter-spacing:-.025em}.logo-wrap p{color:var(--muted);font-weight:560}
.eyebrow{color:#b9c7b6;letter-spacing:.12em;font-weight:780}.eyebrow:before{box-shadow:none;width:7px;height:7px}
.btn,.icon-btn,.chip-btn,.nav-btn{font-weight:760;border-color:var(--line);box-shadow:none}
.btn-primary,.icon-btn.solid,.chip-btn.active,.nav-btn.active{
  background:#2d7468;
  border-color:rgba(246,243,234,.20);
  box-shadow:0 10px 22px rgba(45,116,104,.20);
}
.btn-secondary,.icon-btn,.chip-btn,.nav-btn{background:rgba(246,243,234,.08)}
.btn-ghost{background:transparent}
.btn:hover,.icon-btn:hover,.chip-btn:hover,.nav-btn:hover{background-color:rgba(246,243,234,.12);transform:translateY(-1px)}
input,textarea,select{border-color:var(--line)!important;background:rgba(9,15,13,.66)!important;color:var(--ink)!important}
select option{background:#14211d;color:#f6f3ea}
input:focus,textarea:focus,select:focus{border-color:rgba(143,184,198,.62)!important;box-shadow:0 0 0 3px rgba(143,184,198,.12)!important}
.app-watermark{background:rgba(18,28,25,.80);color:#f6f3ea;border:1px solid var(--line);box-shadow:none}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(18,28,25,.97);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.leaflet-control-zoom a{background:rgba(18,28,25,.94)!important;color:#f6f3ea!important;border-color:rgba(230,224,211,.18)!important}

/* v15 — Polished Institutional UI: cleaner, calmer, and less template-like */
:root{
  --bg:#f4f1e8;
  --bg-2:#ebe7db;
  --ink:#17211e;
  --muted:rgba(23,33,30,.68);
  --muted-2:rgba(23,33,30,.48);
  --line:rgba(34,51,46,.13);
  --line-2:rgba(34,51,46,.08);
  --glass:#ffffff;
  --glass-2:rgba(23,33,30,.055);
  --glass-3:rgba(23,33,30,.035);
  --blue:#3c6977;
  --blue-2:#658f9c;
  --green:#1f6b58;
  --yellow:#b9862c;
  --red:#a44f3d;
  --purple:#756244;
  --radius-xl:22px;
  --radius-lg:18px;
  --radius-md:12px;
  --shadow:0 20px 55px rgba(31,43,39,.12);
  --shadow-soft:0 10px 30px rgba(31,43,39,.09);
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-weight:500;text-rendering:optimizeLegibility}
.apple-bg{
  background:
    radial-gradient(circle at 15% -10%,rgba(31,107,88,.13),transparent 34%),
    radial-gradient(circle at 94% 0%,rgba(60,105,119,.10),transparent 30%),
    linear-gradient(180deg,#f7f4ed 0%,#f1ede2 48%,#ebe7db 100%);
}
.noise{display:none}
.glass,.glass-soft,.glass-panel{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(34,51,46,.12);
  box-shadow:var(--shadow-soft);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.logo-badge{
  background:#1f6b58;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:none;
}
.logo-wrap strong{font-weight:820;letter-spacing:-.025em;color:inherit}.logo-wrap p{color:var(--muted)}
.eyebrow{color:#5f756e;font-weight:760;letter-spacing:.115em}.eyebrow:before{box-shadow:none;width:7px;height:7px;background:#88a095}
.btn,.icon-btn,.chip-btn,.nav-btn{font-weight:760;border-color:rgba(34,51,46,.13);box-shadow:none;color:inherit}
.btn-primary,.icon-btn.solid,.chip-btn.active,.nav-btn.active{
  background:#1f6b58;color:#fff;border-color:#1f6b58;box-shadow:0 10px 24px rgba(31,107,88,.18)
}
.btn-secondary,.icon-btn,.chip-btn,.nav-btn{background:#fff;color:#26332f;border-color:rgba(34,51,46,.14)}
.btn-ghost{background:transparent}
.btn:hover,.icon-btn:hover,.chip-btn:hover,.nav-btn:hover{transform:translateY(-1px);background-color:#f7f4ed}
.btn-primary:hover,.icon-btn.solid:hover,.chip-btn.active:hover,.nav-btn.active:hover{background:#185846;color:#fff}
input,textarea,select{
  background:#fff!important;color:#17211e!important;border-color:rgba(34,51,46,.16)!important;
}
input:focus,textarea:focus,select:focus{border-color:#1f6b58!important;box-shadow:0 0 0 3px rgba(31,107,88,.12)!important}
select option{background:#fff;color:#17211e}
.app-watermark{background:rgba(255,255,255,.88);color:#40504b;border:1px solid rgba(34,51,46,.12);box-shadow:0 10px 24px rgba(31,43,39,.08);font-weight:740}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#17211e;border:1px solid rgba(34,51,46,.14);box-shadow:0 12px 30px rgba(31,43,39,.14)}
.leaflet-control-zoom a{background:#fff!important;color:#17211e!important;border-color:rgba(34,51,46,.15)!important}
::selection{background:rgba(31,107,88,.20)}


/* v16 — Apple-inspired product UI foundation */
:root{
  color-scheme: light;
  --bg:#f5f5f7;
  --bg-2:#ffffff;
  --ink:#1d1d1f;
  --muted:rgba(29,29,31,.68);
  --muted-2:rgba(29,29,31,.45);
  --line:rgba(0,0,0,.10);
  --line-2:rgba(0,0,0,.06);
  --glass:rgba(255,255,255,.82);
  --glass-2:rgba(245,245,247,.88);
  --blue:#0071e3;
  --blue-2:#2997ff;
  --green:#0b6b55;
  --yellow:#bf7b00;
  --red:#d2463b;
  --purple:#6e6e73;
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --shadow:0 22px 55px rgba(0,0,0,.10);
  --shadow-soft:0 12px 30px rgba(0,0,0,.08);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Roboto,Arial,sans-serif;
}
html,body{background:#f5f5f7;color:#1d1d1f;font-family:var(--font);letter-spacing:-.022em;text-rendering:geometricPrecision}
.apple-bg{background:#f5f5f7!important}
.noise{display:none!important}.glass,.glass-soft,.glass-panel{background:rgba(255,255,255,.82)!important;border:1px solid rgba(0,0,0,.075)!important;box-shadow:0 16px 45px rgba(0,0,0,.08)!important;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}
.logo-badge{width:34px;height:34px;border-radius:10px;background:#1d1d1f!important;color:#fff!important;border:0!important;box-shadow:none!important;font-size:.72rem;font-weight:800;letter-spacing:-.05em}.logo-wrap{gap:10px}.logo-wrap strong{font-weight:700;letter-spacing:-.025em;color:#1d1d1f}.logo-wrap p{font-size:.76rem;margin-top:1px;color:#6e6e73;font-weight:480}.eyebrow{font-size:.74rem;letter-spacing:.11em;font-weight:700;color:#6e6e73}.eyebrow:before{display:none}.btn,.icon-btn,.chip-btn,.nav-btn{border-radius:999px;border:1px solid rgba(0,0,0,.10);font-weight:700;box-shadow:none;letter-spacing:-.015em}.btn{padding:12px 20px}.btn-primary,.icon-btn.solid,.chip-btn.active,.nav-btn.active{background:#0071e3!important;color:#fff!important;border-color:#0071e3!important;box-shadow:none!important}.btn-secondary,.icon-btn,.chip-btn,.nav-btn{background:#fff!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.10)!important}.btn:hover,.icon-btn:hover,.chip-btn:hover,.nav-btn:hover{transform:none;background-color:#f5f5f7!important}.btn-primary:hover,.icon-btn.solid:hover,.chip-btn.active:hover,.nav-btn.active:hover{background:#147ce5!important;color:#fff!important}
input,textarea,select{background:#fff!important;color:#1d1d1f!important;border:1px solid rgba(0,0,0,.13)!important;border-radius:12px!important}input:focus,textarea:focus,select:focus{border-color:#0071e3!important;box-shadow:0 0 0 4px rgba(0,113,227,.12)!important}select option{background:#fff;color:#1d1d1f}.app-watermark{background:rgba(255,255,255,.76);color:#6e6e73;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08);font-size:10px;font-weight:700;letter-spacing:.06em}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff!important;color:#1d1d1f!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 18px 40px rgba(0,0,0,.12)!important}.leaflet-control-zoom a{background:#fff!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.10)!important}.hidden{display:none!important}
