.vp.veh { inline-size: 100%; max-inline-size: 1600px; margin-inline: auto; }
@media (min-width: 1600px) {
  .veh-cols { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
  .veh:not(.arranging) .veh-right { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                                    gap: var(--sp-5); align-items: start; }
  .veh:not(.arranging) .veh-right > .veh-instr { display: contents; }
  .veh:not(.arranging) .veh-right > .veh-sketch { grid-column: 1; grid-row: 1; }
  .veh:not(.arranging) .veh-right > .veh-instr > .tiles { grid-column: 2; grid-row: 1; }
  .veh:not(.arranging) .veh-right:not(:has(> .veh-sketch)) > .veh-instr > .tiles { grid-column: 1 / -1; }
  .veh:not(.arranging) .veh-right > .veh-instr > :not(.tiles),
  .veh:not(.arranging) .veh-right > .arr-end, .veh:not(.arranging) .veh-right > .veh-nodev { grid-column: 1 / -1; }
}

.vp-pin { position: fixed; z-index: 15; display: flex; align-items: center; gap: var(--sp-4);
          padding: var(--sp-3) 0; background: var(--bg); border-block-end: 1px solid var(--line);
          box-shadow: var(--shadow); }
.vp-pin[hidden] { display: none; }
.vp-pin-name { font-size: var(--fs-m); white-space: nowrap; }
.vp-pin-line { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; }
.vp-pin-go { margin-inline-start: auto; flex: 0 0 auto; min-block-size: 40px; }

.sk-marker { cursor: pointer; }
.sk-marker.on .sk-halo { opacity: .38; animation: none; }
.sk-marker.on .sk-value { fill: var(--accent); }
.sk-marker.on .sk-cap { fill: var(--accent); font-weight: 600; }

.tile .res-days { margin-block-start: var(--sp-1); }
.res-chips { display: flex; flex-wrap: wrap; gap: var(--sp-1); }
.res-chips .pill { font-size: var(--fs-xs); }

.veh-cut { align-self: flex-start; cursor: pointer; }
.tile.flash, [data-arr].flash { outline: 2px solid var(--accent); outline-offset: 2px; }

.veh-rental > .rn-go { margin: 0; }

.veh-rental > .rn-go:first-child, .veh-nodev > .dmg-line { border-block-start: 0; padding-block-start: 0; }
.veh-nodev > .dmg-line { font-weight: var(--fw-med); color: var(--muted); }
.veh-msgs > summary { cursor: pointer; list-style: none; min-block-size: 44px; display: flex; align-items: center; }
.veh-msgs > summary::-webkit-details-marker { display: none; }
.veh-msgs > summary::after { content: '›'; margin-inline-start: auto; color: var(--muted); transition: transform var(--t) var(--ease); }
.veh-msgs[open] > summary::after { transform: rotate(90deg); }

.vp-pd-more { align-self: flex-start; min-block-size: 44px; padding-inline: 0; }



.vp-tabs.vp-tabs-main { display: flex; flex-wrap: nowrap; overflow: visible; gap: 0; }
.vp-tabs-main > .vp-tab { flex: 1 1 auto; min-inline-size: 0; justify-content: center; padding: 0 var(--sp-1); }
.vp-tabs-main > .vp-tab:first-child { padding-inline-start: var(--sp-1); }
.vp-tabs-main .vp-tab-l { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 720px) {
  .vp-tabs.vp-tabs-main { flex-wrap: nowrap; }
  .vp-tabs-main > .vp-tab { flex: 0 0 auto; padding: 0 var(--sp-5); }
  .vp-tabs-main > .vp-tab:first-child { padding-inline-start: 0; }
}
@media (max-width: 419px) { .vp-tabs-main > .vp-tab { font-size: var(--fs-xs); gap: var(--sp-1); padding: 0 2px; } }
.vp-subtabs { display: flex; gap: 0; margin-block-start: var(--sp-3); padding: 2px; border: 1px solid var(--line);
              border-radius: var(--r-pill); background: var(--bg); inline-size: fit-content; max-inline-size: 100%; }
.vp-subtab { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); flex: 1 1 auto;
             min-inline-size: 0; min-block-size: 40px; padding: 0 var(--sp-4); border-radius: var(--r-pill);
             font-size: var(--fs-s); color: var(--muted); text-decoration: none; white-space: nowrap; }
.vp-subtab:hover { color: var(--ink); text-decoration: none; }
.vp-subtab.active { background: var(--card); color: var(--ink); font-weight: var(--fw-med);
                    box-shadow: var(--shadow); }
@media (max-width: 719px) {
  .vp-subtabs { inline-size: 100%; }
  .vp-subtab { padding: 0 var(--sp-2); font-size: var(--fs-xs); }
  .vp-subtab .vp-tab-l { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; }
}


@media (max-width: 719px) {
  .veh .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
  .veh .tiles > .tile-tyres, .veh .tiles > [data-arr="charge_cap"], .veh .tiles > [data-arr="wifi"] { grid-column: 1 / -1; }
}


@media (max-width: 719px) {
  .vp-idline:has(> .vp-idacts) { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-2); }
  .vp-idline > .vp-idacts { justify-content: space-between; flex-wrap: wrap; }
}
.veh .tiles > .rac-none { grid-column: 1 / -1; }





.tk-row.tk-msg { background: var(--card); border: 1px solid var(--line); border-inline-start: 3px solid var(--accent); }
.tk-row.tk-msg.tk-new .tk-note { font-weight: var(--fw-semi); }
.tk-av { inline-size: 28px; block-size: 28px; display: inline-flex; align-items: center; justify-content: center;
         border-radius: 999px; background: var(--accent-soft); flex: none; }
.tk-new-pill { background: var(--accent-soft); color: var(--accent); }
.tk-line { overflow-wrap: anywhere; }
.tk-msg-link { align-self: flex-start; background: none; border: 0; padding: 0; color: var(--accent);
               text-decoration: underline; cursor: pointer; min-height: 0; }
.tk-box-mine { padding: 0; background: none; border: 0; box-shadow: none; color: var(--ink); }

.sh.rp-sheet { inline-size: min(400px, 100%); }
@media (max-width: 719px) {
  .sh.rp-sheet { inline-size: 100%; block-size: auto; max-block-size: 92%; align-self: flex-end;
                 border-inline-start: 0; border-block-start: 1px solid var(--line);
                 border-start-start-radius: var(--r); border-start-end-radius: var(--r); }
  .sh.rp-sheet > .sh-body { flex: 1 1 auto; overflow-y: auto; }
}
.rp-sec { gap: var(--sp-2); }
.rp-until { display: flex; flex-direction: column; gap: var(--sp-1); }
.rp-until input { min-height: 44px; max-inline-size: 100%; }
.rp-warn { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center;
           padding: var(--sp-2) var(--sp-3); border-radius: var(--r-s); background: var(--warn-soft, var(--neutral-soft)); }
.rp-text { inline-size: 100%; min-block-size: 7rem; resize: vertical; font: inherit; }
.rp-acts > button { inline-size: 100%; min-height: 48px; }
.rp-why { margin-block-start: calc(-1 * var(--sp-1)); }
.rp-will { list-style: none; padding: 0; margin: 0; }
.rp-ask { font-style: italic; overflow-wrap: anywhere; }
.rp-note { white-space: pre-wrap; overflow-wrap: anywhere; }

.ac { gap: var(--sp-2); }
.ac .ac-go, .ac .ac-pick { inline-size: 100%; min-height: 48px; }

.ac .ac-pick { flex: none; block-size: auto; }
.ac, .cp-acts { min-width: 0; max-width: 100%; }
.ac .rp-will li { overflow-wrap: anywhere; }
.ac-field { display: flex; flex-direction: column; gap: var(--sp-1); }
.ac-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.ac-done { align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--sp-2); }
.ac-undo { min-height: 48px; }

.rn-ext { align-items: center; flex-wrap: wrap; gap: var(--sp-2); }
.rn-ext-line { margin: 0; overflow-wrap: anywhere; }

.avatar { position: relative; }
.avatar-badge { position: absolute; inset-block-start: -4px; inset-inline-end: -6px; margin: 0;
                background: var(--accent); color: var(--on-accent); box-shadow: 0 0 0 2px var(--card); }
.msg-forme.unseen { font-weight: var(--fw-semi); color: var(--ink); }
.tk-spark { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); }


.msg-tick.read { color: var(--ok); font-weight: var(--fw-semi); }


.inbox-session-toggle { width: 100%; text-align: left; }



.wh-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: var(--sp-3); align-items: center; }
.wh-row .wh-day { margin: 0; min-height: 44px; align-items: center; gap: var(--sp-3); font-weight: var(--fw-semi); }
.wh-row .wh-time { width: 7.2rem; min-height: 44px; }
.wh-row .wh-time:disabled { opacity: .45; }
.wh-row .wh-day { white-space: nowrap; }
@media (max-width: 480px) {

  .wh-row { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); row-gap: var(--sp-1); }
  .wh-row .wh-day { grid-column: 1 / -1; min-height: 32px; }
  .wh-row .wh-time { width: 100%; }
}


.dcl-dev-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-4);
  padding: var(--sp-2) var(--sp-4); background: var(--warn-soft); color: var(--warn); }
.dcl-dev-bar a { color: inherit; text-decoration: underline; }
.dcl-chip { gap: var(--sp-1); flex-wrap: wrap; }
.dcl-date { display: inline-flex; align-items: center; gap: var(--sp-1); }
.dcl-date input { width: auto; min-width: 0; }
.dcl-line { border-top: 1px solid var(--line); padding-top: var(--sp-2); }
.dcl-line .row { gap: var(--sp-2); flex-wrap: wrap; }
.dcl-refused { margin: 0; padding-inline-start: var(--sp-5); }
.dcl-more { align-self: flex-start; }
.aade-guide { margin: 0; padding-inline-start: var(--sp-5); }
.aade-sites .row { gap: var(--sp-2); }
@media (max-width: 899px) {
  .dcl-date { flex: 1 1 100%; }
  .dcl-date > span { min-width: 3.5rem; }
  .dcl-date input { flex: 1; }
}


.ptn button:not(.link) { inline-size: 100%; min-block-size: 48px; }
.ptn-form input, .ptn-form select { inline-size: 100%; min-block-size: 44px; box-sizing: border-box; }
.ptn-preview { margin: 0; padding-inline-start: 1.2em; display: grid; gap: var(--sp-2); }
.ptn-row { display: grid; gap: var(--sp-1); }


.alr-rule + .alr-rule { border-block-start: 1px solid var(--line); padding-block-start: var(--sp-4); }
.alr-head { justify-content: space-between; flex-wrap: nowrap; }
.alr-off .alr-head strong { color: var(--muted); }
.alr-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: var(--sp-3); align-items: end; }
.alr-field > .row { flex-wrap: nowrap; gap: var(--sp-2); }
.alr-field input.alr-num, .alr-field select { inline-size: 100%; min-inline-size: 0; min-block-size: 44px; }
.alr-conds { margin: 0; padding-inline-start: 1.2em; }




.feq-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%;
              border: 1px solid var(--line); border-radius: var(--r); background: var(--card); }
.feq-table { border-collapse: separate; border-spacing: 0; min-width: 100%; font-size: var(--fs-s); }
.feq-table th, .feq-table td { border-block-end: 1px solid var(--line); padding: 0; text-align: start; vertical-align: middle; }
.feq-table thead th { background: var(--card2); padding: var(--sp-3) var(--sp-4); font-weight: var(--fw-semi);
                      min-width: 7.5rem; }
.feq-table .feq-veh { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--card);
                      min-width: 8.5rem; max-width: 11rem; padding: var(--sp-3) var(--sp-4);
                      border-inline-end: 1px solid var(--line); }
.feq-table thead .feq-veh { z-index: 2; background: var(--card2); }
.feq-code { font-weight: var(--fw-semi); }
.feq-model { overflow-wrap: anywhere; }
.feq-copy-btn { display: block; min-height: 44px; text-align: start; padding: 0; }
.feq-copy-btn[disabled] { opacity: .45; cursor: not-allowed; }
.feq-cell { min-width: 7.5rem; }
.feq-tap { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); width: 100%; min-height: 48px;
           padding: var(--sp-3) var(--sp-4); background: transparent; border: 0; color: var(--ink); text-align: start;
           font: inherit; cursor: pointer; }
.feq-tap:hover { background: var(--hover); }
.feq-static { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); min-height: 48px;
              padding: var(--sp-3) var(--sp-4); }
.feq-empty { background: var(--warn-soft); }
.feq-empty .feq-val { color: var(--warn); font-weight: var(--fw-semi); }
.feq-bad .feq-val { color: var(--crit); text-decoration: underline dotted; }
.feq-multi { background: var(--neutral-soft); color: var(--muted); }
.feq-edit { gap: var(--sp-2); padding: var(--sp-2); align-items: center; }
.feq-sel, .feq-in { min-height: 44px; min-width: 7rem; }
.feq-ok, .feq-x { min-height: 44px; min-width: 44px; }
.feq-filters .feq-model-row { gap: var(--sp-3); align-items: center; flex-wrap: wrap; }
.feq-model-sel { min-height: 44px; max-width: 100%; }
.feq-chips { flex-wrap: wrap; }
.feq-missing-list { margin: var(--sp-2) 0 0; padding-inline-start: var(--sp-6); }
.feq-pick { gap: var(--sp-3); align-items: center; min-height: 44px; }
.feq-pick input { width: 22px; height: 22px; }
.feq-pick strong { margin-inline-start: auto; }
.feq-last-row { min-height: 44px; align-items: center; }
.feq-editing { min-width: 13rem; }
.feq-copy-foot { position: sticky; inset-block-end: 0; background: var(--card); padding-block: var(--sp-3); z-index: 1; }
@media (max-width: 899px) {
  .feq-copy-foot { inset-block-end: calc(var(--bottombar-h) + 0px + env(safe-area-inset-bottom)); }
}





.fin-page { display: flex; flex-direction: column; gap: var(--sp-4); max-width: 72rem; }
.fin-tabs { gap: var(--sp-2); flex-wrap: wrap; border-block-end: 1px solid var(--line); padding-block-end: var(--sp-2); }
.fin-tab { padding: var(--sp-2) var(--sp-4); border-radius: var(--r-pill); color: var(--muted); text-decoration: none;
           min-height: 36px; display: inline-flex; align-items: center; }
.fin-tab.on { background: var(--accent-soft); color: var(--ink); font-weight: var(--fw-semi); }
.fin-month { gap: var(--sp-2); align-items: center; }
.fin-month input { min-height: 40px; }
.fin-month-next svg { transform: rotate(180deg); }
.fin-month .fin-month-pick { position: relative; display: inline-flex; align-items: center; flex: 1 1 10rem; max-inline-size: 14rem; min-block-size: 44px;
  padding-inline: var(--sp-4); border: 1px solid var(--line); border-radius: var(--r-s); background: var(--card); }
.fin-month .fin-month-pick input { position: absolute; inset: 0; inline-size: 100%; max-inline-size: none; min-block-size: 0; height: 100%; opacity: 0; cursor: pointer; }
.fin-ledger .r, .fin-li .r { text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fin-totals { color: var(--muted); margin: 0; }
.fin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--sp-3); }

.fin-form .fin-lab { font-size: var(--fs-s); font-weight: var(--fw-semi); }
.fin-form select, .fin-form input[type=text], .fin-form input[type=date], .fin-form input[type=month] { min-height: 44px; width: 100%; }
.fin-amount-row { align-items: center; gap: var(--sp-2); }
.fin-amount { font-size: var(--fs-2xl); min-height: 56px; flex: 1 1 auto; text-align: end; }
.fin-eur { font-size: var(--fs-xl); color: var(--muted); }
.fin-chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.fin-chip { min-height: 44px; padding: var(--sp-2) var(--sp-4); border-radius: var(--r-pill); border: 1px solid var(--line);
            background: var(--card); color: var(--ink); }
.fin-chip.on { background: var(--accent); color: var(--on-accent); border-color: transparent; }
.fin-chip[disabled] { opacity: .45; }
.fin-shot { display: flex; flex-direction: column; gap: var(--sp-2); align-items: stretch; }
.fin-shot-img { max-height: 10rem; object-fit: contain; border-radius: var(--r-s); background: var(--bg2); }
.fin-shot label.button { text-align: center; }
.fin-link { margin: 0; }
.fin-more summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--muted); }

.fin-sheet { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-s); padding: var(--sp-6);
             display: flex; flex-direction: column; gap: var(--sp-4); color: var(--ink); }
.fin-head { display: flex; justify-content: space-between; gap: var(--sp-4); flex-wrap: wrap; align-items: flex-end;
            border-block-end: 2px solid var(--ink); padding-block-end: var(--sp-4); }
.fin-head h1 { margin: 0; font-size: var(--fs-2xl); }
.fin-eyebrow { font-size: var(--fs-xs); color: var(--muted); font-weight: var(--fw-semi); }
.fin-sub { margin: var(--sp-1) 0 0; color: var(--muted); }
.fin-stamp { border: 1.5px solid var(--warn); color: var(--warn); background: var(--warn-soft); padding: var(--sp-1) var(--sp-3);
             border-radius: var(--r-s); font-weight: var(--fw-semi); font-size: var(--fs-xs); }
.fin-stamp.ok { border-color: var(--ok); color: var(--ok); background: var(--ok-soft); }
.fin-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: var(--sp-3) var(--sp-6); margin: 0; }
.fin-meta dt { font-size: var(--fs-xs); color: var(--muted); font-weight: var(--fw-semi); }
.fin-meta dd { margin: 0; font-weight: var(--fw-med); }
.fin-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); border: 1px solid var(--line);
               border-radius: var(--r-s); overflow: hidden; }
.fin-summary > div { padding: var(--sp-3) var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-1);
                     border-inline-end: 1px solid var(--line); }
.fin-summary .v { font-size: var(--fs-xl); font-variant-numeric: tabular-nums; }
.fin-summary .pay { background: var(--accent); color: var(--on-accent); }
.fin-summary .pay .fin-eyebrow { color: var(--on-accent); }
.fin-h2, .fin-vsec h2 { font-size: var(--fs-l); margin: 0; display: flex; gap: var(--sp-3); align-items: baseline; flex-wrap: wrap; }
.fin-vsec h2 span { font-weight: var(--fw-reg); color: var(--muted); font-size: var(--fs-s); }
.fin-vsec h3 { font-size: var(--fs-m); margin: var(--sp-2) 0 0; }
.fin-vsec { display: flex; flex-direction: column; gap: var(--sp-2); border-block-start: 1px solid var(--line); padding-block-start: var(--sp-4); }
.fin-policy { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--sp-2) var(--sp-4); font-size: var(--fs-s); }
.fin-policy div { padding: var(--sp-2) var(--sp-3); background: var(--bg2); border-radius: var(--r-s); }
.fin-policy b { display: block; font-size: var(--fs-xs); color: var(--muted); }
.fin-ledger { width: 100%; min-width: 46rem; border-collapse: collapse; font-size: var(--fs-s); border-block-start: 2px solid var(--ink); }
.fin-ledger th { font-size: var(--fs-xs); color: var(--muted); text-align: start; padding: var(--sp-2);
                 border-block-end: 1px solid var(--line); vertical-align: bottom; }
.fin-ledger th.r { text-align: end; }
.fin-ledger td { padding: var(--sp-2); border-block-end: 1px solid var(--line); vertical-align: top; }
.fin-ledger td small { display: block; color: var(--muted); font-size: var(--fs-xs); white-space: normal; }
.fin-total-row, .fin-ledger .fin-total-row td { font-weight: var(--fw-semi); background: var(--bg2); }
.fin-list { display: flex; flex-direction: column; border-block-start: 2px solid var(--ink); }
.fin-li { display: grid; grid-template-columns: 7rem 1fr 9rem; gap: var(--sp-3); padding: var(--sp-2) 0;
          border-block-end: 1px solid var(--line); align-items: baseline; }
.fin-li small { display: block; color: var(--muted); font-size: var(--fs-xs); }
.fin-vtotal { padding-block-start: var(--sp-2); font-weight: var(--fw-semi); }
.fin-note { color: var(--muted); font-size: var(--fs-s); max-width: 70ch; }
@media (max-width: 640px) {
  .fin-sheet { padding: var(--sp-4); }
  .fin-li { grid-template-columns: 5.5rem 1fr auto; }
}

.fin-month { flex-wrap: nowrap; }
.fin-month input { width: auto; min-width: 0; flex: 1 1 10rem; max-width: 14rem; }
.fin-month button { min-width: 44px; min-height: 44px; padding-inline: var(--sp-3); }
.fin-amount-row { flex-wrap: nowrap; }
.fin-amount-row .fin-amount { width: auto; min-width: 0; }
.fin-shot-btn { display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: var(--r-s);
                background: var(--accent); color: var(--on-accent); font-weight: var(--fw-semi); }
.fin-shot-btn.again { background: var(--card); color: var(--accent); border: 1px solid var(--accent); min-height: 44px; }

.scan-video { width: 100%; max-height: 50vh; background: var(--bg); border-radius: var(--r); }
.scan-cam { min-height: 44px; min-width: 44px; }
.xm-unit-ret { min-height: 44px; }




.veh-glance { display: none; }
@media (min-width: 1000px) {
  .veh:not(.arranging) .veh-cols { display: block; columns: 2; column-gap: var(--sp-5); }
  .veh:not(.arranging) .veh-left, .veh:not(.arranging) .veh-right,
  .veh:not(.arranging) .veh-right > .veh-instr { display: contents; }
  .veh:not(.arranging) .veh-cols > *, .veh:not(.arranging) .veh-left > *, .veh:not(.arranging) .veh-right > *,
  .veh:not(.arranging) .veh-right > .veh-instr > * { break-inside: avoid; margin-block-end: var(--sp-5); }
  .veh:not(.arranging) .veh-cols > .veh-glance { display: flex; flex-wrap: wrap; justify-content: flex-end; column-span: all;
                                                 gap: var(--sp-2) var(--sp-6); margin-block-end: var(--sp-4); }
  .veh-fact { white-space: nowrap; }

  .veh:not(.arranging) .veh-cols .veh-history { column-span: all; }

  .veh:not(.arranging) .vp-pending:has(> .vp-pd-none) { background: none; border: 0; box-shadow: none; padding: 0; min-block-size: 0; color: var(--ink); }
  .veh:not(.arranging) .vp-pending:has(> .vp-pd-none) > .inc-label { display: none; }
  .veh:not(.arranging) .vp-pending:has(> .vp-pd-none) > .vp-pd-none { margin: 0; }
  .veh-missing-acts { flex-wrap: wrap; gap: var(--sp-3); }

  .vp .step.vp-actions { max-inline-size: 100%; inline-size: fit-content; }
  .vp .step.vp-actions > .vp-step-row { flex: 0 0 auto; }
  .vp .step.vp-actions .vp-step-row > button, .vp .step.vp-actions .step-alts > button { min-block-size: 44px; }
  .vp .step.vp-actions .vp-step-row > .step-next { flex: 0 0 auto; min-inline-size: 0; padding-inline: var(--sp-8); }
}



.cov-hint { display: none; }
.mnt-views-new { display: none; }
@media (min-width: 900px) {
  .cov-count { display: none; }
  .cov-hint { display: block; margin: 0; color: var(--muted); }
  .cov-table tbody th.cov-veh, .cov-table tbody td { padding-block: 0; block-size: 46px; }
  .cov-table .cov-cell { min-block-size: 46px; }
  .cov-table .cov-ty-h { text-transform: none; letter-spacing: 0; font-size: var(--fs-s);
                         white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .cov-table { --cov-col: 9rem; }
  .cov-plain { color: var(--ink); font-size: var(--fs-s); }
  button.cov-blank:hover { background: var(--hover); }

  button.cov-gap::after { content: '+'; color: var(--accent); opacity: 0; }
  button.cov-gap:hover::after, button.cov-gap:focus-visible::after { opacity: 1; }
  .cov-cell .pill { white-space: nowrap; }
  .mnt-views-new { display: flex; flex-direction: column; gap: var(--sp-3); }
}



.prepo-d-only { display: none; }
.prepo-strip { display: none; }
@media (max-width: 899.98px) {
  .prepo-page .dt-grouprow { display: none; }
}
@media (min-width: 900px) {
  .prepo-d-only { display: revert; }
  .prepo-page th.prepo-d-off, .prepo-page td.prepo-d-off,
  .prepo-page col[data-col="due"], .prepo-page col[data-col="site"] { display: none; }
  .prepo-many col[data-col^="s"]:not([data-col="state"]):not([data-col="site"]) { display: none; }
  .prepo-page th.prepo-d-only, .prepo-page td.prepo-d-only { display: table-cell; }
  .prepo-page .prepo-sub { display: block; max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .prepo-page .prepo-stcell .pill { align-self: flex-start; }
  .prepo-page td [data-next-booking] { white-space: normal; border-radius: var(--r-s); }
  .prepo-strip { display: flex; gap: 2px; inline-size: 100%; }
  .prepo-seg { flex: 1 1 0; min-inline-size: 0; block-size: 1.5rem; display: flex; align-items: center; justify-content: center;
               border-radius: var(--r-s); font-size: var(--fs-xs); background: var(--line); color: var(--muted); overflow: hidden; }
  .prepo-seg.on { background: var(--ok-soft); color: var(--ok); }
  .prepo-seg.accent { background: var(--accent-soft); color: var(--accent); }
  .prepo-seg.warn { background: var(--warn-soft); color: var(--warn); }
  .prepo-seg.off { background: none; border: 1px dashed var(--line); }
  .prepo-seg-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline: 2px; }
}





@media (min-width: 900px) {

  .dfl-page .lk-views { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-block-end: var(--sp-3); }
  .dfl-page .lk-views { gap: 0; }
  .dfl-page .lk-view { flex: none; white-space: nowrap; padding-inline: var(--sp-2); gap: var(--sp-1); }
  .dfl-page .lk-view .lk-view-n { background: none; padding-inline: 0; font-variant-numeric: tabular-nums; }
  .dfl-page .lk-view.cur .lk-view-n { background: none; }


  .dfl-ftools { display: inline-flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
  .dfl-fbtn[aria-expanded='true'] { background: var(--accent-soft); border-color: transparent; }
  .dfl-achip { display: inline-flex; align-items: center; gap: var(--sp-2); padding: 2px var(--sp-2) 2px var(--sp-4);
               border-radius: var(--r-pill); background: var(--accent-soft); color: var(--ink); font-size: var(--fs-s); }
  .dfl-achip-x { background: none; border: 0; padding: 0 var(--sp-2); min-block-size: 24px; color: var(--muted);
                 font-size: var(--fs-m); line-height: 1; cursor: pointer; }
  .dfl-achip-x:hover { filter: none; color: var(--ink); }
  .dfl-fpanel { padding: var(--sp-3) var(--sp-4); border: 1px solid var(--line); border-radius: var(--r-s);
                background: var(--card); }


  .dfl-page .lk-dt tbody td { vertical-align: middle; font-size: var(--fs-m); padding-block: var(--sp-2);
                              font-variant-numeric: tabular-nums; }
  .dfl-page .lk-dt tbody tr.dt-row { block-size: 56px; }
  .dfl-two { display: flex; flex-direction: column; min-inline-size: 0; line-height: 1.25; }
  .dfl-l1, .dfl-l2 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-inline-size: 100%; }
  .dfl-strong .dfl-l1 { font-weight: var(--fw-med); }
  .dfl-l2 { font-size: var(--fs-s); }
  .dfl-left .dfl-l2 .dmg-next { font-size: var(--fs-s); font-weight: var(--fw-semi); color: var(--accent);
                                 text-decoration: none; padding: 0; min-block-size: 0; }
  .dfl-left .dfl-l2 .dmg-next:hover { text-decoration: underline; filter: none; }
  .dfl-lia { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dfl-lia.warn { color: var(--warn); font-weight: var(--fw-med); }
  .dfl-page .lk-dt tbody td .pill { white-space: nowrap; }
}






@media (min-width: 900px) {
  :is(.lk-dt, .dt, .cov-table) { --dt-pad: var(--sp-4); }
  :is(.lk-dt, .dt) .dt-sort { padding-inline: var(--dt-pad); }
  :is(.lk-dt, .dt, .cov-table) :is(th, td),
  .lk-dt tbody td { vertical-align: middle; }
  :is(.lk-dt, .dt) tbody td { padding-inline: var(--dt-pad); font-variant-numeric: tabular-nums; }
  .cov-table td, .cov-table th { padding-inline: var(--dt-pad); font-variant-numeric: tabular-nums; }
  :is(.lk-dt, .dt) td:not(.lk-c-tick):not(.dt-act) .pill:first-child,
  .cov-table td .pill, .cov-table th .pill { margin-inline-start: calc(-1 * var(--sp-4)); }

  :is(.lk-dt, .dt) td:not(.lk-c-tick):not(.dt-act) .lk-lead-tail > .pill { margin-inline-start: 0; }

  :is(.lk-dt, .dt) td :is(.stack-tight, .dfl-two, .prepo-stcell) {
    display: grid; row-gap: 2px; align-content: center; justify-items: start; min-inline-size: 0;
  }

  .cov-veh .pill, .cov-veh .num { vertical-align: middle; }
  .cov-cell { align-items: center; }

  :is(.lk-dt, .dt) :is(td, th).lk-c-tick { text-align: center; padding-inline: var(--sp-2); }
  :is(.lk-dt, .dt) td.lk-c-tick .dt-tick { display: flex; align-items: center; justify-content: center; min-block-size: 100%; }
  :is(.lk-dt, .dt) :is(td, th).dt-act { text-align: center; }
  :is(.lk-dt, .dt) td.dt-act .dt-menu-btn { margin-inline: auto; vertical-align: middle; }

  .lk-dt tbody tr.dt-row > td { block-size: 54px; }
}



@media (max-width: 899px) {

  a.pill { position: relative; }
  a.pill::before { content: ''; position: absolute; inset-block: calc((44px - 100%) / -2); inset-inline: 0; }
}





.rn-row .rn-line1 > .rn-who { flex: 1 1 auto; }
.row:not(:has(> .spacer)) > :not(.pill, .spacer, .icon-btn) + .pill:not(.accent) { margin-inline-start: auto; }
.lk-dt td > :is(span, div):has(> :not(.pill) + .pill) { display: flex; align-items: center; gap: var(--sp-3); min-inline-size: 0; }
.lk-dt td > :is(span, div) > :not(.pill) + .pill { margin-inline-start: auto; }



.rn-line1 { inline-size: 100%; }





:is(.row, .lk-tools, .dt-tools, .fleet-tools, .usr-invite, .chips, .vp-idacts) >
  :is(button:is(:not([class]), .ghost, .danger), a.btn,
      input:not([type='checkbox'], [type='radio'], [type='range'], [type='file'], [type='color'], [type='hidden']),
      select, .chip) {
  box-sizing: border-box;
  min-block-size: var(--ctl-h);
  padding-block: var(--sp-1);
}
:is(.row, .lk-tools, .dt-tools, .fleet-tools, .usr-invite, .chips, .vp-idacts) >
  :is(button:is(:not([class]), .ghost, .danger), a.btn, .chip) {
  display: inline-flex; align-items: center; justify-content: center;
}
.map-zoom .map-btn { inline-size: var(--ctl-h); block-size: var(--ctl-h); }


.map-mark.site, .map-mark.car, .map-mark.poi {
  display: flex; align-items: center; justify-content: center;
  min-block-size: var(--mk-h); min-inline-size: var(--mk-h);
}
.map-mark.site .map-label { top: calc(50% + 11px); }
.map-mark:not(.site, .car, .poi) { box-sizing: content-box; padding-block-start: calc(var(--mk-h) - 30px); }




@media (max-width: 899px) {
  #top { padding-block: calc(var(--sp-5) - 5px); }
  #top .icon-btn, #top .lang-btn, .side-toggle, .yd-head .icon-btn {
    position: relative; block-size: 44px; min-block-size: 44px; border-color: transparent;
  }
  #top .icon-btn::after, #top .lang-btn::after, .side-toggle::after, .yd-head .icon-btn::after {
    content: ''; position: absolute; inset-block: 5px; inset-inline: -1px; pointer-events: none;
    border: 1px solid var(--line); border-radius: var(--r-s);
    transition: border-color var(--t) var(--ease);
  }
  #top .icon-btn:hover::after, .yd-head .icon-btn:hover::after, #top .lang-btn:hover::after, #top .lang-btn.active::after,
  .side-toggle:hover::after { border-color: var(--muted); }
  #top .avatar { block-size: 44px; inline-size: var(--ctl); padding: 5px 0; box-sizing: border-box;
                 background-clip: content-box; }
  #top > .brand, #bottom a, #bottom button { min-block-size: 44px; }
}
@media (max-width: 719px) {
  #top { padding-block: calc(var(--sp-4) - 5px); }
}



@media (max-width: 899px) {
  .lk-view { min-block-size: 44px; }
}
@media (max-width: 719px) {
  .lk-m-head { align-items: stretch; }
  .lk-m-head button.lk-m-t { min-block-size: 44px; padding-block: 11px; margin-block: -11px; box-sizing: border-box; }
  .lk-m-head .lk-exp { block-size: auto; min-block-size: 44px; margin-block: -11px; }
}




.yd-rs .yd-loose-row {
  display: grid; grid-template-columns: minmax(7rem, 12rem) minmax(8rem, 12rem) minmax(0, 1fr) 16px;
  column-gap: var(--sp-5); align-items: center;
}
.yd-rs .yd-loose-row > .yd-v-next { grid-column: 1 / -1; grid-row: 2; }
.yd-rs .yd-loose-row > .dmg-caret { grid-column: 4; grid-row: 1; margin-inline-start: 0; }
@media (max-width: 719px) {
  .yd-rs .yd-loose-row { grid-template-columns: minmax(0, 1fr) 16px; row-gap: var(--sp-2); }
  .yd-rs .yd-loose-row > .yd-code { grid-column: 1; grid-row: 1; }
  .yd-rs .yd-loose-row > .dmg-caret { grid-column: 2; grid-row: 1 / span 2; }
  .yd-rs .yd-loose-row > :not(.yd-code, .dmg-caret, .yd-v-next) { grid-column: 1; }
}

.cov-cell > .cov-plain { padding-inline: var(--sp-4); }



.feq-tap, .feq-static { align-content: center; }

.usr-chip-x { flex: none; box-sizing: content-box; padding: var(--sp-4); margin: calc(-1 * var(--sp-4)); background-clip: content-box; }


.fin-us-line { align-items: baseline; gap: var(--sp-2); flex-wrap: wrap; }
.fin-us-btn { min-block-size: 44px; padding-inline: var(--sp-2); }
.fin-us-panel { max-inline-size: 28rem; padding: var(--sp-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--card); }
.fin-us-list { display: flex; flex-direction: column; max-block-size: 12rem; overflow-y: auto; }
.fin-us-opt { min-block-size: 44px; text-align: start; background: transparent; color: var(--ink); border: 0; border-block-end: 1px solid var(--line); border-radius: 0; }
.fin-us-opt:hover { background: var(--hover); filter: none; }
.fin-us-chip { display: inline-flex; align-items: center; gap: var(--sp-2); padding-inline-start: var(--sp-3); border-radius: var(--r-pill); background: var(--accent-soft); color: var(--ink); }
.fin-us-x { flex: none; min-inline-size: 44px; min-block-size: 44px; padding: 0; background: transparent; color: var(--muted); border: 0; }
.fin-us-x:hover, .fin-us-x:focus-visible { color: var(--crit); filter: none; }
.fin-page:has(.fin-rate-grid) { max-width: 96rem; }
.fin-today { margin: 0; }
.fin-inline { padding: var(--sp-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--bg2); }
.fin-inline-dates { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
@media (max-width: 480px) { .fin-inline-dates { grid-template-columns: 1fr; } }
.fin-us p { margin: 0; }



.lk-m-all { display: none; }
@media (max-width: 899px) {
  .lk-m-all { display: inline-flex; align-items: center; min-block-size: 44px; padding-inline: 0; }
  .lk-list > .lk-bulk:not([hidden]) {
    position: fixed; inset-inline: var(--sp-3);
    inset-block-end: calc(var(--bottombar-h) + env(safe-area-inset-bottom) + var(--sp-3));
    z-index: 20; box-shadow: var(--shadow-strong); background: var(--card);
  }
  .lk-list > .lk-bulk .lk-bulk-why { flex-basis: 100%; }
}



.chip > .num, .chip > .muted.num, .lk-view > .num, .lk-view .lk-view-n, .tab > .num { margin-inline-start: .35em; }


.rn-row .rn-line1 > .pill.rn-next { margin-inline-start: auto; flex: none; }
.rn-row .rn-line1 > .pill.warn + .pill.rn-next { margin-inline-start: 0; }
.rn-row .rn-blocked { grid-column: 1 / -1; color: var(--crit); font-weight: var(--fw-med); }
.rn-risk { border-color: var(--crit); background: var(--crit-soft); display: flex; flex-direction: column; gap: var(--sp-3); }
.rn-risk-text { margin: 0; color: var(--crit); font-weight: var(--fw-med); }



.yd-v.crit { box-shadow: inset 3px 0 0 var(--crit), var(--shadow); }
.yd-v.yd-v-done { background: var(--bg); box-shadow: none; }
.yd-v.yd-v-done .yd-v-code, .yd-v.yd-v-done .yd-v-when { color: var(--muted); }
.yd-no-moves { padding-block: var(--sp-4); }






.evrow {
  display: grid; align-items: center; column-gap: var(--sp-4); row-gap: var(--sp-1);
  grid-template-columns: 4.5rem minmax(0, 1.3fr) minmax(0, 1fr) 9.5rem;
  grid-template-areas: "time veh who act";
  min-height: 56px; padding: var(--sp-2) var(--sp-5); border-block-start: 1px solid var(--line);
}
.evlist > .evrow:first-child { border-block-start: 0; }
.evrow-time { grid-area: time; font-variant-numeric: tabular-nums; font-weight: var(--fw-med); }
.evrow-veh { grid-area: veh; display: grid; min-width: 0; color: inherit; text-decoration: none; }
.evrow-name { font-weight: var(--fw-med); }
.evrow-name, .evrow-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evrow-who { grid-area: who; min-width: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; line-clamp: 2; }
.evrow-act { grid-area: act; display: flex; justify-content: flex-end; min-width: 0; }
.evrow-btn { white-space: nowrap; }
.evrow.is-done .evrow-time, .evrow.is-done .evrow-name, .evrow.is-done .evrow-who { color: var(--muted); }



.evlist { container-type: inline-size; }
@container (max-width: 519px) {
  .evrow { grid-template-columns: 3.5rem minmax(0, 1fr) auto; grid-template-areas: "time veh act" ". who who";
    column-gap: var(--sp-3); padding-inline: var(--sp-4); }
  .evrow-who { display: block; white-space: nowrap; text-overflow: ellipsis; }
}

.td-mg { padding: var(--sp-4) var(--sp-5); display: grid; gap: var(--sp-2); }
.td-mg-line, .td-mg-turnover { margin: 0; }
.ok-text { color: var(--ok); }

.td-group { grid-column: 1 / -1; display: flex; align-items: center; gap: var(--sp-3); min-height: 44px; width: 100%;
  padding: var(--sp-3) var(--sp-4); background: var(--card2); border: 1px solid var(--line); border-radius: var(--r);
  color: inherit; text-align: start; }
.td-group[aria-expanded="true"] .td-caret { transform: rotate(90deg); }

.pex-is { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); min-width: 0; }
.pex-target { display: inline-flex; align-items: center; gap: var(--sp-1); padding-inline-end: 0; }
.pex-pick { max-width: 100%; min-height: 36px; }
.tp-unknown { margin-inline-start: var(--sp-2); }




.sh-body:has(> .ss-form) { display: flex; flex-direction: column; padding-block-end: 0; }
.sh-body > .ss-form { display: flex; flex-direction: column; flex: 1 0 auto; }
.ss-form > .sheet-foot { margin-block-start: auto; }


.stg-hub[hidden], .stg-find-list[hidden] { display: none; }
.stg-find { display: flex; margin-block-end: var(--sp-5); max-inline-size: 640px; }
.stg-find-in { flex: 1; inline-size: 100%; min-inline-size: 0; min-block-size: 44px; }
.stg-find-list { display: flex; flex-direction: column; gap: var(--sp-3); }
.stg-find-row {
  display: flex; align-items: center; gap: var(--sp-4);
  inline-size: 100%; min-block-size: 56px; padding: var(--sp-3) var(--sp-5);
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r);
  font: inherit; color: inherit; text-align: start; cursor: pointer;
}
.stg-find-row:hover { filter: none; border-color: var(--accent); }
.stg-find-main { flex: 1; min-inline-size: 0; display: flex; flex-direction: column; gap: var(--sp-1); }
.stg-find-name { font-weight: var(--fw-semi); overflow-wrap: anywhere; }
.stg-find-path { color: var(--muted); font-size: var(--fs-s); overflow-wrap: anywhere; }
.stg-find-none { margin: 0; padding-block: var(--sp-4); }

.stg-anchor { scroll-margin-block-start: calc(var(--topbar-h) + var(--sp-3)); }
@media (max-width: 899px) { .stg-anchor { scroll-margin-block-start: var(--sp-3); } }


.stg-more { display: flex; flex-direction: column; gap: var(--sp-4); }
.stg-more-sum { padding: var(--sp-4) var(--sp-2); color: var(--accent); font-weight: var(--fw-semi); }
.set-save:not(.dirty) { background: none; color: var(--accent); }