.mnt-page { display: flex; flex-direction: column; gap: var(--sp-5); }
.mnt-page h1 { margin: 0; }








.mnt-item { display: flex; flex-direction: column; gap: var(--sp-2); }
.mnt-known { margin-block-end: var(--sp-2); }
.mnt-log { margin-block-start: var(--sp-5); }
.mnt-log-row { display: flex; flex-direction: column; gap: var(--sp-1); }
.mnt-field { display: flex; flex-direction: column; gap: var(--sp-2); }
.mnt-field .inc-label { margin-block-end: 0; }
.mnt-field input { width: 100%; }
.mnt-field textarea { width: 100%; font: inherit; }




.svb-book { display: flex; flex-direction: column; gap: var(--sp-3); }





.sh-body.svr-host { display: flex; flex-direction: column; overflow: hidden; padding: 0; }
.svr-form { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.svr-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: var(--sp-5) var(--sp-6); }
.svr-foot { flex: none; display: flex; flex-direction: column; gap: var(--sp-3);
            padding: var(--sp-4) var(--sp-6) calc(var(--sp-4) + env(safe-area-inset-bottom, 0px));
            border-block-start: 1px solid var(--line); background: var(--card); }


.svr-summary { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.svr-summary:empty { display: none; }

.svr-summary > p { margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;
                   -webkit-line-clamp: 2; line-clamp: 2; }
.svr-sum { font-weight: var(--fw-semi); }
@media (max-width: 719px) {
  .svr-scroll, .svr-foot { padding-inline: var(--sp-5); }
}

.rn-opt.svr-pick { min-height: 44px; padding-block: var(--sp-3); flex-direction: row; align-items: center; }
.svr-why { margin: 0; }

.svb-works { display: flex; flex-direction: column; gap: var(--sp-1); }
.svb-work { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2); }
.svb-veh { display: flex; flex-direction: column; }
.svb-totalline { margin: 0; font-weight: var(--fw-semi); }
.svb-pickveh { max-inline-size: 28rem; }

@media (max-width: 480px) { .page-head > .mnt-record { flex: 1 1 100%; } }



.svr-top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-4); }

.svr-dmg { align-items: center; gap: var(--sp-3); }

.svr-need { outline: 2px solid var(--warn); outline-offset: 2px; border-radius: var(--r); }
.svr-name .svr-skip { width: auto; min-height: 44px; padding: var(--sp-2) var(--sp-4); margin-block-start: var(--sp-1); }
.svr-dmg-name { min-inline-size: 0; overflow-wrap: anywhere; }
.svr-dmg .svr-yn { width: auto; min-inline-size: 64px; min-height: 44px; padding: var(--sp-2) var(--sp-4); align-items: center; text-align: center; }
.svr-sheet { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-s); }
.svr-row { display: grid; grid-template-columns: minmax(0, 1fr) 64px 64px 32px; align-items: center;
           column-gap: var(--sp-2); padding-inline-start: var(--sp-4); min-height: 40px;
           border-block-end: 1px solid var(--line); }
.svr-sheet > .svr-row:last-child { border-block-end: 0; }
.svr-head { font-size: var(--fs-xs); font-weight: var(--fw-semi); color: var(--muted); }
.svr-name { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2); min-inline-size: 0;
            padding-block: var(--sp-2); }
.svr-tick { inline-size: 64px; block-size: 100%; min-block-size: 40px; display: inline-flex; align-items: center;
            justify-content: center; padding: 0; background: none; color: var(--ink);
            border: 0; border-inline-start: 1px solid var(--line); border-radius: 0;
            font-size: var(--fs-l); font-weight: var(--fw-semi); }


button.svr-tick { cursor: pointer; inline-size: auto; block-size: 36px; min-block-size: 0; margin: 3px 4px;
                  border: 2px solid var(--muted); border-radius: var(--r-s); background: var(--card);
                  color: var(--ink); font-size: var(--fs-s); }
button.svr-tick:hover { background: var(--hover); filter: none; }
button.svr-tick.on, button.svr-tick.on:hover { background: var(--accent); border-color: transparent;
                                               color: var(--on-accent); }


.svr-head .svr-tick { font-size: var(--fs-xs); color: var(--muted); text-transform: none; line-height: 1.15;
                      text-align: center; overflow-wrap: anywhere; hyphens: auto; padding-inline: 2px; }

button.svr-tick.svr-word { font-size: var(--fs-xs); }
.svr-pen { inline-size: 32px; block-size: 40px; padding: 0; background: none; border: 0; color: var(--muted);
           cursor: pointer; }
.svr-pen:hover { color: var(--ink); background: none; filter: none; }
span.svr-pen { cursor: default; }
.svr-row-extra { grid-column: 1 / -1; display: flex; flex-direction: column; gap: var(--sp-3);
                 padding: 0 var(--sp-4) var(--sp-3) 0; }
.svr-row-extra input { width: 100%; }
.svr-hand { width: 100%; border: 0; border-block-end: 1px dashed var(--line); border-radius: 0;
            background: none; color: var(--ink); padding-inline: 0; }
.svb-page { display: flex; flex-direction: column; gap: var(--sp-3); }
.svb-kv { display: flex; flex-direction: column; gap: var(--sp-1); }

.vmt { display: flex; flex-direction: column; gap: var(--sp-8); }
.vmt-sec { display: flex; flex-direction: column; gap: var(--sp-4); min-width: 0; }
.vmt-h { margin: 0; font-size: var(--fs-l); }
.vmt-head { flex-wrap: wrap; gap: var(--sp-3); align-items: baseline; }

.dmg-line.vmt-line, .dmg-line.vmt-line:hover { color: var(--ink); }
.dmg-line.vmt-line.near, .dmg-line.vmt-line.near:hover { color: var(--warn); }
.dmg-line.vmt-line.has, .dmg-line.vmt-line.has:hover { color: var(--crit); }

.svb-headrow { flex-wrap: wrap; gap: var(--sp-3); align-items: baseline; }
.svb-controls { flex-wrap: wrap; gap: var(--sp-4); align-items: flex-end; }
.svb-ctl { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.svb-ctl .inc-label { margin: 0; }
.svb-ctl-veh { flex: 1 1 24rem; max-inline-size: 36rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: var(--sp-2); }
.svb-ctl-veh > .inc-label { grid-column: 1 / -1; }
.svb-ctl-veh select, .svb-ctl-veh input { width: 100%; min-height: 44px; }
.svb-ctl input[type="date"] { min-height: 44px; }

.mnt-props { margin-block-end: var(--sp-4); }
.mnt-prop { flex-wrap: wrap; gap: var(--sp-3); align-items: center; padding-block: var(--sp-2);
            border-block-end: 1px solid var(--line); }
.mnt-prop-text { flex: 1 1 16rem; min-width: 0; }
.mnt-prop button { min-height: 44px; }


.wsp { display: flex; flex-direction: column; gap: var(--sp-4); break-inside: avoid; }
.wsp-title { margin: 0; font-size: var(--fs-m); }
.wsp .wsp-box { border: 1px solid var(--ink); border-radius: var(--r-s); background: none; }
.wsp-asked .svr-name > span:first-child { font-weight: 700; }
.wsp-line { display: flex; align-items: flex-end; gap: var(--sp-3); }
.wsp-line .inc-label { margin: 0; flex: none; }
.wsp-rule { flex: 1 1 auto; border-block-end: 1px solid var(--ink); min-height: 1.6rem; }
.wsp-short .wsp-rule { flex: 0 1 12rem; }
.wsp-tall .wsp-rule { min-height: 4.5rem; }
.svr-all { align-self: flex-start; min-height: 44px; }


.mi-grid { display: flex; flex-direction: column; gap: var(--sp-4); }
.mi-open { align-self: flex-start; min-height: 44px; }
.mi-title { margin: 0; font-size: var(--fs-m); }



.mi-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.mi-veh-head { text-align: start; font-size: var(--fs-s); font-weight: var(--fw-semi); }
.mi-veh-head > span { display: block; }
@media (min-width: 900px) {
  .mi-wrap { overflow: auto; max-block-size: 70vh; border: 1px solid var(--line); border-radius: var(--r);
             background: var(--card); }
  .mi-table th, .mi-table td { padding: var(--sp-3) var(--sp-4); border-block-end: 1px solid var(--line);
                               vertical-align: top; text-align: start; min-width: 12rem; }
  .mi-table thead th { position: sticky; inset-block-start: 0; z-index: 2; background: var(--card);
                       font-size: var(--fs-xs); color: var(--muted); font-weight: var(--fw-semi); }
  .mi-table .mi-veh-head, .mi-table .mi-corner { position: sticky; inset-inline-start: 0; z-index: 1;
                                                 background: var(--card); min-width: 9rem;
                                                 border-inline-end: 1px solid var(--line); }
  .mi-table .mi-corner { z-index: 3; }
  .mi-table .mi-kind { display: none; }
  .mi-table td.mi-cell { display: table-cell; }
  .mi-table td.mi-cell > * + * { margin-block-start: var(--sp-2); }
}
@media (max-width: 899px) {
  .mi-table, .mi-table tbody, .mi-table tr, .mi-table th, .mi-table td { display: block; }
  .mi-table thead, .mi-table .mi-empty { display: none; }
  .mi-veh { border: 1px solid var(--line); border-radius: var(--r); background: var(--card);
            padding: var(--sp-4); margin-block-end: var(--sp-4); }
  .mi-veh-head { margin-block-end: var(--sp-3); }
  .mi-veh-head > span { display: inline; margin-inline-end: var(--sp-3); }
  .mi-table td.mi-cell { display: flex; margin-block-end: var(--sp-4); }
}
.mi-cell { display: flex; flex-direction: column; gap: var(--sp-2); min-width: 0; }
.mi-cell input { width: 100%; min-height: 44px; }
.mi-cell.mi-bad input { border-color: var(--crit); }
.mi-why { margin: 0; }
.mi-filled { text-align: start; min-height: 44px; }
.mi-foot { position: sticky; inset-block-end: 0; display: flex; flex-wrap: wrap; align-items: center;
           gap: var(--sp-4); padding: var(--sp-4) 0 calc(var(--sp-4) + env(safe-area-inset-bottom, 0px));
           background: var(--bg); border-block-start: 1px solid var(--line); }
.mi-sum { flex: 1 1 14rem; font-weight: var(--fw-semi); min-inline-size: 0; }

.mi-foot { inline-size: 100%; box-sizing: border-box; z-index: 4; }
.mi-foot > button { flex: none; }

@media (max-width: 899px) {
  .mi-foot { inset-block-end: calc(var(--bottombar-h) + 0px + env(safe-area-inset-bottom)); }
}

.svb-done { display: flex; flex-direction: column; gap: var(--sp-2); }
.svb-did { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2);
           padding-block: var(--sp-2); border-block-end: 1px solid var(--line); }
.svb-did-name { font-weight: 600; }
.svb-view-acts { flex-wrap: wrap; gap: var(--sp-3); }





.asv-page { display: flex; flex-direction: column; gap: var(--sp-5); }
.asv-page h1 { margin: 0; }





.cov-page { display: flex; flex-direction: column; gap: var(--sp-5); }
.cov-page h1 { margin: 0; }
.cov-count, .cov-empty { margin: 0; }
.cov-count { font-weight: var(--fw-semi); }


.cov-scroll { display: none; }
.cov-list { display: flex; flex-direction: column; gap: var(--sp-3); }
.cov-row { padding: 0; overflow: hidden; }



.cov-body { display: flex; flex-direction: column; gap: var(--sp-4);
            padding: var(--sp-3) var(--sp-5) var(--sp-4); }
.cov-group { display: flex; flex-direction: column; gap: var(--sp-2); }
.cov-group .inc-label { margin-block-end: 0; }

@media (min-width: 900px) {
  .cov-list { display: none; }







  .cov-scroll {
    display: block; overflow: auto; max-block-size: 68vh; overscroll-behavior: contain;
    border: 1px solid var(--line); border-radius: var(--r-s); background: var(--card);
  }



  .cov-table {
    --cov-veh-col: 10rem;
    --cov-col: 10rem;
    table-layout: fixed; border-collapse: separate; border-spacing: 0; min-inline-size: 100%;
    font-size: var(--fs-s);
  }
  .cov-table th, .cov-table td {
    padding: var(--sp-2) var(--sp-3); border-block-end: 1px solid var(--line);
    vertical-align: middle; text-align: start; font-weight: var(--fw-reg);
  }
  .cov-table tbody tr:last-child th, .cov-table tbody tr:last-child td { border-block-end: 0; }








  .cov-table tbody tr:hover td, .cov-table tbody tr:hover .cov-veh { background: var(--hover); }
  .cov-ty-h { inline-size: var(--cov-col); }

  .cov-veh-h, .cov-ty-h {
    position: sticky; inset-block-start: 0; z-index: 2; background: var(--card);
    font-size: var(--fs-xs); font-weight: var(--fw-semi);
    color: var(--muted);
    box-shadow: inset 0 -1px 0 var(--line);
  }
  .cov-ty-h { display: table-cell; }



  .cov-veh, .cov-veh-h {
    position: sticky; inset-inline-start: 0; z-index: 1; inline-size: var(--cov-veh-col);
    background: var(--card); box-shadow: inset -1px 0 0 var(--line);
  }
  .cov-veh-h { z-index: 3; }
  .cov-veh { display: table-cell; white-space: nowrap; }
  .cov-veh .pill { display: inline-block; max-inline-size: 100%; overflow: hidden;
                   text-overflow: ellipsis; vertical-align: middle; }
  .cov-veh .num { margin-inline-start: var(--sp-2); }
}




.cov-cell {
  display: flex; align-items: center; inline-size: 100%; min-block-size: 44px;
  padding: 0; background: none; border: 0; border-radius: var(--r-s);
  color: var(--ink); text-align: start;
}
.cov-cell:hover { filter: none; }
.cov-gap { justify-content: center; color: var(--muted); }


button.cov-gap:hover { background: var(--hover); color: var(--accent); }











.prt-page { gap: var(--sp-5); }
.prt-row { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.prt-act { gap: var(--sp-3); flex-wrap: wrap; margin-block-start: var(--sp-2); }



.prt-block { margin-block-start: var(--sp-4); padding-inline-start: var(--sp-4);
             border-inline-start: 2px solid var(--line); display: flex; flex-direction: column;
             gap: var(--sp-2); }
.prt-list { gap: var(--sp-3); }
.prt-form { gap: var(--sp-3); }
.prt-field { display: flex; flex-direction: column; gap: var(--sp-2); }
.prt-field .inc-label { margin-block-end: 0; }
.prt-field input { width: 100%; }


.prt-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }

.prt-will { padding: var(--sp-3) var(--sp-4); border-radius: var(--r-s); background: var(--hover); }

@media (max-width: 719px) {
  .prt-pair { grid-template-columns: minmax(0, 1fr); }
  .prt-act .ho-big, .prt-act .ghost { flex: 1 1 100%; }
}



































.dt-tools { display: flex; align-items: center; gap: var(--sp-4); flex-wrap: wrap; }


.dt-pick {
  flex: 0 1 12rem; min-width: 0; max-width: 14rem;
  font-size: var(--fs-s); padding: var(--sp-2) var(--sp-4);
}
.dt-search {


  flex: 1 1 auto; inline-size: 10rem; min-width: 0; max-width: 16rem; box-sizing: border-box; min-block-size: var(--ctl-h);
  font-size: var(--fs-s); padding: var(--sp-2) var(--sp-4);
}
.dt-search::-webkit-search-cancel-button { cursor: pointer; margin-inline-start: var(--sp-2); }
.rn-page > .rn-search { display: block; width: 100%; max-width: 24rem; margin-block: var(--sp-3); }
@media (max-width: 719px) { .rn-page > .rn-search { max-width: none; } }


@media (max-width: 719px) {
  .dt-pick { flex: 1 1 100%; max-width: none; }
  .dt-search { flex: 1 1 auto; inline-size: 100%; max-width: none; }
  .dt-count { margin-inline-start: 0; text-align: start; }
}














.dt-wrap {
  overflow: auto; max-block-size: 68vh; overscroll-behavior: contain;
  border: 1px solid var(--line); border-radius: var(--r-s);
  background:
    linear-gradient(to right, var(--card), transparent) 0 0 / var(--sp-8) 100% no-repeat local,
    linear-gradient(to left, var(--card), transparent) 100% 0 / var(--sp-8) 100% no-repeat local,
    linear-gradient(to right, var(--line), transparent) 0 0 / var(--sp-4) 100% no-repeat scroll,
    linear-gradient(to left, var(--line), transparent) 100% 0 / var(--sp-4) 100% no-repeat scroll,
    var(--card);
}
.dt {
  inline-size: 100%; min-inline-size: var(--dt-min, 0);
  table-layout: fixed; border-collapse: separate; border-spacing: 0;
  font-size: var(--fs-s);
}










.dt th, .dt td {
  padding: var(--sp-2) var(--sp-3);
  border-block-end: 1px solid var(--line);
  vertical-align: middle; text-align: start; font-weight: var(--fw-reg);
}
.dt td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt tbody tr:last-child td { border-block-end: 0; }
.dt-end, .dt-end .dt-sort { text-align: end; justify-content: flex-end; }


.dt-end .dt-caret { order: -1; }


@media (min-width: 900px) {
  .lk-dt :is(th, td).num { text-align: end; }
  .lk-dt th.num .dt-sort { justify-content: flex-end; text-align: end; }
  .lk-dt th.num .dt-caret { order: -1; }
}




.dt thead th {
  position: sticky; inset-block-start: 0; z-index: 2;
  padding: 0; background: var(--card); border-block-end: 0;
  box-shadow: inset 0 -1px 0 var(--line);
}









.dt thead th:has(.dt-sort) { min-inline-size: min-content; }
.dt-sort {
  display: flex; align-items: center; gap: var(--sp-2);
  inline-size: 100%; min-block-size: 36px; padding: var(--sp-2) var(--sp-3);
  background: none; border: 0; border-radius: 0;
  font: inherit; font-size: var(--fs-xs); font-weight: var(--fw-semi);
  color: var(--muted); text-align: start; cursor: pointer;
}
.dt-sort:hover { filter: none; background: var(--hover); color: var(--ink); }
.dt-sort.on { color: var(--ink); }



.dt-sort.dt-fixed { cursor: default; }
.dt-sort.dt-fixed:hover { background: none; color: var(--muted); }

















.dt-sort-label {
  min-width: 0; white-space: normal; overflow-wrap: normal; word-break: keep-all; hyphens: none;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
  overflow: hidden;
}



.dt-caret { display: flex; flex: none; color: var(--muted); opacity: 0;
            transition: opacity var(--t) var(--ease); }
.dt-sort:hover .dt-caret { opacity: .45; }
.dt-sort.on .dt-caret { opacity: 1; color: var(--accent); }
.dt-caret.up { transform: rotate(90deg); }
.dt-caret.down { transform: rotate(-90deg); }





.dt-row { background: transparent; }
.dt-row:hover { background: var(--row-hover); }
.dt-row.picked, .dt-row.picked:hover { background: var(--accent-soft); }






.dt-tick {
  display: flex; align-items: center; justify-content: center;
  inline-size: 100%; min-block-size: 44px; margin: 0; padding: 0; cursor: pointer;
}


















.dt-row-open { cursor: pointer; }


.dt-row-open:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }






button.dt-name {
  display: inline-block; max-inline-size: 100%; min-block-size: 26px; padding: 0;
  vertical-align: middle;
  background: none; border: 0; border-radius: var(--r-s);
  font: inherit; color: var(--ink); text-align: start; cursor: pointer;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
button.dt-name:hover { filter: none; }
button.dt-name:hover, tr:hover > td > button.dt-name { color: var(--accent); text-decoration: underline; }




.dt-c-act { inline-size: 3.25rem; }
.dt th.dt-act, .dt td.dt-act {
  position: sticky; inset-inline-end: 0; z-index: 1;
  padding-inline: var(--sp-2); text-align: end; overflow: visible;
  background-color: var(--card); box-shadow: -1px 0 0 var(--line);
}

.dt thead th.dt-act { z-index: 3; box-shadow: inset 0 -1px 0 var(--line), -1px 0 0 var(--line); }


.dt tbody tr:hover > td.dt-act { background-image: linear-gradient(var(--row-hover), var(--row-hover)); }
.dt tbody tr.picked > td.dt-act { background-image: linear-gradient(var(--accent-soft), var(--accent-soft)); }
.dt-grouprow > td.dt-act { background-color: var(--card2); }



td.dt-act { text-align: end; white-space: nowrap; }
td.dt-act > * { vertical-align: middle; }
.lk-m-ra { display: none; }
.prt-st-cell { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-1); }
.prt-st-cell .link { white-space: nowrap; padding: 0; }

.dt-menu-btn {
  display: inline-flex; align-items: center; justify-content: center;
  inline-size: 30px; block-size: 30px; padding: 0;
  background: none; border: 0; border-radius: var(--r-s);
  color: var(--muted); cursor: pointer;
}
.dt-menu-btn:hover { background: var(--hover); color: var(--ink); filter: none; }
.dt-menu-btn[aria-expanded='true'] { background: var(--accent-soft); color: var(--accent); }






.dt-menu {
  position: fixed; inset-block-start: 0; inset-inline-start: 0;


  min-width: 13rem; max-inline-size: 22rem; z-index: 70;
}
.dt-menu button { display: block; white-space: normal; }


.dt-menu button[disabled] { color: var(--muted); cursor: not-allowed; }
.dt-menu button[disabled]:hover { background: none; }
.dt-menu-why { display: block; margin-block-start: var(--sp-1);
               font-size: var(--fs-xs); color: var(--muted); }






.dt-grouprow > td { padding: 0; background: var(--card2); vertical-align: middle; }


.lk-dt tbody .dt-grouprow > td { vertical-align: middle; }
.dt-group {
  display: flex; align-items: center; gap: var(--sp-3);
  min-block-size: 32px; padding: var(--sp-2) var(--sp-3);
}
.dt-group-name { font-size: var(--fs-s); font-weight: var(--fw-semi); letter-spacing: .05em;
                 color: var(--ink); min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.dt-group .link { margin-inline-start: auto; flex: none; }



.lk-dt .dt-grouprow > td.lk-c-tick { background-color: var(--card2); }
.dt-group-name, .dt-group > .muted { white-space: nowrap; }






button.dt-veh {
  display: flex; align-items: center; inline-size: 100%; min-block-size: 30px;
  padding: 0; background: none; border: 0; border-radius: var(--r-s);
  color: var(--ink); text-align: start;
}
button.dt-veh:hover { filter: none; }
button.dt-veh .pill { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button.dt-veh:hover .pill { background: var(--accent-soft); color: var(--accent); }

button.dt-veh .dt-veh-t { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button.dt-veh:hover .dt-veh-t { color: var(--accent); text-decoration: underline; }











































.flt-c-veh   { inline-size: 12%; }
.flt-c-plate { inline-size: 9%; }
.flt-c-st    { inline-size: 10%; }
.flt-c-batt  { inline-size: 8%; }
.flt-c-gas   { inline-size: 8%; }
.flt-c-on    { inline-size: 11%; }
.flt-c-al    { inline-size: 8%; }
.flt-c-dtc   { inline-size: 8%; }
.flt-c-next  { inline-size: 18%; }



.dt-on { display: flex; align-items: center; gap: var(--sp-2); min-width: 0; }
.dt-on > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }





.flt-desk, .usr-desk { display: none; }
@media (min-width: 900px) {
  .usr-cards { display: none; }
  .flt-desk, .usr-desk { display: block; }



  .flt-cards.off { display: none; }
}










.usr-c-who   { inline-size: 21%; }
.usr-c-mail  { inline-size: 25%; }
.usr-c-role  { inline-size: 24%; }
.usr-c-st    { inline-size: 10%; }
.usr-c-veh   { inline-size: 10%; }
.usr-c-since { inline-size: 10%; }
























.stk-field { display: flex; flex-direction: column; gap: 2px; flex: 0 1 auto; min-width: 0; }
.stk-field .inc-label { margin-block-end: 0; }





.stk-scan .stk-field { flex: 1 1 18rem; max-width: 26rem; }
.stk-scan .stk-field .dt-search { flex: 0 0 auto; width: 100%; max-width: none; }










.rn-head { display: none; }
@media (min-width: 900px) {
  .rn-head {
    display: grid;
    grid-template-columns: minmax(0, 1.95fr) var(--rn-asg-col) var(--rn-veh-col) var(--rn-plate-col)
                           minmax(0, 1.4fr) minmax(0, 1.25fr);
    column-gap: var(--sp-5);
    align-items: center;

    padding: 0 calc(var(--sp-5) + 18px + var(--sp-4)) 0 var(--sp-5);
    margin-block-end: calc(-1 * var(--sp-2));
  }
  .rn-head .dt-sort { padding-inline: 0; min-block-size: 32px; }


  .rn-head-when { display: flex; align-items: center; gap: var(--sp-3); min-width: 0; }
  .rn-head-when .dt-sort { inline-size: auto; }
}









.aic-big { font-size: var(--fs-xl); }
.aic-sums { gap: var(--sp-5); }
.aic-chip { display: flex; flex-direction: column; gap: var(--sp-1); }
.aic-bar { margin-block: var(--sp-4); }
.aic-bar .picked { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }

.aic-sub-num { display: block; }



.aic-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r);
            background: var(--card); }
.aic-table { min-width: 62rem; }
.aic-table th, .aic-table td { white-space: nowrap; }
.aic-table .num { text-align: end; }
.aic-sub th { font-size: var(--fs-xs); padding-block: 0 var(--sp-2); border-block-end: 1px solid var(--line); }
.aic-model { color: var(--muted); }


.aic-warn td:first-child { box-shadow: inset 3px 0 0 var(--warn); }
.aic-day { background: none; border: 0; padding: 0; display: flex; align-items: center; gap: var(--sp-2);
           color: inherit; cursor: pointer; font: inherit; min-height: 2.75rem; }
.aic-caret { color: var(--muted); }
.aic-kids td { background: var(--hover); }

.aic-list { display: none; }
.aic-tri { gap: var(--sp-3); }
.aic-list .aic-warn { border-color: var(--warn); }

@media (max-width: 899px) {
  .aic-wrap { display: none; }
  .aic-list { display: flex; flex-direction: column; }
}











.inbox-section { min-width: 0; }
.inbox-section-h { font-size: var(--fs-l); font-weight: var(--fw-semi); margin-block-end: var(--sp-2); }
.inbox-card { gap: var(--sp-3); }
.inbox-count { font-size: var(--fs-xl); font-weight: var(--fw-semi); }
.inbox-items { display: flex; flex-direction: column; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; }
.inbox-item { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
             gap: var(--sp-2); padding-block-start: var(--sp-2); border-block-start: 1px solid var(--line); }
.inbox-item:first-child { padding-block-start: 0; border-block-start: 0; }
.inbox-item-title { font-size: var(--fs-s); }

.inbox-hint { display: inline-block; background: var(--hover); border-radius: var(--r-s);
             padding: var(--sp-1) var(--sp-3); font: var(--fs-xs) var(--font-mono);
             align-self: flex-start; }



.inbox-item-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); flex-basis: 100%; }
@media (max-width: 479px) {
  .inbox-item-actions button { flex: 1 1 auto; }
}

@media (min-width: 1440px) {
  .inbox-sections { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-7); align-items: start; }
}


















.stg-grp {
  display: flex; flex-direction: column; gap: var(--sp-4);
  background: var(--card); border: 1px solid var(--line);
  border-inline-start: 3px solid var(--accent); border-radius: var(--r);
  padding: var(--sp-5) var(--sp-6) var(--sp-6);
}


.stg-grp-title { margin: 0; font-size: var(--fs-l); font-weight: var(--fw-semi); }
.stg-grp-ours { border-inline-start-color: var(--muted); }



.stg-grp-danger { border-inline-start-color: var(--crit); }

.stg-hub-ico { flex: none; display: inline-flex; color: var(--muted); }



.stg-nav-grp {
  font-size: var(--fs-xs); font-weight: var(--fw-semi); color: var(--muted);
  padding: var(--sp-5) var(--sp-4) var(--sp-2);
}
.stg-nav-grp:first-child { padding-block-start: 0; }







.stg-todo {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-2);
  margin-block-end: var(--sp-5);
  padding: var(--sp-4) var(--sp-5); border-radius: var(--r);
  background: var(--warn-soft); border-inline-start: 3px solid var(--warn);
}
.stg-todo p { margin: 0; }
.stg-todo-what { font-weight: var(--fw-semi); }
.stg-todo button { min-height: 44px; }
.stg-todo-line { margin: 0 0 var(--sp-4); }
.stg-todo-line .link { text-align: start; }
.ex-code { font-size: var(--fs-xs); }
.fw-vehs { display: flex; flex-direction: column; }
.fw-veh { display: grid; grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr); gap: var(--sp-2) var(--sp-4);
          padding-block: var(--sp-2); border-block-end: 1px solid var(--line); }
.fw-veh:last-child { border-block-end: 0; }
.fw-dev { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--sp-2); }
.fw-dev-txt { display: flex; flex-direction: column; min-width: 0; }
.fw-dev .pill { flex: none; }
@media (max-width: 719px) { .fw-veh { grid-template-columns: minmax(0, 1fr); gap: var(--sp-1); } }
.rs-st-name { min-width: 0; }
.rs-st-raw { font-size: var(--fs-xs); overflow-wrap: anywhere; }




.stg-ro { font-weight: var(--fw-semi); margin: 0; }







.vst-menu {
  display: flex; gap: var(--sp-2); flex-wrap: nowrap;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  padding-block-end: var(--sp-1);
}
.vst-menu .chip { flex: none; min-block-size: 44px; }










.spot-grp { display: flex; flex-direction: column; gap: var(--sp-2); margin-block-start: var(--sp-3); }
.spot-grp-head { align-items: baseline; }
.spot-list { display: flex; flex-direction: column; gap: var(--sp-1); }
.spot-row {
  display: flex; align-items: center; gap: var(--sp-3);
  inline-size: 100%; min-block-size: 48px;
  padding: var(--sp-2) var(--sp-3);
  border: 1px solid var(--line); border-radius: var(--r-s);
  background: var(--card2); color: var(--ink);
  font: inherit; text-align: start; cursor: pointer;
}
.spot-row:hover { background: var(--hover); filter: none; }


.spot-row.on { box-shadow: inset 2px 0 0 var(--ok); }
.spot-row[disabled] { cursor: default; opacity: .6; }
.spot-row-name { flex: 1; min-inline-size: 0; }
.spot-one { display: flex; flex-direction: column; gap: var(--sp-3); }
.spot-back { align-self: flex-start; }
.spot-name { font-weight: var(--fw-semi); font-size: var(--fs-l); }
.spot-shot {
  display: block; inline-size: 100%; max-inline-size: 28rem; max-block-size: 60vh;
  border-radius: var(--r-s); background: var(--card2);
}
.spot-shot.spot-empty {
  display: flex; align-items: center; justify-content: center;
  min-block-size: 8rem; border: 1px dashed var(--line);
}


.spot-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.spot-pick { display: flex; }
.spot-go {
  flex: 1; display: inline-flex; align-items: center; justify-content: center;
  min-block-size: 52px; cursor: pointer;
}
.spot-drop { align-self: flex-start; min-block-size: 44px; }
.spot-scope { display: flex; flex-direction: column; gap: 8px; }
.spot-scope-opt { display: flex; align-items: center; gap: 10px; min-block-size: 44px; }
.spot-scope-opt input { inline-size: 22px; block-size: 22px; flex: none; }
.spot-from-model { margin: 0; }
.spot-up { display: flex; flex-direction: column; gap: var(--sp-1); }



.spot-bar { block-size: 8px; border-radius: 999px; background: var(--neutral-soft); overflow: hidden; }
.spot-bar-fill { block-size: 100%; inline-size: 0; background: var(--accent); transition: inline-size var(--t) var(--ease); }













.arr-open-b { flex: none; }




.arr-bar {
  position: sticky;


  inset-block-start: 84px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  border-color: var(--accent);
  box-shadow: var(--shadow);
}
.arr-bar-top { gap: var(--sp-4); flex-wrap: wrap; }



.arr-flow { border-block-start: 1px solid var(--line); padding-block-start: var(--sp-4); }
.arr-flow-l {
  margin: var(--sp-3) 0 0;
  padding-inline-start: var(--sp-7);
  columns: 2;
  column-gap: var(--sp-6);
  font-size: var(--fs-s);
}
.arr-flow-l li { break-inside: avoid; margin-block-end: var(--sp-1); }
.arr-flow-l li > span + span { margin-inline-start: var(--sp-3); }
.arr-mini { font-size: var(--fs-xs); }



.arr-gone { display: flex; flex-direction: column; gap: var(--sp-3); }


.arr-item {
  border: 1px dashed var(--accent);
  border-radius: var(--r);
  padding: var(--sp-2);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  background: var(--neutral-soft);
}
.arr-item.dragging { opacity: .5; }
.arr-item.over { border-style: solid; box-shadow: 0 0 0 2px var(--accent-soft); }



.arranging .arr-item > :not(.arr-grip) { pointer-events: none; user-select: none; }

.arr-grip {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  flex-wrap: wrap;
  padding: var(--sp-1) var(--sp-2);
  min-block-size: 36px;
}
.arr-h { display: inline-flex; color: var(--muted); cursor: grab; }
.arr-t {
  flex: 1;
  min-inline-size: 0;
  font-size: var(--fs-s);
  font-weight: var(--fw-semi);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arr-b {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  min-inline-size: 36px;
  min-block-size: 36px;
  padding-inline: var(--sp-3);
  background: var(--card2);
  border: 1px solid var(--line);
  border-radius: var(--r-s);
  color: inherit;
  font: inherit;
  font-size: var(--fs-xs);
}
.arr-b:hover { border-color: var(--accent); }


.arr-b.on { background: var(--accent-soft); color: var(--ink); border-color: transparent; }

.arr-up svg { transform: rotate(90deg); }
.arr-down svg { transform: rotate(-90deg); }
.arr-foldb svg { transform: rotate(-90deg); }
.arr-hideb { font-weight: var(--fw-med); }
.arr-lock { flex: none; }




.arr-fold {
  inline-size: 100%;
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  min-block-size: 44px;
  padding: var(--sp-3) var(--sp-5);
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--r);
  color: var(--muted);
  font: inherit;
  font-size: var(--fs-s);
  font-weight: var(--fw-semi);
  letter-spacing: .03em;
  text-align: start;
}
.arr-fold:hover { background: var(--hover); color: var(--ink); }
.arr-fold-t { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arr-fold-c { flex: none; display: inline-flex; transform: rotate(-90deg); transition: transform var(--t) var(--ease); }


.arr-fold.open { color: var(--ink); border-end-start-radius: 0; border-end-end-radius: 0; }
.arr-fold.open .arr-fold-c { transform: rotate(90deg); }

.arr-wrap { display: flex; flex-direction: column; gap: var(--sp-3); }




.arr-end { order: 1; }


.td-panels > .arr-end { grid-column: 1 / -1; }




.veh-instr { display: flex; flex-direction: column; gap: var(--sp-5); min-inline-size: 0; }







@media (max-width: 1099px) {
  .veh-left, .veh-right { display: contents; }


  .veh-cols > .veh-left > [data-arr="position"]:not(.arr-end) { order: 1; }
  .veh-cols .arr-end { order: 2; }
  .vp-pin { display: none !important; }
}


@media (max-width: 719px) {
  .arr-b { min-inline-size: 44px; min-block-size: 44px; }
  .arr-grip { min-block-size: 44px; }
  .arr-flow-l { columns: 1; }
}









.sv-order-act { gap: var(--sp-3); flex-wrap: wrap; margin-block-start: var(--sp-2); }

.sv-order-act .ho-big { flex: 1 1 auto; }
@media (min-width: 720px) { .sv-order-act .ho-big { flex: 0 0 auto; } }



.sv-ph, .sv-late { white-space: nowrap; }