/* Light / dark theme layer. Loaded after the main styles. */
.theme-toggle{margin-left:auto;width:42px;height:42px;flex:0 0 42px;border-radius:14px;border:1px solid #52688d;background:#1d2945;color:#f4f8ff;display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:0 7px 18px #06102735;transition:transform .15s ease,background .18s ease,border-color .18s ease}
.theme-toggle:active{transform:scale(.94)}
.city{margin-left:0}

html[data-theme="light"]{color-scheme:light;--bg:#f3f6fb;--surface:#ffffff;--surface2:#edf3fb;--stroke:#d1dbea;--text:#142033;--muted:#6d7890;--blue:#197fe8;--blue2:#2b7bc5;--green:#16855d;--warn:#a86a1f;--shadow:0 14px 36px #71809a24;background:var(--bg)}
html[data-theme="light"] body{color:var(--text);background:radial-gradient(circle at 15% 0,#dbeaff 0,transparent 360px),var(--bg)}
html[data-theme="light"] .brand strong{color:#152238}
html[data-theme="light"] .brand span,html[data-theme="light"] .city{color:#68758b}
html[data-theme="light"] .brand-mark{box-shadow:0 8px 22px #288aff35}
html[data-theme="light"] .theme-toggle{background:#fff;color:#1b2a43;border-color:#ccd8e9;box-shadow:0 7px 18px #60728e22}

html[data-theme="light"] .hero{background:#e3ebf6;border-color:#bdcce0;box-shadow:0 14px 34px #60728e22}
html[data-theme="light"] .section-heading h2{color:#17243a}
html[data-theme="light"] .section-heading span{color:#68758b;background:#ffffffb8;border-color:#d8e1ee}

html[data-theme="light"] .panel,
html[data-theme="light"] .job-card,
html[data-theme="light"] .tile,
html[data-theme="light"] .notice{color:#16243a;background:linear-gradient(150deg,#ffffff,#edf3fb);border-color:#cbd8e9;box-shadow:0 9px 24px #6377941e}
html[data-theme="light"] .tile::before{background:radial-gradient(circle,#4da6ff16 0%,transparent 68%)}
html[data-theme="light"] .tile:hover,html[data-theme="light"] .job-card:hover{background:linear-gradient(150deg,#fff,#e8f1fc);border-color:#aebfd7}
html[data-theme="light"] .tile .icon{background:#f3f7fd;border-color:#dbe5f2;box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] .tile strong{color:#142139}
html[data-theme="light"] .tile small,html[data-theme="light"] .muted,html[data-theme="light"] .fineprint,html[data-theme="light"] .lead{color:#6d7890}
html[data-theme="light"] .tile[data-page="admin"]{background:linear-gradient(115deg,#f7fbff,#eaf2ff 50%,#eef3ff);border-color:#b8cae2;box-shadow:0 12px 28px #4f78ad20}
html[data-theme="light"] .tile[data-page="admin"] strong{color:#15325b}
html[data-theme="light"] .tile-badge{box-shadow:0 5px 14px #2878dc2d}

html[data-theme="light"] .job-card{background:linear-gradient(145deg,#fff,#edf3fb)}
html[data-theme="light"] .job-card h3{color:#17243a}
html[data-theme="light"] .job-card .meta{color:#53637d}
html[data-theme="light"] .job-card .foot{border-top-color:#d7e0ed;color:#1d70c4}
html[data-theme="light"] .detail-screen .panel{background:linear-gradient(145deg,#fff,#edf3fb);border-color:#c7d5e7}
html[data-theme="light"] .detail-screen .detail-list div{background:#f7faff;border-color:#d2ddec}
html[data-theme="light"] .detail-list div{border-bottom-color:#d7e0ec}
html[data-theme="light"] .detail-list dt{color:#778399}
html[data-theme="light"] .detail-list dd{color:#17243a}

html[data-theme="light"] .primary{color:#fff;background:linear-gradient(115deg,#1687f5,#416ee8);border-color:#78b8f855;box-shadow:0 8px 22px #1980e934}
html[data-theme="light"] .secondary{color:#19304f;background:#edf4fd;border-color:#bbcae0}
html[data-theme="light"] .subtle{color:#286baa;background:#ffffff99;border-color:#cbd8e8}
html[data-theme="light"] .field span{color:#263955}
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea{background:#fff;color:#18263d;border-color:#c2cee0;box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] .field input::placeholder,html[data-theme="light"] .field textarea::placeholder{color:#9aa5b7}
html[data-theme="light"] .check-row{background:#eef4fc;color:#263955}

html[data-theme="light"] .filters .chip{background:#fff;color:#506079;border-color:#c9d5e5}
html[data-theme="light"] .filters .chip[aria-pressed="true"]{color:#fff;background:#2674ce;border-color:#4f9bea}
html[data-theme="light"] .document{color:#253650}
html[data-theme="light"] .faq-item{background:#fff;border-color:#d0dbe9}
html[data-theme="light"] .faq-item summary{color:#1a2b45}
html[data-theme="light"] .faq-item p{color:#68758b}
html[data-theme="light"] .message{background:#e7eef8;color:#20324e}
html[data-theme="light"] .message.mine{background:#2b70c8;color:#fff}
html[data-theme="light"] .message small{color:#66809f}
html[data-theme="light"] .message.mine small{color:#dceaff}

html[data-theme="light"] .empty.pretty-empty,html[data-theme="light"] .empty{color:#6b778c;background:linear-gradient(145deg,#fff,#edf3fb);border-color:#cbd8e7;box-shadow:0 8px 22px #60728e18}
html[data-theme="light"] .empty.pretty-empty .empty-icon{background:#f2f7fd;border-color:#d5e2f0}
html[data-theme="light"] .empty.pretty-empty strong{color:#182840}
html[data-theme="light"] .empty.pretty-empty span{color:#69768b}
html[data-theme="light"] .admin-metric{border-color:#c4d3e6}
html[data-theme="light"] .admin-metric strong{color:#18345a}

html[data-theme="light"] .bottom-nav{background:#f8fbfff2;border-top-color:#c8d5e7;box-shadow:0 -10px 28px #5b708d1f}
html[data-theme="light"] .bottom-nav button{color:#6b7891}
html[data-theme="light"] .bottom-nav button.active{color:#185f9f;background:linear-gradient(145deg,#e2efff,#edf4ff);border-color:#a9c6e7;box-shadow:inset 0 1px 0 #fff,0 6px 16px #567ca425}
html[data-theme="light"] .toast{background:#fff;color:#17304e;border-color:#b7cbe3;box-shadow:0 12px 30px #526c8b2b}

html[data-theme="light"] .badge.status-draft{background:#fff2cf;color:#825710;border-color:#e5c56b}
html[data-theme="light"] .badge.status-published,html[data-theme="light"] .badge.status-open{background:#dff8ed;color:#176748;border-color:#8fcbb4}
html[data-theme="light"] .badge.status-closed{background:#ffe6e9;color:#9b3947;border-color:#e7a4ad}
html[data-theme="light"] .badge.status-cancelled{background:#edf0f5;color:#616b7e;border-color:#c9d0dc}
html[data-theme="light"] .badge.status-new,html[data-theme="light"] .badge.status-pending{background:#e1efff;color:#245e97;border-color:#a5c8e9}
html[data-theme="light"] .badge.status-delivered,html[data-theme="light"] .badge.status-done{background:#def5e9;color:#276b50;border-color:#9acbb4}

/* Bright neon active state for bottom navigation */
.bottom-nav button.active{
  color:#f3fdff;
  background:linear-gradient(145deg,#123d70,#1765a7 55%,#164b85);
  border-color:#6fe9ff;
  box-shadow:
    inset 0 0 16px #33c8ff38,
    inset 0 1px 0 #dffcff66,
    0 0 7px #52e7ff,
    0 0 18px #26bfffcc,
    0 0 34px #168dff99;
  text-shadow:0 0 7px #8df3ff,0 0 14px #3ccaff;
  animation:navNeonPulse 1.9s ease-in-out infinite alternate;
}
.bottom-nav button.active span{
  color:#effeff;
  filter:drop-shadow(0 0 4px #9df7ff) drop-shadow(0 0 10px #38caff);
  transform:translateY(-1px) scale(1.12);
}
.bottom-nav button.active small{
  color:#f5feff;
  text-shadow:0 0 6px #a6f7ff,0 0 12px #35c8ff;
}
@keyframes navNeonPulse{
  from{box-shadow:inset 0 0 13px #33c8ff2e,inset 0 1px 0 #dffcff55,0 0 6px #52e7ff,0 0 15px #26bfffaa,0 0 27px #168dff77}
  to{box-shadow:inset 0 0 20px #45d6ff48,inset 0 1px 0 #ffffff88,0 0 10px #77efff,0 0 24px #2ec8ffff,0 0 42px #168dffbb}
}

html[data-theme="light"] .bottom-nav button.active{
  color:#064f89;
  background:linear-gradient(145deg,#dff6ff,#caebff 55%,#e9f7ff);
  border-color:#26bfff;
  box-shadow:
    inset 0 0 14px #4ecbff2f,
    inset 0 1px 0 #fff,
    0 0 6px #4bd7ffcc,
    0 0 14px #2dbdff99,
    0 0 24px #168dff66;
  text-shadow:0 0 5px #73dfff99;
}
html[data-theme="light"] .bottom-nav button.active span{
  color:#0a75bf;
  filter:drop-shadow(0 0 4px #8ae7ff) drop-shadow(0 0 8px #42bfff);
}
html[data-theme="light"] .bottom-nav button.active small{
  color:#075f9d;
  text-shadow:0 0 5px #72d9ff88;
}

@media(max-width:480px){.theme-toggle{width:38px;height:38px;flex-basis:38px;border-radius:13px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.bottom-nav button.active{animation:none}}