/* ============================================================
   СПСЭК-2 0.8.0 BETA — FULL UI REBUILD
   Новый интерфейс без визуальной зависимости от ui7.
   ============================================================ */

:root{
  --bg:#f2f5f8;--surface:#fff;--surface-2:#f8fafc;--surface-3:#edf2f6;
  --line:#d8e0e7;--line-soft:#e8edf2;
  --text:#17212d;--text-2:#455366;--muted:#788697;
  --accent:#1769a8;--accent-2:#0f578d;--accent-soft:#e8f2f9;
  --ok:#327a57;--warn:#a3681d;--bad:#b44747;
  --shadow:0 1px 2px rgba(19,32,45,.04),0 10px 30px rgba(19,32,45,.055);
  --radius:14px;--radius-sm:9px;--sidebar:#101820;
}
html.dark-theme{
  --bg:#0f1318;--surface:#171c22;--surface-2:#1c2229;--surface-3:#232a32;
  --line:#323a44;--line-soft:#262d35;
  --text:#e2e7ec;--text-2:#bcc5cf;--muted:#84909d;
  --accent:#6595bb;--accent-2:#76a5c9;--accent-soft:#203241;
  --ok:#79a88c;--warn:#c3a067;--bad:#ce8383;
  --shadow:0 1px 2px rgba(0,0,0,.2),0 12px 34px rgba(0,0,0,.18);
  --sidebar:#090e13;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;font-size:14px}
.hidden{display:none!important}

/* shell */
.ui8-shell{display:grid!important;grid-template-columns:256px minmax(0,1fr)!important;min-height:100vh!important;background:var(--bg)!important}
.ui8-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--sidebar),#0d141b);padding:16px 12px 12px;display:flex;flex-direction:column;z-index:30;transition:width .18s}
.ui8-brand{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:4px 6px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.ui8-brand-logo .brand-mark.small{width:38px!important;height:38px!important;border-radius:10px!important;background:#285777!important;color:#fff!important;box-shadow:none!important}
.ui8-brand-copy{display:flex;flex-direction:column;min-width:0}.ui8-brand-copy strong{color:#f1f5f7;font-size:15px}.ui8-brand-copy span{color:#71808e;font-size:10px;margin-top:2px}
.ui8-sidebar-toggle,.ui8-icon-button{border:1px solid transparent;background:transparent;color:#8c9aa8;border-radius:9px;cursor:pointer}
.ui8-sidebar-toggle{width:30px;height:30px}.ui8-sidebar-toggle:hover,.ui8-icon-button:hover{background:rgba(255,255,255,.06);color:#eef3f6}
.ui8-nav-scroll{flex:1;overflow:auto;padding-top:11px}.ui8-nav-group{margin-bottom:10px}.ui8-nav-group-title{padding:10px 10px 5px;color:#5f6d7a;font-size:9px;font-weight:800;letter-spacing:.13em}
.ui8-sidebar nav{display:flex;flex-direction:column;gap:3px}
.ui8-sidebar nav button{display:grid;grid-template-columns:32px minmax(0,1fr) 7px;align-items:center;gap:8px;width:100%;min-height:42px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:#aab5c0;text-align:left;font-weight:600;cursor:pointer}
.ui8-sidebar nav button:hover{background:rgba(255,255,255,.055);color:#edf2f5}.ui8-sidebar nav button.active{background:#1f3444;color:#fff}
.nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.045);font-size:15px}
.ui8-sidebar nav button.active .nav-icon{background:#315a77}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-marker{width:5px;height:5px;border-radius:50%}.ui8-sidebar nav button.active .nav-marker{background:#7eb0d2}
.ui8-userbar{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;gap:9px;align-items:center;padding:12px 6px 2px;border-top:1px solid rgba(255,255,255,.07)}
.ui8-userbar .avatar{width:34px!important;height:34px!important;background:#243746!important;color:#e9eff4!important;border:1px solid #344b5d!important}.ui8-user-copy{display:flex;flex-direction:column;min-width:0}.ui8-user-copy b{color:#dce4ea;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui8-user-copy span{color:#6f7d89;font-size:10px;margin-top:1px}

/* collapsed sidebar */
.ui8-sidebar.collapsed{width:76px}.ui8-shell:has(.ui8-sidebar.collapsed){grid-template-columns:76px minmax(0,1fr)!important}
.ui8-sidebar.collapsed .ui8-brand{grid-template-columns:40px 0 20px;gap:4px}.ui8-sidebar.collapsed .ui8-brand-copy,.ui8-sidebar.collapsed .nav-label,.ui8-sidebar.collapsed .ui8-nav-group-title,.ui8-sidebar.collapsed .ui8-user-copy{display:none}
.ui8-sidebar.collapsed nav button{grid-template-columns:32px;justify-content:center;padding:6px}.ui8-sidebar.collapsed .nav-marker{display:none}.ui8-sidebar.collapsed .ui8-userbar{grid-template-columns:36px;justify-content:center}.ui8-sidebar.collapsed .ui8-userbar>button{display:none}

/* header */
.ui8-main{min-width:0;background:var(--bg)}
.ui8-header{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.ui8-header-left{display:flex;align-items:center;gap:12px}.ui8-breadcrumb{font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.ui8-header h1{margin:2px 0 0;font-size:22px;line-height:1.1;letter-spacing:-.025em;color:var(--text)}.ui8-header p{margin:2px 0 0;color:var(--muted);font-size:11px}
.ui8-header-right{display:flex;align-items:center;gap:7px}.ui8-header-right .today{font-size:11px;color:var(--muted);margin-right:5px}.ui8-header .ui8-icon-button{width:36px;height:36px;background:var(--surface);border-color:var(--line);color:var(--text-2)}.ui8-header .ui8-icon-button:hover{background:var(--surface-3);color:var(--text)}
.ui8-content{padding:24px 28px 44px!important;background:var(--bg)!important;min-height:calc(100vh - 78px)}

/* generic surfaces */
.panel,.stat,.role-card,.settings-sidebar,.request-info-card,.dispatch-card,.warehouse-card,.installer-day{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}
.panel-head{background:transparent!important;border-bottom:1px solid var(--line-soft)!important;padding:15px 17px!important}.panel-head h3{font-size:14px!important;color:var(--text)!important}.panel-body{padding:17px!important;color:var(--text-2)!important}
.notice{background:var(--accent-soft)!important;color:var(--text-2)!important;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line))!important;border-radius:10px!important}

/* buttons/controls */
.btn,.ui8-btn{min-height:38px;border-radius:9px;border:1px solid var(--line);padding:8px 13px;font-weight:700;cursor:pointer;box-shadow:none;transition:background .12s,border-color .12s,color .12s}
.btn.primary,.ui8-btn.primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.btn.primary:hover,.ui8-btn.primary:hover{background:var(--accent-2)!important;border-color:var(--accent-2)!important}
.btn.secondary,.ui8-btn.secondary{background:var(--surface-3)!important;color:var(--text-2)!important;border-color:var(--line)!important}.btn.secondary:hover,.ui8-btn.secondary:hover{background:color-mix(in srgb,var(--surface-3) 70%,var(--line))!important;color:var(--text)!important}
.ui8-btn.ghost{background:transparent;color:var(--text-2);border-color:transparent}.ui8-btn.ghost:hover{background:var(--surface-3);color:var(--text)}
input,select,textarea,.input,.select,.multi-filter>button{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:9px!important;min-height:40px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)!important}input::placeholder,textarea::placeholder{color:var(--muted)!important}

/* requests */
.ui8-requests-page{display:grid;gap:13px}.ui8-page-command{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:var(--shadow)}
.ui8-page-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.ui8-kicker{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--accent)}.ui8-page-command-head h2{margin:3px 0 2px;font-size:23px;letter-spacing:-.03em}.ui8-page-command-head p{margin:0;color:var(--muted);font-size:12px}.ui8-command-actions{display:flex;gap:8px}
.ui8-filter-row{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(4,minmax(150px,.8fr)) auto;gap:9px;margin-top:13px;align-items:center}.ui8-filter-row>*{min-width:0}.ui8-search input{width:100%}
.ui8-filter-more{display:flex;gap:14px;align-items:end;margin-top:10px;padding:10px 0 0;border-top:1px solid var(--line-soft)}.ui8-filter-more label{display:flex;align-items:center;gap:7px;color:var(--text-2)}.ui8-filter-more label:has(select){display:grid;gap:4px;min-width:220px}
.ui8-filter-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.ui8-filter-footer-actions{display:flex;gap:7px}.ui8-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:28px}.ui8-chips button{border:1px solid var(--line);background:var(--surface-3);color:var(--text-2);border-radius:999px;padding:5px 9px;font-size:11px;cursor:pointer}.ui8-chips button:hover{border-color:var(--accent);color:var(--accent)}
.multi-filter>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 11px}.multi-filter-menu{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:11px!important;box-shadow:0 18px 42px rgba(19,32,45,.14)!important;padding:8px!important;z-index:50}.multi-filter-tools{padding:3px 4px 8px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.filter-reset-one{border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:11px}
.ui8-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.ui8-list-summary{display:flex;align-items:baseline;gap:8px}.ui8-list-summary span,.ui8-list-summary small{color:var(--muted);font-size:11px}.ui8-list-summary strong{font-size:20px;letter-spacing:-.03em}.ui8-list-tools{display:flex;align-items:center;gap:10px}.ui8-list-tools select{min-height:34px!important}
.ui8-table-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);min-height:240px}.ui8-table-host{overflow:auto}.ui8-loading{padding:70px;text-align:center;color:var(--muted)}
.request-data-table,.data-table{width:100%;border-collapse:separate!important;border-spacing:0!important}.request-data-table th,.data-table th{background:var(--surface-2)!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important;padding:11px 12px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.065em!important;font-weight:800!important}.request-data-table td,.data-table td{background:var(--surface)!important;color:var(--text-2)!important;border-bottom:1px solid var(--line-soft)!important;padding:12px!important}.request-data-table tr:nth-child(even) td,.data-table tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 42%,var(--surface))!important}.request-data-table tbody tr:hover td,.data-table tbody tr:hover td{background:var(--accent-soft)!important}.request-number{color:var(--accent)!important;font-weight:800!important}
.ui8-empty{min-height:310px;display:grid;place-items:center;align-content:center;text-align:center;padding:28px}.ui8-empty-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-size:22px}.ui8-empty h3{margin:13px 0 4px;font-size:17px}.ui8-empty p{margin:0 0 14px;color:var(--muted)}.ui8-empty>div:last-child{display:flex;gap:8px}
.ui8-pager{display:flex;justify-content:center;padding:4px}.ui8-pager-buttons{display:flex;align-items:center;gap:5px}.ui8-pager button{min-width:34px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);border-radius:8px;cursor:pointer}.ui8-pager button:hover{background:var(--surface-3);color:var(--text)}.ui8-pager button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ui8-pager button:disabled{opacity:.35;cursor:default}

/* settings */
.settings-shell{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:15px!important;align-items:start!important}.settings-sidebar{position:sticky!important;top:95px!important;padding:8px!important;box-shadow:none!important}.settings-search{padding:4px 4px 9px!important}.settings-sidebar button{min-height:39px!important;border-radius:8px!important;color:var(--text-2)!important}.settings-sidebar button:hover{background:var(--surface-3)!important}.settings-sidebar button.active{background:var(--accent-soft)!important;color:var(--accent)!important}.settings-content>.panel{box-shadow:none!important;margin-bottom:12px!important}

/* modal */
.modal{background:rgba(4,8,13,.58)!important;backdrop-filter:blur(5px)!important}.modal-box{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:17px!important;box-shadow:0 28px 90px rgba(0,0,0,.28)!important}.modal-close{background:var(--surface-3)!important;color:var(--text-2)!important;border:1px solid var(--line)!important;border-radius:9px!important}

/* dark guard */
html.dark-theme .ui8-header{background:rgba(23,28,34,.9)!important}
html.dark-theme .panel,html.dark-theme .stat,html.dark-theme .role-card,html.dark-theme .settings-sidebar,html.dark-theme .ui8-page-command,html.dark-theme .ui8-table-card,html.dark-theme .modal-box,html.dark-theme .request-info-card{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
html.dark-theme input,html.dark-theme select,html.dark-theme textarea,html.dark-theme .multi-filter>button{background:#11161c!important;color:var(--text)!important;border-color:var(--line)!important}
html.dark-theme .btn.primary,html.dark-theme .ui8-btn.primary{background:#4f7899!important;color:#fff!important;border-color:#5c86a5!important}
html.dark-theme .btn.secondary,html.dark-theme .ui8-btn.secondary{background:#232a32!important;color:#c6cfd8!important;border-color:#39424c!important}
html.dark-theme .request-data-table th,html.dark-theme .data-table th{background:#1c2229!important;color:#aeb8c3!important;border-color:#323a44!important}
html.dark-theme .request-data-table td,html.dark-theme .data-table td{background:#171c22!important;color:#bdc6cf!important;border-color:#262d35!important}
html.dark-theme .request-data-table tr:nth-child(even) td,html.dark-theme .data-table tr:nth-child(even) td{background:#14191f!important}
html.dark-theme .request-data-table tbody tr:hover td,html.dark-theme .data-table tbody tr:hover td{background:#1d2933!important}
html.dark-theme .badge{background:#242b33!important;color:#c3ccd4!important;border-color:#39424b!important}
html.dark-theme ::-webkit-scrollbar{width:11px;height:11px}html.dark-theme ::-webkit-scrollbar-track{background:#101419}html.dark-theme ::-webkit-scrollbar-thumb{background:#353d46;border:2px solid #101419;border-radius:10px}

/* responsive */
@media(max-width:1240px){.ui8-filter-row{grid-template-columns:minmax(250px,1.2fr) repeat(2,minmax(160px,1fr))}.ui8-filter-row .ui8-btn{width:max-content}}
@media(max-width:920px){.ui8-shell{grid-template-columns:1fr!important}.ui8-sidebar{position:fixed;left:-270px;width:256px;transition:left .18s}.ui8-sidebar.mobile-open{left:0}.ui8-content{padding:18px 14px 36px!important}.ui8-header{padding:0 15px}.settings-shell{grid-template-columns:1fr!important}.settings-sidebar{position:static!important}.ui8-filter-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ui8-filter-row{grid-template-columns:1fr}.ui8-page-command-head{align-items:flex-start;flex-direction:column}.ui8-filter-footer{align-items:flex-start;flex-direction:column}.ui8-header-right .today{display:none}}


/* ============================================================
   0.8.2 UI RESET — isolate new shell from legacy app.css
   ============================================================ */

/* Shell geometry must win over every old .app/main/#content rule */
html body .ui8-shell{
  display:grid!important;
  grid-template-columns:256px minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  min-height:100vh!important;
  overflow:visible!important;
}
html body .ui8-shell>.ui8-sidebar{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  width:256px!important;
  min-width:256px!important;
  max-width:256px!important;
  height:100vh!important;
  transform:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body .ui8-shell>.ui8-main{
  grid-column:auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body .ui8-shell .ui8-content{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:24px 28px 44px!important;
}

/* Critical fix: legacy app.css had `nav button > span { width:22px }`.
   Explicitly restore independent icon/label sizing. */
html body .ui8-sidebar nav button{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:6px 10px!important;
  gap:8px!important;
  overflow:hidden!important;
}
html body .ui8-sidebar nav button>span{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:inherit!important;
}
html body .ui8-sidebar nav button>.nav-icon{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  text-align:center!important;
}
html body .ui8-sidebar nav button>.nav-label{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:inherit!important;
  font-size:13px!important;
  line-height:1.2!important;
}
html body .ui8-sidebar nav button>.nav-marker{
  display:block!important;
  width:5px!important;
  min-width:5px!important;
  max-width:5px!important;
  height:5px!important;
}

/* Brand/user text also must not inherit old fixed span widths */
html body .ui8-sidebar .ui8-brand-copy span,
html body .ui8-sidebar .ui8-user-copy span{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  display:block!important;
}

/* Collapsed state is explicit and isolated */
html body .ui8-sidebar.collapsed{
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
}
html body .ui8-shell:has(.ui8-sidebar.collapsed){
  grid-template-columns:76px minmax(0,1fr)!important;
}
html body .ui8-sidebar.collapsed nav button{
  grid-template-columns:32px!important;
  justify-content:center!important;
}
html body .ui8-sidebar.collapsed nav button>.nav-label,
html body .ui8-sidebar.collapsed nav button>.nav-marker,
html body .ui8-sidebar.collapsed .ui8-brand-copy,
html body .ui8-sidebar.collapsed .ui8-user-copy,
html body .ui8-sidebar.collapsed .ui8-nav-group-title{
  display:none!important;
}

/* Header reset */
html body .ui8-header{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  width:auto!important;
  height:78px!important;
  min-height:78px!important;
  padding:0 28px!important;
  margin:0!important;
  transform:none!important;
}
html body .ui8-header h1{
  margin:2px 0 0!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1.1!important;
}
html body .ui8-header p{
  margin:2px 0 0!important;
  padding:0!important;
}

/* Requests workspace reset against old request/filter layouts */
html body .ui8-requests-page{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
}
html body .ui8-page-command{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
html body .ui8-filter-row{
  position:static!important;
  width:100%!important;
  min-width:0!important;
}
html body .ui8-table-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
html body .ui8-table-host{
  width:100%!important;
  min-width:0!important;
  overflow:auto!important;
}

/* Controls: legacy global button/span rules must not change geometry */
html body .ui8-btn,
html body .ui8-icon-button,
html body .ui8-sidebar-toggle{
  width:auto;
  max-width:none!important;
  line-height:1.2!important;
}
html body .ui8-icon-button,
html body .ui8-sidebar-toggle{
  padding:0!important;
}

/* No light legacy surfaces inside dark UI8 */
html.dark-theme body .ui8-shell .ui8-page-command,
html.dark-theme body .ui8-shell .ui8-table-card,
html.dark-theme body .ui8-shell .ui8-list-head,
html.dark-theme body .ui8-shell .settings-sidebar,
html.dark-theme body .ui8-shell .panel{
  color:var(--text)!important;
}
html.dark-theme body .ui8-shell button:not(.primary):not(.ui8-sidebar-toggle):not(.ui8-icon-button),
html.dark-theme body .ui8-shell select,
html.dark-theme body .ui8-shell input,
html.dark-theme body .ui8-shell textarea{
  color:var(--text)!important;
}

/* Mobile only: new sidebar controls its own transform */
@media(max-width:920px){
  html body .ui8-shell{grid-template-columns:1fr!important}
  html body .ui8-shell>.ui8-sidebar{
    position:fixed!important;
    left:-270px!important;
    top:0!important;
    width:256px!important;
    min-width:256px!important;
    max-width:256px!important;
    transform:none!important;
    transition:left .18s ease!important;
  }
  html body .ui8-shell>.ui8-sidebar.mobile-open{left:0!important}
  html body .ui8-shell .ui8-content{padding:18px 14px 36px!important}
}

/* ============================================================
   0.8.3 Contrast Hotfix
   ============================================================ */

/* Filter selected-count / "Все" badge.
   Old legacy CSS painted <b> with a very light background in dark mode. */
html body .ui8-shell .multi-filter>button>b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:28px!important;
  height:24px!important;
  padding:0 8px!important;
  margin-left:8px!important;
  border-radius:999px!important;
  background:var(--surface-3)!important;
  border:1px solid var(--line)!important;
  color:var(--text-2)!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1!important;
  box-shadow:none!important;
}
html.dark-theme body .ui8-shell .multi-filter>button>b{
  background:#242b33!important;
  border-color:#39424c!important;
  color:#c7d0d9!important;
}

/* Call-ahead control in request card.
   Keep it a normal dark surface instead of inheriting a white legacy callout. */
html body .call-ahead-box{
  display:grid!important;
  gap:9px!important;
  padding:11px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--surface-2)!important;
  color:var(--text-2)!important;
  box-shadow:none!important;
}
html body .call-ahead-box .check-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--text)!important;
}
html body .call-ahead-box label{
  color:var(--text-2)!important;
}
html body .call-ahead-box input[type="checkbox"]{
  width:17px!important;
  min-width:17px!important;
  height:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  accent-color:var(--accent)!important;
  box-shadow:none!important;
}
html.dark-theme body .call-ahead-box{
  background:#1c2229!important;
  border-color:#323a44!important;
  color:#bdc6cf!important;
}
html.dark-theme body .call-ahead-box .check-line{
  background:transparent!important;
  color:#e2e7ec!important;
}
html.dark-theme body .call-ahead-box input:not([type="checkbox"]),
html.dark-theme body .call-ahead-box select{
  background:#11161c!important;
  color:#e2e7ec!important;
  border-color:#323a44!important;
}

/* ============================================================
   0.8.4 Map page
   ============================================================ */
.ui8-map-page{display:grid;gap:13px;min-width:0}
.ui8-map-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:var(--shadow)}
.ui8-map-heading h2{margin:3px 0 2px;font-size:21px;letter-spacing:-.025em;color:var(--text)}
.ui8-map-heading p{margin:0;color:var(--muted);font-size:11px}
.ui8-map-actions{display:flex;gap:7px}
.ui8-map-workspace{display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;gap:13px!important;min-width:0!important;align-items:stretch!important}
.ui8-map-filter-panel{position:relative!important;top:auto!important;max-height:none!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:13px!important;box-shadow:var(--shadow)!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.ui8-map-filter-title{display:flex;flex-direction:column;gap:2px;padding:2px 2px 8px;border-bottom:1px solid var(--line-soft)}
.ui8-map-filter-title b{color:var(--text)}.ui8-map-filter-title span{color:var(--muted);font-size:10px}
.ui8-map-filter-panel label{display:grid!important;gap:4px!important;color:var(--muted)!important;font-size:10px!important;font-weight:700!important}
.ui8-map-filter-panel input,.ui8-map-filter-panel select{width:100%!important;min-width:0!important}
.ui8-map-count{margin-top:auto;padding:11px;border-radius:10px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));color:var(--text-2);line-height:1.55}
.ui8-map-count strong{color:var(--text);font-size:16px}
.ui8-map-main{min-width:0!important;position:relative!important}
.ui8-map-canvas{width:100%!important;height:calc(100vh - 205px)!important;min-height:560px!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden!important;background:#e8edf2!important;box-shadow:var(--shadow)!important;position:relative!important}
.ui8-map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#637180;background:#e8edf2}
.ui8-map-workspace.filters-collapsed{grid-template-columns:0 minmax(0,1fr)!important;gap:0!important}
.ui8-map-workspace.filters-collapsed .ui8-map-filter-panel{opacity:0!important;pointer-events:none!important;overflow:hidden!important;padding:0!important;border:0!important}
html.dark-theme .ui8-map-filter-panel,html.dark-theme .ui8-map-toolbar{background:var(--surface)!important;border-color:var(--line)!important}
html.dark-theme .ui8-map-count{background:#1c2a35!important;border-color:#304656!important;color:#bdc7d0!important}
html.dark-theme .ui8-map-canvas{border-color:var(--line)!important;background:#20262d!important}
html.dark-theme .ui8-map-loading{background:#20262d!important;color:#8794a0!important}
.map-config{padding:24px;color:#17212d;background:#f7f9fb;min-height:100%}.map-config h3{margin-top:0}.map-config p{color:#5f6b78}
@media(max-width:1000px){.ui8-map-workspace{grid-template-columns:210px minmax(0,1fr)!important}}
@media(max-width:760px){.ui8-map-workspace{grid-template-columns:1fr!important}.ui8-map-canvas{height:65vh!important;min-height:420px!important}.ui8-map-workspace.filters-collapsed .ui8-map-filter-panel{display:none!important}}

.spsek-map-marker{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);background:#2f6f9d;color:#fff;font:800 13px/1 Inter,Segoe UI,Arial,sans-serif;box-shadow:0 3px 10px rgba(18,31,43,.25)}
.spsek-map-marker.attention{background:#87639f}.spsek-map-marker.urgent{background:#b64d4d}.spsek-map-cluster-count{width:46px;height:46px;display:grid;place-items:center;color:#eaf2f7;font:800 13px/1 Inter,Segoe UI,Arial,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.spsek-map-address-card{position:absolute;left:18px;top:18px;width:min(430px,calc(100% - 36px));max-height:calc(100% - 36px);z-index:900;display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px rgba(9,17,24,.28);overflow:hidden}
.spsek-map-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 13px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.spsek-map-card-head h3{margin:3px 0;font-size:17px;color:var(--text)}.spsek-map-card-head p{margin:0;color:var(--muted);font-size:11px}.spsek-map-card-close{flex:0 0 32px;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--surface-3);color:var(--text-2);font-size:20px;cursor:pointer}
.spsek-map-card-list{overflow:auto;padding:6px}.spsek-map-request-row{width:100%;display:grid;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 9px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:var(--text-2);text-align:left;cursor:pointer}.spsek-map-request-row:hover{background:var(--accent-soft)}.spsek-map-request-main{display:flex;flex-direction:column;gap:2px}.spsek-map-request-main b{font-size:12px;color:var(--accent)}.spsek-map-request-main small{font-size:10px;color:var(--muted)}.spsek-map-request-client{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.spsek-map-request-status{border:1px solid var(--line);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750;white-space:nowrap;background:var(--surface-3)}.spsek-map-request-status.attention{color:#7d5a91;background:rgba(135,99,159,.10);border-color:rgba(135,99,159,.28)}.spsek-map-request-status.urgent{color:var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--surface));border-color:color-mix(in srgb,var(--bad) 28%,var(--line))}.spsek-map-card-more{padding:10px 12px;color:var(--muted);font-size:10px;text-align:center}
html.dark-theme .spsek-map-marker{border-color:#d7e4ed;background:#496f8d;box-shadow:0 4px 14px rgba(0,0,0,.34)}html.dark-theme .spsek-map-marker.attention{background:#70547f}html.dark-theme .spsek-map-marker.urgent{background:#9d4949}html.dark-theme .spsek-map-address-card{background:#171c22;border-color:#343c46;box-shadow:0 20px 60px rgba(0,0,0,.45)}html.dark-theme .spsek-map-card-head{background:#1d232a;border-color:#2a323b}html.dark-theme .spsek-map-card-close{background:#242b33;color:#c7d0d8;border-color:#3a434d}html.dark-theme .spsek-map-request-row{color:#bdc7d0;border-color:#272f37}html.dark-theme .spsek-map-request-row:hover{background:#1d2a34}html.dark-theme .spsek-map-request-status{background:#242b33;color:#c5ced6;border-color:#39424c}html.dark-theme .spsek-map-request-status.attention{color:#c4a8d4;background:#2b2231;border-color:#493b53}html.dark-theme .spsek-map-request-status.urgent{color:#dba0a0;background:#332326;border-color:#52363a}

/* ============================================================
   0.8.6 Map interaction
   ============================================================ */
.spsek-map-marker-anchor{position:absolute;left:0;top:0;width:46px;height:46px;transform:translate(-23px,-23px);display:grid;place-items:center;cursor:pointer;pointer-events:auto}
.spsek-map-marker-anchor .spsek-map-marker{pointer-events:auto}
.spsek-map-selection-panel{position:absolute;left:14px;top:14px;bottom:14px;width:min(450px,calc(100% - 28px));z-index:920;display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px rgba(9,17,24,.30);overflow:hidden}
.spsek-map-selection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 13px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}
.spsek-map-selection-head h3{margin:3px 0;font-size:17px;line-height:1.25;color:var(--text)}.spsek-map-selection-head p{margin:0;color:var(--muted);font-size:11px}
.spsek-map-selection-tools{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line-soft);background:var(--surface)}
.spsek-map-selection-tools button{border:1px solid var(--line);border-radius:8px;background:var(--surface-3);color:var(--text-2);padding:6px 9px;font-size:10px;font-weight:700;cursor:pointer}
.spsek-map-selection-body{flex:1;min-height:0;overflow:auto;padding:6px}
.spsek-map-house-block{border-bottom:1px solid var(--line-soft)}.spsek-map-house-block:last-child{border-bottom:0}
.spsek-map-house-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 10px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.spsek-map-house-head:hover{background:var(--accent-soft)}.spsek-map-house-head>span{min-width:0;display:flex;flex-direction:column;gap:2px}.spsek-map-house-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text)}.spsek-map-house-head small{font-size:10px;color:var(--muted)}
.spsek-map-house-head i{flex:0 0 auto;font-size:14px;font-style:normal;color:var(--muted);transition:transform .12s ease}.spsek-map-house-block.open .spsek-map-house-head i{transform:rotate(180deg)}
.spsek-map-house-requests{display:none;padding:0 4px 6px}.spsek-map-house-block.open .spsek-map-house-requests{display:block}
html.dark-theme .spsek-map-selection-panel{background:#171c22;border-color:#343c46;box-shadow:0 20px 60px rgba(0,0,0,.46)}
html.dark-theme .spsek-map-selection-head{background:#1d232a;border-color:#2a323b}html.dark-theme .spsek-map-selection-tools{background:#171c22;border-color:#2a323b}html.dark-theme .spsek-map-selection-tools button{background:#242b33;color:#c7d0d8;border-color:#3a434d}
html.dark-theme .spsek-map-house-block{border-color:#272f37}html.dark-theme .spsek-map-house-head{color:#e2e7ec}html.dark-theme .spsek-map-house-head:hover{background:#1d2a34}
@media(max-width:760px){.spsek-map-selection-panel{left:8px;right:8px;top:8px;bottom:8px;width:auto}}

/* ============================================================
   0.9.0 District assignment & access
   ============================================================ */
.district-badge{white-space:nowrap}
.district-access-block{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}
.district-access-block>p{margin:4px 0 10px;line-height:1.45}
.district-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px 10px;max-height:250px;overflow:auto;padding:4px}
.district-checks .check-line{min-height:34px;margin:0;padding:5px 7px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface)}
.district-checks .check-line:hover{background:var(--accent-soft)}
html.dark-theme .district-access-block{background:#1c2229;border-color:#323a44}
html.dark-theme .district-checks .check-line{background:#171c22;border-color:#282f38;color:#c3ccd5}
html.dark-theme .district-badge{background:#24303a!important;color:#c7d5df!important;border-color:#3a4a57!important}

/* 0.10.0 — live installers, gallery, updater */
.map-live-toggle{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text-2);font-size:11px;font-weight:700}.map-live-toggle input{min-height:auto!important;width:15px;height:15px}
.installer-live-marker{width:36px;height:36px;transform:translate(-18px,-18px);border-radius:50%;display:grid;place-items:center;background:#2f8b63;border:3px solid #fff;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3);font-size:15px}.installer-live-marker.stale{background:#727d88;opacity:.82}html.dark-theme .installer-live-marker{border-color:#dce6ed}
.gallery-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr auto auto auto;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:14px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.gallery-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer;box-shadow:var(--shadow)}.gallery-card img{display:block;width:100%;height:180px;object-fit:cover;background:var(--surface-3)}.gallery-card>div{display:grid;gap:3px;padding:10px}.gallery-card b{font-size:12px;color:var(--text)}.gallery-card span{font-size:11px;color:var(--text-2)}.gallery-card small{font-size:9px;color:var(--muted)}.gallery-viewer{display:grid;place-items:center;min-height:60vh}.gallery-viewer img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:10px}
.global-update-progress{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;width:min(620px,calc(100vw - 30px));z-index:3000;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 13px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.gup-head{display:flex;justify-content:space-between;gap:12px;font-size:11px}.gup-track{height:7px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin:8px 0}.gup-track i{display:block;height:100%;background:var(--accent);transition:width .25s}.global-update-progress small{color:var(--muted)}
@media(max-width:900px){.gallery-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.gallery-filters{grid-template-columns:1fr}}

/* 0.10.1 grouped gallery */
.gallery-summary{display:flex;align-items:center;gap:7px;margin:-3px 2px 12px;color:var(--muted);font-size:11px}.gallery-summary strong{color:var(--text);font-size:14px}
.gallery-request-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:13px}.gallery-request-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.gallery-request-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}
.gallery-request-cover{position:relative;height:175px;background:var(--surface-3);overflow:hidden}.gallery-request-cover img{display:block;width:100%;height:100%;object-fit:cover}.gallery-photo-count{position:absolute;right:9px;bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(15,23,31,.82);color:#fff;font-size:10px;font-weight:800}
.gallery-request-info{display:grid;gap:6px;padding:11px 12px 12px}.gallery-request-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.gallery-request-title b{font-size:12px;color:var(--text)}.gallery-request-title>span{padding:3px 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px;white-space:nowrap}.gallery-request-info p{margin:0;color:var(--text-2);font-size:11px;line-height:1.35}.gallery-request-info small{color:var(--muted);font-size:9px}
.gallery-type-chips{display:flex;flex-wrap:wrap;gap:4px}.gallery-type-chips span{padding:3px 6px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);color:var(--text-2);font-size:8px}
.gallery-empty-state{grid-column:1/-1;min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.gallery-empty-state>div{width:52px;height:52px;border-radius:14px;background:var(--surface-3);display:grid;place-items:center;font-size:22px}.gallery-empty-state h3{margin:11px 0 3px;color:var(--text);font-size:16px}.gallery-empty-state p{margin:0}
.gallery-request-modal{display:grid;gap:13px;min-width:min(1000px,82vw);max-width:1100px}.gallery-request-modal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px 12px;border-bottom:1px solid var(--line-soft)}.gallery-request-modal-head h2{margin:3px 0 2px;font-size:21px;color:var(--text)}.gallery-request-modal-head p{margin:0;color:var(--text-2);font-size:11px}.gallery-request-meta{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:5px;text-align:right}.gallery-request-meta strong{font-size:22px;color:var(--text)}.gallery-request-meta span{font-size:10px;color:var(--muted)}.gallery-request-meta small{grid-column:1/-1;color:var(--text-2);font-size:9px}
.gallery-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:11px;max-height:70vh;overflow:auto}.gallery-photo-item{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);cursor:pointer}.gallery-photo-item img{display:block;width:100%;height:175px;object-fit:cover;background:var(--surface-3)}.gallery-photo-item figcaption{display:grid;gap:2px;padding:8px 9px}.gallery-photo-item figcaption b{font-size:10px;color:var(--text)}.gallery-photo-item figcaption span,.gallery-photo-item figcaption small{font-size:8px;color:var(--muted)}
.gallery-viewer{position:relative}.gallery-viewer .gallery-back{position:absolute;left:12px;top:12px;z-index:3;background:rgba(23,28,34,.88)!important;color:#fff!important}
html.dark-theme .gallery-request-card{background:#171c22;border-color:#323a44}html.dark-theme .gallery-type-chips span{background:#242b33;border-color:#39424c;color:#c5ced6}html.dark-theme .gallery-photo-item{background:#1c2229;border-color:#323a44}
@media(max-width:720px){.gallery-request-grid{grid-template-columns:1fr}.gallery-request-modal{min-width:0;width:85vw}.gallery-photo-grid{grid-template-columns:1fr 1fr}.gallery-request-modal-head{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.gallery-photo-grid{grid-template-columns:1fr}}

/* 0.10.2 updater stability */
.global-update-progress.update-complete .gup-track i{width:100%!important}
.global-update-progress.update-complete{opacity:.96}
.global-update-progress.update-error .gup-track i{background:var(--bad)!important}

/* 0.10.5 — map/request modal stacking fix */
#modal,
.modal,
.modal-overlay,
.dialog-overlay {
  z-index: 12000 !important;
}
#modal .modal-content,
.modal .modal-content,
.modal-card,
.dialog {
  position: relative;
  z-index: 12001 !important;
}
#spsekMapSelectionPanel,
.spsek-map-selection-panel {
  z-index: 3200 !important;
}
.ui8-map-toolbar,
.ui8-map-filter-panel,
.map-filter-panel {
  z-index: 3000;
}

/* 0.10.6 — human schedule + admin selection/export */
.plan-human{white-space:nowrap;font-variant-numeric:tabular-nums}
.rq-select-col{width:42px!important}
.rq-select-head,.rq-select-cell{width:42px!important;min-width:42px!important;max-width:42px!important;text-align:center!important;padding-left:8px!important;padding-right:8px!important}
.rq-select-head input,.rq-select-cell input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}
.rq-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.rq-selection-bar.hidden{display:none!important}
.rq-selection-bar>div:first-child{display:flex;align-items:baseline;gap:10px}.rq-selection-bar b{font-size:12px;color:var(--text)}.rq-selection-bar span{font-size:9px;color:var(--muted)}
.rq-selection-bar>div:last-child{display:flex;gap:7px}
@media(max-width:760px){.rq-selection-bar{align-items:stretch;flex-direction:column}.rq-selection-bar>div:last-child{flex-wrap:wrap}}

/* 0.10.7 — compact dispatcher workspace and manual district learning */
.dispatch-card-compact{padding:13px!important}
.dispatch-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;position:sticky;top:0;z-index:4;background:var(--surface);padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
.dispatch-card-head h3{margin:0!important;font-size:13px!important}
.dispatch-save-top{min-height:34px!important;padding:6px 10px!important;white-space:nowrap;font-size:11px!important}
.dispatch-card-compact label{margin-bottom:8px!important;font-size:11px!important}
.dispatch-card-compact input,.dispatch-card-compact select,.dispatch-card-compact textarea{margin-top:4px!important;min-height:34px!important;padding-top:6px!important;padding-bottom:6px!important}
.dispatch-card-compact textarea[name="dispatcher_comment"]{min-height:70px!important;max-height:100px;resize:vertical}
.dispatch-card-compact .planning-fields{margin-bottom:7px!important}
.dispatch-card-compact .quick-intervals{gap:5px!important;margin:5px 0 7px!important}
.dispatch-card-compact .quick-intervals button{min-height:30px!important;padding:4px 5px!important;font-size:10px!important}
.dispatch-card-compact .interval-row{gap:6px!important}
.dispatch-card-compact .call-ahead-box{padding:7px!important;margin-bottom:7px!important}
.manual-district-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.manual-district-box>div:first-child{display:grid;gap:2px}.manual-district-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.manual-district-box b{font-size:12px}.manual-district-box small{font-size:9px;color:var(--muted)}
.manual-district-actions{display:flex!important;align-items:center;gap:7px;min-width:330px}.manual-district-actions select{margin:0!important;min-height:34px!important}.manual-district-actions button{white-space:nowrap}
@media(max-width:950px){.manual-district-box{align-items:stretch;flex-direction:column}.manual-district-actions{min-width:0;width:100%}}

/* 0.10.8 — calendar, planning and gallery lifecycle */
.plan-date-picker{display:grid;grid-template-columns:minmax(135px,1fr) 34px;gap:5px;align-items:center}
.plan-date-picker input{margin:0!important}
.calendar-open-btn{height:34px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface-3);color:var(--text);cursor:pointer}
.calendar-open-btn:hover{border-color:var(--accent);background:var(--accent-soft)}
.gallery-mode-actions{display:flex;gap:7px;align-items:center}
.gallery-photo-image{cursor:zoom-in}
.gallery-delete-btn{margin-top:7px;width:100%;min-height:30px;border-radius:7px;border:1px solid color-mix(in srgb,var(--bad) 45%,var(--line));background:color-mix(in srgb,var(--bad) 8%,var(--surface));color:var(--bad);font-size:9px;font-weight:800;cursor:pointer}
.gallery-delete-btn:hover{background:color-mix(in srgb,var(--bad) 14%,var(--surface))}
.calendar-page{display:grid;gap:10px}.calendar-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.calendar-nav{display:flex;align-items:center;gap:7px}.calendar-nav strong{min-width:180px;text-align:center;text-transform:capitalize;color:var(--text)}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays b{text-align:center;padding:7px;color:var(--muted);font-size:10px}
.calendar-cell{min-height:155px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:7px;overflow:hidden}.calendar-cell.outside{background:var(--surface-2);opacity:.42}.calendar-cell.today{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
.calendar-day-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.calendar-day-head b{font-size:12px;color:var(--text)}.calendar-day-head span{font-size:8px;color:var(--muted)}
.calendar-day-items{display:grid;gap:4px}.calendar-day-items button{display:grid;gap:1px;width:100%;text-align:left;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);padding:5px 6px;cursor:pointer;color:var(--text)}.calendar-day-items button:hover{border-color:var(--accent)}.calendar-day-items button strong{font-size:9px}.calendar-day-items button span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day-items button small{font-size:7px;color:var(--muted)}.calendar-more{font-size:8px;color:var(--muted);padding:3px}
@media(max-width:1000px){.calendar-grid,.calendar-weekdays{min-width:900px}.calendar-page{overflow-x:auto}.calendar-page-head{position:sticky;left:0}.gallery-mode-actions{flex-wrap:wrap}}

/* 0.10.8.1 — restored core page loaders */
.users-chip{display:inline-block;margin:1px 2px;padding:3px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:8px;color:var(--text-2)}
.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-dot.ok:before{background:#57b67a}.status-dot.off:before{background:#8b929b}
.user-editor{min-width:min(900px,82vw);max-width:1000px}.user-access-block{margin-top:13px;padding-top:11px;border-top:1px solid var(--line-soft)}.user-access-block h3{margin:0 0 8px;font-size:11px}.user-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:5px 10px;max-height:190px;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}
.analytics-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analytics-line{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft)}.analytics-line:last-child{border-bottom:0}.analytics-line span{color:var(--text-2)}.analytics-line b{color:var(--text)}
@media(max-width:800px){.analytics-columns{grid-template-columns:1fr}.user-editor{min-width:0;width:84vw}}

/* 0.10.9 — warehouse operations / ISU / salary settings */
.warehouse-ops-bar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.warehouse-op-modal{min-width:min(650px,82vw)}
.inventory-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:55vh;overflow:auto;margin:10px 0 14px}
.inventory-lines label{display:grid;gap:4px;font-size:9px;color:var(--text-2)}
.inventory-lines input{min-height:34px}
.salary-page .panel{margin-top:12px}
@media(max-width:760px){.warehouse-op-modal{min-width:0;width:84vw}.warehouse-ops-bar .ui8-btn{flex:1 1 145px}}

/* 0.11.0 operational UX */
.ui8-filter-card{position:sticky;top:0;z-index:34;background:var(--surface,#fff);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.rq-sort-main{min-width:190px;display:grid;gap:3px;font-size:11px}
.rq-sort-main select{min-height:36px}
.request-row.status-new-info,.status-new-info{background:rgba(255,196,0,.16)!important;box-shadow:inset 4px 0 #e0a400}
.calendar-cell[role=button]{cursor:pointer}.calendar-cell[role=button]:hover{outline:2px solid rgba(80,120,220,.22)}
.calendar-day-modal{min-width:min(760px,84vw)}.calendar-day-list{display:grid;gap:7px;max-height:65vh;overflow:auto}
.calendar-day-row{display:grid;grid-template-columns:120px 1fr;gap:4px 12px;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:inherit}
.calendar-day-row small{grid-column:2}.dispatch-week{display:flex;gap:5px;overflow:auto}.dispatch-day-chip{min-width:72px;padding:6px 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:inherit;display:grid}.dispatch-day-chip.active{font-weight:700;box-shadow:inset 0 0 0 2px currentColor}.sticky-dispatch{position:sticky;top:0;z-index:32;background:var(--surface);padding:8px}
.stat-clickable{cursor:pointer;text-align:left;border:0;color:inherit}.clickable-row{cursor:pointer}.clickable-row:hover{background:rgba(120,120,120,.08)}
@media(max-width:900px){.ui8-filter-card{top:0}.calendar-day-row{grid-template-columns:1fr}.calendar-day-row small{grid-column:1}}

/* 0.11.0.1 — real maintenance lock screen */
.spsek-maintenance-overlay{position:fixed;inset:0;z-index:99999;background:rgba(9,14,23,.94);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:24px;color:#f4f7fb}
.spsek-maintenance-overlay.hidden{display:none}
.maintenance-card{width:min(720px,94vw);padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#151d2b;box-shadow:0 26px 80px rgba(0,0,0,.45)}
.maintenance-card.admin{width:min(860px,94vw)}
.maintenance-card h1{font-size:28px;margin:8px 0 8px;color:#fff}.maintenance-card p{color:#b8c1cf}
.maintenance-progress{height:14px;border-radius:999px;background:#273246;overflow:hidden;margin:24px 0 8px}.maintenance-progress>div{height:100%;background:#eef3fb;border-radius:inherit;transition:width .35s ease}
.maintenance-percent{text-align:right;font-size:22px;font-weight:800}.maintenance-eta{text-align:center;margin-top:18px}
.maintenance-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.maintenance-admin-grid>div{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035)}
.maintenance-admin-grid span{font-size:10px;color:#9eaabb}.maintenance-admin-grid b{font-size:13px;color:#fff}
@media(max-width:700px){.maintenance-admin-grid{grid-template-columns:1fr 1fr}.maintenance-card{padding:22px}}

/* 0.11.0.1 salary settings */
.salary-settings-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:12px;margin:12px 0}
.dispatcher-rate-card{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.dispatcher-rate-card span{font-size:10px;color:var(--muted)}.dispatcher-rate-card strong{font-size:26px}
@media(max-width:1000px){.salary-settings-grid{grid-template-columns:1fr}}

/* 0.11.0.8 map diagnostics */
.map-diagnostic{display:grid;gap:5px;margin-top:4px}
.map-diagnostic>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.map-diagnostic>div span{font-size:10px;color:var(--muted)}
.map-diagnostic>div b,.map-diagnostic>div strong{font-size:13px}
.map-diagnostic>div.warning b{font-weight:800}
.map-diagnostic>small{display:block;margin-top:5px;color:var(--muted)}

/* 0.11.0.9 district polygons */
.district-polygon-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.district-diagnostics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.district-diagnostics-grid>div{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.district-diagnostics-grid span{font-size:10px;color:var(--muted)}.district-diagnostics-grid b{font-size:18px}
@media(max-width:850px){.district-diagnostics-grid{grid-template-columns:1fr 1fr}}

/* 0.11.0.11.2 settings organization */
.settings-salary-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.settings-salary-links>div{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:8px;background:var(--surface-2)}
.settings-salary-links span{font-size:12px;color:var(--muted);line-height:1.45}
.settings-salary-links button{justify-self:start}
@media(max-width:900px){.settings-salary-links{grid-template-columns:1fr}}

/* 0.11.0.12 — request workflow UX */
.ui8-requests-page .ui8-page-command{
  position:sticky!important;
  top:76px!important;
  z-index:45!important;
  background:color-mix(in srgb,var(--surface) 97%,transparent)!important;
  backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
.ui8-filter-row{align-items:flex-end!important}
.rq-phone-search{min-width:245px!important;flex:1 1 245px!important}
.rq-phone-search input{width:100%!important}
.multi-filter{position:relative!important}
.multi-filter>button{min-width:155px!important}
.multi-filter-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  width:min(420px,calc(100vw - 40px))!important;
  min-width:300px!important;
  max-height:min(520px,70vh)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18)!important;
  z-index:90!important;
}
.multi-filter-menu.hidden{display:none!important}
.multi-filter-tools{flex:0 0 auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:11px 12px!important;border-bottom:1px solid var(--line-soft)!important;background:var(--surface-2)!important}
.multi-filter-tools>div{display:flex;gap:5px}
.multi-filter-search{flex:0 0 auto!important;margin:9px 10px 5px!important;width:calc(100% - 20px)!important}
.multi-options{overflow-y:auto!important;overflow-x:hidden!important;max-height:340px!important;padding:5px 7px 8px!important;scrollbar-gutter:stable!important}
.multi-options label{display:flex!important;align-items:center!important;gap:9px!important;min-height:38px!important;padding:7px 9px!important;border-radius:7px!important;cursor:pointer!important}
.multi-options label:hover{background:var(--surface-2)!important}
.multi-options label input{flex:0 0 auto!important}
.multi-options label span{white-space:normal!important;line-height:1.25!important}
.multi-filter-bottom{flex:0 0 auto!important;padding:8px 10px!important;border-top:1px solid var(--line-soft)!important;display:flex!important;justify-content:flex-end!important;background:var(--surface)!important}

/* Dashboard control centre */
.dashboard-control .panel-body{display:grid;gap:7px!important}
.control-row{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer}
.control-row:hover{border-color:var(--accent);transform:translateY(-1px)}
.control-row b{font-size:17px}
.control-row.warning b{color:var(--warn)}
.control-row.danger b{color:var(--bad)}

/* Dispatcher salary by request category */
.dispatcher-rate-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:9px;margin-bottom:12px}
.dispatcher-rate-card{display:grid!important;gap:4px!important;text-align:left!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface-2)!important;color:var(--text)!important;cursor:pointer!important}
.dispatcher-rate-card:hover{border-color:var(--accent)!important}
.dispatcher-rate-card strong{font-size:20px!important}
.dispatcher-rate-card small{color:var(--muted)!important}
.dispatcher-rate-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.dispatcher-rate-editor label{display:grid;grid-template-columns:1fr 130px auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface-2)}
.dispatcher-rate-editor label span{font-size:11px;color:var(--muted)}
.dispatcher-category-summary .stat small{display:block;margin-top:5px;color:var(--muted)}

/* Analytics view journal */
.analytics-link{border:0;background:transparent;color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 7px}
.analytics-link:hover{color:var(--accent-2)}
.analytics-view-history{min-width:min(1100px,90vw)}
.view-history-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:12px 0}
.view-history-filters label{display:grid;gap:4px}
.view-history-count{margin:7px 0 9px;color:var(--muted)}

@media(max-width:1100px){
  .ui8-requests-page .ui8-page-command{top:70px!important}
  .dispatcher-rate-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .multi-filter-menu{position:fixed!important;left:12px!important;right:12px!important;top:90px!important;width:auto!important;max-height:70vh!important}
  .dispatcher-rate-grid,.dispatcher-rate-editor{grid-template-columns:1fr}
  .dispatcher-rate-editor label{grid-template-columns:1fr}
}

/* 0.11.0.13.0 — requests UX + contacts */
.ui8-requests-page .ui8-page-command{top:64px!important;padding:10px 12px!important}
.ui8-requests-page .ui8-page-command-head{margin-bottom:4px!important}
.ui8-requests-page .ui8-page-command-head h2{font-size:20px!important;margin:0!important}
.ui8-requests-page .ui8-page-command-head p{display:none!important}
.ui8-requests-page .ui8-filter-row{margin-top:6px!important;gap:6px!important}
.ui8-requests-page .ui8-filter-footer{margin-top:6px!important}
.ui8-requests-page input,.ui8-requests-page select,.ui8-requests-page .multi-filter>button{min-height:34px!important}
.multi-options label[style*="display: none"]{display:none!important}
.request-contacts-card{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface-2)}
.request-contacts-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}.request-contacts-head h3{margin:0}
.call-placeholders{display:flex;gap:6px;flex-wrap:wrap}
.request-phone-list{display:grid;gap:6px}.request-phone-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,240px) minmax(180px,1fr);gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.request-phone-row small{color:var(--muted)}.request-phone-row.phone-status-actual{border-left:4px solid var(--good)}.request-phone-row.phone-status-wrong_contact{border-left:4px solid var(--bad)}.request-phone-row.phone-status-not_in_service{opacity:.72}.request-phone-row.last-call-phone{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.phone-main{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.phone-main b{font-size:15px}
.call-number-list{display:grid;gap:7px}.call-number-list button{display:flex;justify-content:space-between;gap:20px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.call-number-list button:hover{border-color:var(--accent)}
.planning-mode-slot{min-height:118px;display:flex;flex-direction:column;justify-content:flex-start;padding-top:7px}.planning-empty-slot{min-height:72px;display:flex;align-items:center;color:var(--muted)}
.plan-mode-cards{position:relative!important}.planning-interval-setting{display:grid;grid-template-columns:140px auto 140px auto;gap:8px;align-items:center;margin:6px 0}
@media(max-width:800px){.request-phone-row{grid-template-columns:1fr}.request-contacts-head{align-items:flex-start;flex-direction:column}.planning-interval-setting{grid-template-columns:1fr auto 1fr auto}}

/* 0.11.0.13.1 — admin bulk override */
.admin-bulk-override{display:grid;gap:12px;max-width:720px}
.admin-bulk-warning{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(200,58,58,.35);background:rgba(200,58,58,.08);border-radius:10px}
.admin-bulk-warning b{color:var(--danger,#b42318);font-size:15px}
.admin-bulk-warning span{color:var(--muted)}
.admin-bulk-check{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px!important;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.admin-bulk-check input{width:18px!important;min-width:18px!important;min-height:18px!important;margin:2px 0 0!important}
.admin-bulk-check span{display:grid;gap:2px}.admin-bulk-check small{color:var(--muted);font-weight:400}
.admin-bulk-status-row{display:grid;gap:5px}.admin-bulk-status-row.disabled{opacity:.55}
.rq-selection-bar .ui8-btn.danger{background:rgba(200,58,58,.10);border-color:rgba(200,58,58,.35);color:#b42318}

/* 1.0.0 RC1: filter popups are viewport-bound by JS */
.multi-filter-menu{max-width:calc(100vw - 20px)!important;overscroll-behavior:contain;}
.multi-filter-bottom{position:sticky!important;bottom:0!important;z-index:2!important;}
\n\n/* 1.0.0 RC1.1 — request filters hard viewport containment */
.ui8-requests-page,.ui8-requests-page .ui8-page-command{max-width:100%!important;min-width:0!important;overflow-x:clip!important}
.ui8-requests-page .ui8-filter-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}
.ui8-requests-page .ui8-filter-row>*{min-width:0!important;max-width:100%!important;width:auto!important}
.ui8-requests-page .ui8-filter-row .rq-phone-search{min-width:0!important;max-width:100%!important}
.ui8-requests-page .ui8-filter-row input,.ui8-requests-page .ui8-filter-row select,.ui8-requests-page .multi-filter>button{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
.ui8-requests-page .ui8-filter-footer{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
.ui8-requests-page .ui8-filter-footer-actions{margin-left:auto!important;flex-wrap:wrap!important;max-width:100%!important}
.multi-filter-menu{box-sizing:border-box!important;min-width:min(300px,calc(100vw - 20px))!important;overflow:hidden!important}
.multi-filter-bottom{flex:0 0 auto!important;background:var(--surface)!important;padding:8px 10px!important;border-top:1px solid var(--line-soft)!important}
@media(max-width:620px){
 .ui8-requests-page .ui8-filter-footer-actions{width:100%!important;margin-left:0!important}
 .ui8-requests-page .ui8-filter-footer-actions .ui8-btn{flex:1 1 140px!important}
}

/* 1.0.0 RC1.4 — compact request search + right filter drawer */
.ui8-requests-page .rq-quick-filter-row{display:grid!important;grid-template-columns:minmax(300px,1.5fr) minmax(240px,.9fr) auto minmax(210px,.7fr)!important;gap:8px!important;align-items:end!important;margin-top:7px!important;min-width:0!important}
.rq-quick-filter-row>*{min-width:0!important}.rq-quick-filter-row .ui8-search input{width:100%!important;box-sizing:border-box!important}.rq-filter-open{white-space:nowrap!important}.rq-filter-open b{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-3);margin-left:5px;padding:0 5px}
.rq-active-filter-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;min-height:30px}.rq-active-filter-line .ui8-chips{flex:1}.rq-active-filter-line:has(.ui8-chips:empty){min-height:0;margin-top:0}
.rq-filter-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.28)!important;z-index:180!important}.rq-filter-drawer{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:min(430px,94vw)!important;background:var(--surface)!important;border-left:1px solid var(--line)!important;box-shadow:-18px 0 50px rgba(0,0,0,.18)!important;z-index:181!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}.rq-filter-drawer.hidden,.rq-filter-backdrop.hidden{display:none!important}.rq-filter-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.rq-filter-drawer-head h3{margin:2px 0 0}.rq-filter-drawer-body{overflow-y:auto;padding:14px;display:grid;gap:12px;align-content:start}.rq-filter-drawer-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface)}.rq-related-filter{display:flex!important;align-items:center!important;gap:9px!important;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
/* In the drawer multi-selects are sections, not floating popups. */
.rq-filter-drawer .multi-filter>button{display:none!important}.rq-filter-drawer .multi-filter-menu,.rq-filter-drawer .multi-filter-menu.hidden{position:static!important;display:flex!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:1px solid var(--line)!important;transform:none!important}.rq-filter-drawer .multi-options{max-height:220px!important}.rq-filter-drawer .multi-filter-bottom{display:none!important}.rq-filter-drawer .multi-options label input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important}
body.rq-filter-drawer-open{overflow:hidden!important}
@media(max-width:1050px){.ui8-requests-page .rq-quick-filter-row{grid-template-columns:minmax(240px,1fr) minmax(220px,1fr) auto!important}.rq-quick-filter-row .rq-sort-main{grid-column:1/-1!important}}
@media(max-width:680px){.ui8-requests-page .rq-quick-filter-row{grid-template-columns:1fr!important}.rq-quick-filter-row .rq-sort-main{grid-column:auto!important}.rq-filter-open{width:100%!important}.rq-active-filter-line{align-items:flex-start;flex-direction:column}}

/* RC3.3: wider request filter drawer and wheel-friendly full-panel scrolling */
.rq-filter-drawer{width:min(560px,96vw)!important}
.rq-filter-drawer-body{overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px!important}
.rq-filter-drawer .rq-drawer-group,.rq-filter-drawer .multi-filter,.rq-filter-drawer .multi-filter-menu{min-width:0}
.rq-filter-drawer .multi-options{max-height:260px!important;overscroll-behavior:contain}
@media(max-width:700px){.rq-filter-drawer{width:96vw!important}}

.supply-modal{min-width:min(1050px,86vw)}.supply-line{border:1px solid var(--border);border-radius:12px;padding:12px;margin:10px 0;background:var(--surface-2,#fff)}.supply-line label{display:block;margin:6px 0}.supply-line input,.supply-line select{width:100%}

/* RC3.4.1 — supply request modal responsive sizing */
#modal:has(.supply-modal) .modal-box{
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:1180px!important;
  max-height:calc(100vh - 48px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.supply-modal{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box;
  overflow-x:hidden;
}
.supply-modal .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.supply-modal .table-wrap{width:100%;max-width:100%;overflow-x:auto}
.supply-modal .data-table{width:100%;min-width:760px}
.supply-modal .form-grid{grid-template-columns:minmax(0,2fr) minmax(190px,1fr);align-items:end}
.supply-modal textarea,.supply-modal input,.supply-modal select{box-sizing:border-box;max-width:100%}
.supply-modal>label{display:block;margin-top:12px}
.supply-modal>label textarea{display:block;width:100%;margin-top:6px;min-height:72px;resize:vertical}
.supply-modal #supplyLines{width:100%;min-width:0}
.supply-modal .supply-line{min-width:0;overflow:hidden}
.supply-modal .modal-actions{position:sticky;bottom:-1px;z-index:2;background:var(--surface);padding:12px 0 2px;flex-wrap:wrap}
@media(max-width:760px){
  #modal:has(.supply-modal) .modal-box{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;padding:18px!important;padding-right:42px!important}
  .supply-modal .form-grid{grid-template-columns:1fr}
  .supply-modal .panel-head{align-items:stretch}
  .supply-modal .panel-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
}

/* RC3.6 information architecture + infrastructure */
.system-page{display:grid;gap:18px}.system-page .panel{overflow:hidden}.system-state{font-size:12px;font-weight:800;letter-spacing:.08em;padding:7px 10px;border:1px solid var(--line,#d7dce5);border-radius:999px}.system-state.on{border-color:var(--accent,#2563eb)}.system-checks{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0}.route-result{min-width:0}.route-order{display:grid;gap:8px;margin:18px 0;padding-left:26px}.route-order li{padding:10px 12px;border:1px solid var(--line,#d7dce5);border-radius:10px}.route-order li span,.route-order li small{display:block;margin-top:3px}.route-order li small{opacity:.65}.dispatch-toolbar select{min-width:210px}.maintenance-progress.indeterminate{overflow:hidden}.maintenance-progress.indeterminate>div{width:36%!important;animation:spsekIndeterminate 1.4s ease-in-out infinite}@keyframes spsekIndeterminate{0%{transform:translateX(-120%)}100%{transform:translateX(330%)}}@media(max-width:900px){.dispatch-toolbar{flex-wrap:wrap}.dispatch-toolbar select{width:100%;min-width:0}.system-checks{display:grid;gap:8px}}


/* RC3.7 navigation hierarchy */
.ui8-nav-group{margin-bottom:6px}
.ui8-sidebar nav .ui8-nav-group-toggle{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:#c3ccd4;text-align:left;font-weight:750;cursor:pointer}
.ui8-sidebar nav .ui8-nav-group-toggle:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-group-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.045);font-size:16px}
.nav-group-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-group-arrow{font-size:15px;transition:transform .16s;text-align:center;color:#748391}
.ui8-nav-group.open .nav-group-arrow{transform:rotate(180deg)}
.ui8-nav-items{display:none;flex-direction:column;gap:2px;padding:2px 0 4px 12px}
.ui8-nav-group.open .ui8-nav-items{display:flex}
.ui8-nav-items>button{min-height:38px!important}
.ui8-sidebar.collapsed .ui8-nav-group-toggle{display:none!important}
.ui8-sidebar.collapsed .ui8-nav-items{display:flex!important;padding-left:0}
.ui8-sidebar.collapsed .ui8-nav-group{margin-bottom:2px}
.ui8-sidebar.collapsed .ui8-nav-items>button{min-height:42px!important}

/* RC3.7 settings information architecture */
.settings-moved-note{margin-bottom:12px!important}
.settings-link-btn{border:0;background:transparent;color:var(--accent);padding:0 3px;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.settings-link-btn:hover{opacity:.8}
.settings-sidebar{max-height:calc(100vh - 120px);overflow:auto}
.settings-sidebar button{display:block;width:100%;text-align:left}
@media(max-width:920px){.settings-sidebar{max-height:none;overflow:visible}}