.sv-card-open, .ocard-job, .ocard-part, .ocard-rental, .pcard-line > .link {
  display: flex; align-items: center; gap: var(--sp-2); inline-size: 100%;
  background: none; border: 0; color: inherit; font: inherit; text-align: start;
  padding: var(--sp-2); border-radius: var(--r-s); cursor: pointer; min-inline-size: 0;
}
.sv-card-open:hover, .ocard-job:hover, .ocard-part:hover, .ocard-rental:hover { background: var(--hover); }
.pcard-line { gap: var(--sp-2); flex-wrap: wrap; }






.sv-site, .sv-win { min-block-size: 52px; }




















.res-days { font-size: var(--fs-s); font-weight: var(--fw-med); margin-block-start: var(--sp-2); }

















.thm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: var(--sp-5); }
.thm-card {
  display: grid; gap: var(--sp-3);
  padding: var(--sp-3);
  border: 1px solid var(--line); border-radius: var(--r);
  background: var(--card); cursor: pointer;
}
.thm-card:hover { border-color: var(--ink); }







.thm-card.on { box-shadow: inset 0 0 0 2px var(--accent); background: var(--accent-soft); }
.thm-pick { display: flex; align-items: center; gap: var(--sp-3); font-weight: var(--fw-semi); }

.thm-prev {
  display: grid; gap: 6px;
  padding: 8px;
  border-radius: var(--r-s);
  background: var(--bg);
  border: 1px solid var(--line);
}








.thm-tabs {
  display: flex; gap: 3px;
  padding: 2px;
  border-radius: var(--r-s);
  background: var(--bg2); border: 1px solid var(--line);
}
.thm-tab { flex: 1; height: 10px; border-radius: calc(var(--rn-r) / 2); }
.thm-tab.on { background: var(--accent); background-image: var(--rn-sheen); }
[data-rn-theme='postcard'] .thm-tabs,
[data-rn-theme='open_road'] .thm-tabs { background: transparent; border: 0; border-radius: 0; padding: 0; gap: 4px; }
[data-rn-theme='postcard'] .thm-tab,
[data-rn-theme='open_road'] .thm-tab { background: var(--card); box-shadow: inset 0 0 0 1.5px var(--accent); }
[data-rn-theme='postcard'] .thm-tab:nth-child(1),
[data-rn-theme='open_road'] .thm-tab:nth-child(1) { box-shadow: inset 0 0 0 1.5px var(--rn-tab1); transform: rotate(calc(-1 * var(--rn-tilt))); }
[data-rn-theme='postcard'] .thm-tab:nth-child(3),
[data-rn-theme='open_road'] .thm-tab:nth-child(3) { box-shadow: inset 0 0 0 1.5px var(--rn-tab3); transform: rotate(calc(var(--rn-tilt) * .7)); }

[data-rn-theme='postcard'] .thm-tab.on,
[data-rn-theme='open_road'] .thm-tab.on { background: var(--accent); box-shadow: none; transform: rotate(var(--rn-tilt)); }



[data-rn-theme='elegant'] .thm-tabs,
[data-rn-theme='night'] .thm-tabs { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 0 0 2px; }
[data-rn-theme='elegant'] .thm-tab.on,
[data-rn-theme='night'] .thm-tab.on { background: transparent; box-shadow: inset 0 -2px 0 var(--accent); }

.thm-b { height: 13px; border-radius: calc(var(--rn-r) / 2); }
.thm-them { width: 72%; background: var(--card2); border: var(--rn-bw) solid var(--rn-them-line); }
.thm-mine { width: 58%; margin-inline-start: auto; background: var(--rn-mine); background-image: var(--rn-sheen); }
.thm-short { width: 46%; }
.thm-in { height: 14px; border-radius: 999px; background: var(--bg2); border: var(--rn-bw) solid var(--line); }











.sim-cell { display: flex; flex-direction: column; gap: 2px; }

.sim-hist-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 4px 0; border-bottom: 1px solid var(--line); }
.sim-hist-err { color: var(--crit); flex: 1 1 100%; min-width: 0; overflow-wrap: anywhere; }
.sim-big { font-size: var(--fs-xl); }


.sim-iccid { cursor: copy; white-space: nowrap; }
.sim-quota { display: flex; flex-direction: column; gap: 2px; min-width: 8rem; }
.sim-quota-bar { height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; }
.sim-quota-fill { height: 100%; background: var(--ok); }
.sim-quota.warn .sim-quota-fill { background: var(--warn); }
.sim-quota.bad .sim-quota-fill { background: var(--crit); }








.mmi-group { display: flex; flex-direction: column; gap: var(--sp-2); }
.mmi-h3 { margin: 0; font-size: var(--fs-m); }


.mmi-src { max-width: 26rem; overflow-wrap: anywhere; }
.mmi-plan { display: flex; flex-direction: column; gap: var(--sp-1);
            max-height: 40vh; overflow-y: auto; }
.mmi-newchassis { margin-block-start: var(--sp-2); }











.dtc-page { display: flex; flex-direction: column; gap: var(--sp-5); }
.dtc-head { padding: var(--sp-4) var(--sp-5); }
.dtc-counts { flex-wrap: wrap; gap: var(--sp-3); align-items: center; }
.dtc-tools { gap: var(--sp-3); }
.dtc-search { flex: 1 1 12rem; min-width: 0; max-width: 22rem; }
.dtc-empty { padding: var(--sp-5); }

.dtc-flist.closed { opacity: .72; }
.dtc-top { flex-wrap: wrap; gap: var(--sp-2); align-items: center; }
.dtc-code { font-family: var(--font-mono); font-weight: var(--fw-semi); }
.dtc-when { display: block; }



.dtc-q {
  display: inline-flex; align-items: center; justify-content: center;
  inline-size: 18px; block-size: 18px; flex: none;
  border: 1px solid var(--line); border-radius: var(--r-pill);
  color: var(--muted); font-size: var(--fs-xs); cursor: help;
}
.dtc-toggle { display: inline-flex; align-items: center; gap: var(--sp-2); align-self: flex-start; }
.dtc-caret { display: inline-flex; flex: none; transform: rotate(180deg);
             transition: transform var(--t) var(--ease); }
.dtc-toggle.open .dtc-caret { transform: rotate(270deg); }
.dtc-details { padding: var(--sp-3) 0 var(--sp-2); border-block-start: 1px dashed var(--line); }

.dtc-raw { font-family: var(--font-mono); overflow-wrap: anywhere; opacity: .8; }
.dtc-src { display: inline-block; margin-inline-end: var(--sp-3); }
.dtc-warn { border-color: var(--crit); }




.obd-wait { display: flex; flex-direction: column; gap: var(--sp-2); margin-block-start: var(--sp-2); }


.obd-left { align-self: flex-start; font-variant-numeric: tabular-nums; }


.obd-lastread { display: inline-flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-3); }




.dtc-line { color: var(--ink); }
.dtc-line:hover { color: var(--accent); }
.dtc-line.has { color: var(--crit); }


.dtc-flist { padding: var(--sp-3) var(--sp-5); }
.dtc-frow {
  display: flex; flex-direction: column; gap: var(--sp-1);
  inline-size: 100%; min-block-size: 52px;
  padding: var(--sp-3) var(--sp-1);
  background: none; border: 0; border-radius: var(--r-s);
  color: var(--ink); text-align: start;
}
.dtc-frow + .dtc-frow { border-block-start: 1px solid var(--line); }
.dtc-frow:hover { filter: none; background: var(--accent-soft); }


.dtc-frow.crit { border-inline-start: 3px solid var(--crit); padding-inline-start: var(--sp-3); }


.dtc-fsel { display: flex; align-items: flex-start; gap: var(--sp-2); }
.dtc-fsel + .dtc-fsel, .dtc-fsel + .dtc-frow, .dtc-frow + .dtc-fsel { border-block-start: 1px solid var(--line); }
.dtc-fsel > .dtc-frow { flex: 1 1 auto; min-width: 0; }
.dtc-chk { flex: 0 0 auto; inline-size: 22px; block-size: 22px; margin: 15px var(--sp-1) 0; }
.dtc-selbar { gap: var(--sp-3); padding: var(--sp-3) var(--sp-5); }


.veh-dtc-row {
  display: grid; grid-template-columns: auto 1fr; gap: var(--sp-1) var(--sp-3); align-items: baseline;
  inline-size: 100%; min-block-size: 44px; padding: var(--sp-2) var(--sp-1);
  background: none; border: 0; border-radius: var(--r-s); color: var(--ink); text-align: start;
}
.veh-dtc-row + .veh-dtc-row { border-block-start: 1px solid var(--line); }
.veh-dtc-row:hover { filter: none; background: var(--accent-soft); }
.veh-dtc-row > :last-child { grid-column: 1 / -1; }
.fcard-insig { padding: var(--sp-2) var(--sp-3); border-inline-start: 3px solid var(--line); }
.fcard-insig-note { inline-size: 100%; }



.dtc-mods { margin-block-start: var(--sp-3); }
.dtc-mod-list { display: flex; flex-direction: column; gap: var(--sp-2); margin-block-start: var(--sp-2); }
.dtc-mod { gap: var(--sp-3); flex-wrap: wrap; align-items: baseline; }









.fcard { gap: var(--sp-3); }
.fcard-id { gap: var(--sp-2); align-items: center; }


.fcard-line { display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-3); align-items: baseline; }
.fcard-k { flex: 0 0 9rem; }
.fcard-mean { gap: var(--sp-2); align-items: center; flex-wrap: wrap; }


.fcard-unknown {
  display: flex; flex-direction: column; gap: var(--sp-1);
  padding: var(--sp-3) var(--sp-4);
  border: 1px solid var(--crit); border-radius: var(--r-s);
}
.fcard-unknown p { margin: 0; }
.fcard-damage { align-self: flex-start; }
.fcard-then { margin-block-start: var(--sp-2); }


.fcard-title { gap: var(--sp-1); }



.okn-card { gap: var(--sp-4); }
.okn-sev { flex-wrap: wrap; gap: var(--sp-2); }



.obdp-list { display: flex; flex-direction: column; }
.obdp-row { display: flex; flex-direction: column; gap: var(--sp-1); padding-block: var(--sp-3); }
.obdp-row + .obdp-row { border-block-start: 1px solid var(--line); }
.obdp-sw { gap: var(--sp-2); align-items: center; }
.obdp-edit { gap: var(--sp-2); flex-wrap: wrap; }
.obdp-edit input { flex: 1 1 10rem; min-width: 0; }











.obdv-page { display: flex; flex-direction: column; gap: var(--sp-5); }
.obdv-head { padding: var(--sp-4) var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-2); }
.obdv-status { flex-wrap: wrap; gap: var(--sp-3); align-items: center; }

.obdv-warn { border-color: var(--crit); }
.obdv-card { padding: var(--sp-4) var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-2); }

.obdv-pair { gap: var(--sp-3); align-items: baseline; flex-wrap: wrap; }
.obdv-key { flex: 0 0 auto; min-inline-size: 9rem; }
.obdv-mods { display: flex; flex-direction: column; gap: var(--sp-2); margin-block-start: var(--sp-2); }
.obdv-mod { gap: var(--sp-3); flex-wrap: wrap; align-items: baseline; }

.obdv-list { display: flex; flex-direction: column; }
.obdv-row { display: flex; flex-direction: column; gap: var(--sp-1); padding-block: var(--sp-2); }
.obdv-row + .obdv-row { border-block-start: 1px solid var(--line); }

.obdv-row.unknown .obdv-name { color: var(--muted); }
.obdv-line { gap: var(--sp-3); align-items: baseline; flex-wrap: wrap; }
.obdv-name { overflow-wrap: anywhere; }
.obdv-val { font-weight: var(--fw-semi); }

.obdv-val.stale { color: var(--muted); }
.obdv-age { flex: 0 0 auto; }

.obdv-fold { display: flex; flex-direction: column; gap: var(--sp-2); }

.obdv-foldbtn { display: flex; align-items: center; gap: var(--sp-2); inline-size: 100%;
                min-block-size: 44px; text-align: start; }
.obdv-foldbtn .dtc-caret { transform: rotate(180deg); transition: transform var(--t) var(--ease); }
.obdv-foldbtn.open .dtc-caret { transform: rotate(270deg); }

.obdv-faults { inline-size: 100%; background: none; border: 1px solid var(--line); text-align: start;
               color: var(--ink); cursor: pointer; }
.obdv-faults:hover { filter: none; background: var(--accent-soft); }

.obdv-cmd { display: flex; flex-direction: column; gap: var(--sp-1); padding-block: var(--sp-2); }
.obdv-cmd + .obdv-cmd { border-block-start: 1px solid var(--line); }

.obdv-cmd.dropped { opacity: .72; }
.obdv-code { font-family: var(--font-mono); font-weight: var(--fw-semi); flex: 0 0 auto; }

.obdv-raw { font-family: var(--font-mono); overflow-wrap: anywhere; opacity: .8; }
.obdv-cfg, .obdv-nocfg { margin: 0; }






.obdv-nav { gap: var(--sp-3); }
.obdv-nav:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.obdv-navrow { gap: var(--sp-3); align-items: center; flex-wrap: wrap; }
.obdv-arrow { flex: 0 0 auto; }
.obdv-arrow[disabled] { opacity: .45; cursor: default; }
.obdv-fwd svg { transform: rotate(180deg); }

.obdv-when { display: flex; flex-direction: column; min-inline-size: 0; }
.obdv-navwhy { margin: 0; }
.obdv-newer { align-self: flex-start; text-align: start; }
.obdv-filter { gap: var(--sp-3); }
.obdv-chips { row-gap: var(--sp-2); }
.obdv-search { inline-size: 100%; font-size: var(--fs-s); padding: var(--sp-2) var(--sp-4); }
.obdv-search::-webkit-search-cancel-button { cursor: pointer; margin-inline-start: var(--sp-2); }
.obdv-nores { margin: 0; }
@media (min-width: 720px) {
  .obdv-search { max-inline-size: 18rem; }
}















.lk-views { display: flex; gap: var(--sp-1); flex-wrap: wrap;
            border-block-end: 1px solid var(--line); margin-block-end: var(--sp-5); }
.lk-view {
  display: inline-flex; align-items: center; gap: var(--sp-2);
  min-block-size: 40px; padding: var(--sp-3) var(--sp-4);
  background: none; border: 0; border-radius: 0;
  border-block-end: 2px solid transparent; margin-block-end: -1px;
  font-size: var(--fs-s); font-weight: var(--fw-med); color: var(--muted); cursor: pointer;
}
.lk-view:hover { filter: none; background: var(--hover); color: var(--ink); }




.lk-view.cur { color: var(--ink); font-weight: var(--fw-semi);
               border-block-end-color: var(--accent); }
.lk-view-n { font-size: var(--fs-xs); background: var(--neutral-soft); color: var(--muted);
             border-radius: var(--r-s); padding-inline: var(--sp-2); }
.lk-view.cur .lk-view-n { background: var(--accent-soft); color: var(--accent); }


.lk-tools { display: flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap;
            margin-block-end: var(--sp-4); }
.lk-tools .dt-search { flex: 1 1 12rem; max-width: 18rem; }
.lk-filters { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }



.lk-chip { display: inline-flex; align-items: center; }
.lk-chip-btn { display: inline-flex; align-items: center; gap: var(--sp-2); }
.lk-chip-btn[aria-expanded='true'] { background: var(--accent-soft); color: var(--ink);
                                     border-color: transparent; }
.lk-chip-k { color: var(--muted); }
.lk-chip-btn.active .lk-chip-k { color: var(--ink); }
.lk-chip-v { color: var(--ink); font-weight: var(--fw-semi); }


.lk-chip-x {
  inline-size: 26px; block-size: 26px; margin-inline-start: calc(-1 * var(--sp-2));
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0; background: none; border: 0; border-radius: var(--r-pill);
  color: var(--muted); font-size: var(--fs-m); line-height: 1; cursor: pointer;
}
.lk-chip-x:hover { filter: none; background: var(--hover); color: var(--ink); }
.lk-clear { font-size: var(--fs-s); }


.lk-cols { position: relative; }
.lk-cols-btn { display: inline-flex; align-items: center; gap: var(--sp-2); list-style: none; }
.lk-cols-btn::-webkit-details-marker { display: none; }
.lk-cols-panel {
  position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + var(--sp-2)); z-index: 30;
  min-inline-size: 15rem; max-block-size: 60vh; overflow: auto;
  padding: var(--sp-3); background: var(--card2);
  border: 1px solid var(--line); border-radius: var(--r-s); box-shadow: var(--shadow-strong);
}
.lk-col-row { display: flex; align-items: center; gap: var(--sp-2); padding-block: 2px; }
.lk-col-name { display: flex; align-items: center; gap: var(--sp-3); flex: 1;
               min-block-size: 32px; font-size: var(--fs-s); cursor: pointer; }
.lk-col-move {
  inline-size: 28px; block-size: 28px; display: inline-flex; align-items: center;
  justify-content: center; padding: 0; background: none; border: 0; border-radius: var(--r-s);
  color: var(--muted); cursor: pointer;
}
.lk-col-move:hover { filter: none; background: var(--hover); color: var(--ink); }
.lk-col-move[disabled] { opacity: .35; cursor: default; }

.lk-col-move svg { transform: rotate(90deg); }
.lk-col-down svg { transform: rotate(-90deg); }
.lk-cols-note { margin-block: var(--sp-2) var(--sp-1); }
.lk-cols-reset { padding-inline: 0; }


.lk-list { display: block; }
.lk-wrap { margin-block-end: 0; }



.lk-dt { --lk-name-min: 16rem; }




























.lk-dt tbody td {
  vertical-align: top;
  white-space: normal; overflow-wrap: break-word; text-overflow: clip;
}
.lk-dt tbody td.num { overflow-wrap: normal; word-break: keep-all; min-inline-size: min-content; }
.lk-dt tbody td.lk-c-nowrap, .lk-dt tbody td.dt-act { white-space: nowrap; }
.lk-dt tbody td.lk-c-nowrap { min-inline-size: min-content; }










.lk-rz {
  position: absolute; inset-block: 0; inset-inline-end: 0; inline-size: 12px; z-index: 4;
  cursor: col-resize; touch-action: none;
}
.lk-rz::before {
  content: ''; position: absolute; inset-block: 25%; inset-inline-end: 5px;
  inline-size: 1px; background: var(--line);
}
.lk-rz:hover::before, .lk-rz:focus-visible::before {
  inset-block: 10%; inline-size: 2px; background: var(--accent);
}
.lk-rz:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }







.lk-dt td.lk-c-fit, .lk-dt th.lk-c-fit { white-space: nowrap; min-inline-size: min-content; }





.lk-dt td.lk-m { display: none; }


.lk-c-tick { inline-size: 2.75rem; }
.lk-dt td.lk-c-tick, .lk-dt th.lk-c-tick {
  position: sticky; inset-inline-start: 0; z-index: 1;
  padding-inline: var(--sp-2); background-color: var(--card);
}



.lk-dt td.lk-c-name, .lk-dt th.lk-c-name {
  position: sticky; inset-inline-start: var(--lk-name-x, 0px); z-index: 1;
  background-color: var(--card);




  min-inline-size: var(--lk-name-min, 16rem);
}
.lk-dt thead th.lk-c-tick, .lk-dt thead th.lk-c-name { z-index: 3; }


.lk-dt tbody tr:hover > td.lk-c-name, .lk-dt tbody tr:hover > td.lk-c-tick {
  background-image: linear-gradient(var(--row-hover), var(--row-hover));
}
.lk-dt td.lk-c-name { font-weight: var(--fw-semi); }


























.lk-name-wrap { display: flex; align-items: flex-start; gap: var(--sp-2); min-inline-size: 0; }


.lk-lead { display: flex; align-items: center; gap: var(--sp-3); min-inline-size: 0; inline-size: 100%; }
.lk-lead-text { flex: 1 1 auto; min-inline-size: 0; white-space: normal; overflow-wrap: break-word; text-align: start; }
.lk-lead-text > .sev-dot { display: inline-block; vertical-align: middle; margin-inline-end: var(--sp-2); position: relative; top: -1px; }
.lk-lead-tail { flex: none; display: inline-flex; gap: var(--sp-2); margin-inline-start: auto; }
.lk-name-wrap .lk-exp { flex: none; }
.lk-dt td.lk-c-name button.dt-name {
  flex: 1; min-inline-size: 0; max-inline-size: 100%;
  white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word;
}



.lk-2l { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }


.lk-exp {
  inline-size: 24px; block-size: 24px; margin-inline-end: var(--sp-2);
  display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;
  padding: 0; background: none; border: 0; border-radius: var(--r-s);
  color: var(--muted); cursor: pointer;
}
.lk-exp:hover { filter: none; background: var(--hover); color: var(--ink); }
.lk-exp svg { transform: rotate(180deg); transition: transform var(--t) var(--ease); }
.lk-exp.on svg { transform: rotate(-90deg); }
.lk-xr > td { background: var(--bg2); padding: var(--sp-4) var(--sp-5); white-space: normal;
              overflow: visible; }
.lk-kv { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
         gap: var(--sp-3) var(--sp-6); margin: 0; }
.lk-kv dt { font-size: var(--fs-xs); color: var(--muted); }
.lk-kv dd { margin: 0; font-size: var(--fs-s); font-weight: var(--fw-med); }


.lk-bulk {
  display: flex; align-items: center; gap: var(--sp-4); flex-wrap: wrap;
  padding: var(--sp-3) var(--sp-4); margin-block-end: var(--sp-3);
  background: var(--accent-soft); border: 1px solid var(--line); border-radius: var(--r-s);
}


.lk-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
           flex-wrap: wrap; padding-block-start: var(--sp-3); color: var(--muted);
           font-size: var(--fs-s); }
.lk-pager { display: flex; align-items: center; gap: var(--sp-3); }
.lk-page-prev, .lk-page-next { display: inline-flex; align-items: center; justify-content: center;
                               inline-size: 34px; block-size: 34px; padding: 0; }
.lk-page-next svg { transform: rotate(180deg); }
.lk-empty-t { font-size: var(--fs-l); font-weight: var(--fw-semi); color: var(--ink);
              margin-block-end: var(--sp-2); }




.sh-wrap { position: fixed; inset: 0; z-index: 60; display: flex; justify-content: flex-end; }
.sh-scrim { position: absolute; inset: 0; background: var(--overlay); }
.sh {
  position: relative; inline-size: min(560px, 100%); block-size: 100%;
  display: flex; flex-direction: column; min-inline-size: 0;
  background: var(--card); border-inline-start: 1px solid var(--line);
  box-shadow: var(--shadow-strong); animation: sh-in var(--t) var(--ease);
}
.sh-wide { inline-size: min(1080px, 100%); }


@media (max-width: 719px) {
  .sh.sh-fit { block-size: auto; max-block-size: 100%; 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.sh-fit > .sh-body { flex: 0 1 auto; }
}
@keyframes sh-in { from { transform: translateX(24px); opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .sh { animation: none; } }

.sh-head { padding: var(--sp-4) var(--sp-6) 0; border-block-end: 1px solid var(--line);
           display: grid; gap: var(--sp-4); }
.sh-line { display: flex; align-items: center; gap: var(--sp-2); }
.sh-kind { font-size: var(--fs-xs); font-weight: var(--fw-semi);
  color: var(--muted); }
.sh-nav {
  inline-size: 34px; block-size: 34px; display: inline-flex; align-items: center;
  justify-content: center; padding: 0; background: none; border: 0; border-radius: var(--r-s);
  color: var(--muted); cursor: pointer; text-decoration: none;
}
.sh-nav:hover { filter: none; background: var(--hover); color: var(--ink); text-decoration: none; }
.sh-nav[disabled] { opacity: .35; cursor: default; }
.sh-next svg, .sh-open svg { transform: rotate(180deg); }
.sh-x { font-size: var(--fs-xl); line-height: 1; }

.sh-title { display: flex; align-items: flex-start; justify-content: space-between;
            gap: var(--sp-4); }
.sh-title-t { min-inline-size: 0; }
.sh-title h2 { margin: 0; font-size: var(--fs-xl); font-weight: var(--fw-bold);
               line-height: var(--lh-num); overflow-wrap: anywhere; }
.sh-sub { margin: var(--sp-1) 0 0; font-size: var(--fs-s); }


.sh-stages { display: flex; gap: var(--sp-1); flex-wrap: wrap; list-style: none; margin: 0;
             padding: 0; }
.sh-stages li { flex: 1 1 auto; text-align: center; white-space: nowrap;
                padding: var(--sp-2) var(--sp-3); border-radius: var(--r-s);
                background: var(--neutral-soft); color: var(--muted); font-size: var(--fs-xs); }
.sh-stages .done { background: var(--ok-soft); color: var(--ok); }

.sh-stages .now { background: var(--accent); color: var(--on-accent); font-weight: var(--fw-semi); }


.sh-act { display: flex; align-items: flex-start; gap: var(--sp-3); flex-wrap: wrap;
          padding-block-end: var(--sp-4); }
.sh-act-main { display: flex; flex-direction: column; gap: var(--sp-1); }
.sh-why { margin: 0; }
.sh-more { display: inline-flex; align-items: center; gap: var(--sp-2); }

.sh-body { flex: 1; overflow-y: auto; display: grid; gap: var(--sp-4); align-content: start;
           padding: var(--sp-5) var(--sp-6);
           padding-block-end: calc(var(--sp-8) + env(safe-area-inset-bottom, 0px)); }


.sh-rel { display: flex; gap: var(--sp-3); flex-wrap: wrap; }
.sh-rel-b { display: inline-flex; align-items: baseline; gap: var(--sp-2);
            padding: var(--sp-2) var(--sp-4); background: none; border: 1px solid var(--line);
            border-radius: var(--r-s); color: var(--ink); font-size: var(--fs-s); cursor: pointer; }
.sh-rel-b:hover { filter: none; background: var(--hover); }
.sh-rel-b[disabled] { opacity: .55; cursor: default; }
.sh-rel-b strong { font-size: var(--fs-l); font-weight: var(--fw-bold); }


.sh-sec { border: 1px solid var(--line); border-radius: var(--r-s); padding-inline: var(--sp-5); }
.sh-sec summary { display: flex; align-items: baseline; justify-content: space-between;
                  gap: var(--sp-4); padding-block: var(--sp-4); min-block-size: 44px;
                  cursor: pointer; }
.sh-sec summary { list-style: none; }

.sh-sec summary::-webkit-details-marker { display: none; }
.sh-sec-t { font-weight: var(--fw-semi); }
.sh-sec summary small { text-align: end; }
.sh-sec-body { padding-block-end: var(--sp-5); }




@media (max-width: 899px) {

  .lk-wrap { max-block-size: none; overflow: visible; background: var(--card); }
  .lk-dt, .lk-dt tbody, .lk-dt tr, .lk-dt td { display: block; inline-size: auto; }
  .lk-dt thead, .lk-dt colgroup { display: none; }






  .lk-wrap .lk-dt { min-inline-size: 0; max-inline-size: 100%; }
  .lk-dt .dt-row {
    display: grid; grid-template-columns: auto 1fr auto; gap: 2px var(--sp-3);
    align-items: start; max-inline-size: 100%;
    padding: var(--sp-4); border-block-end: 1px solid var(--line);
  }







  .lk-dt .dt-row > td {
    grid-column: 2; grid-row: 1; block-size: auto; padding: 0; border: 0; min-inline-size: 0;
    white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere;
  }
  .lk-dt .dt-row > td:not(.lk-c-tick):not(.dt-act):not(.lk-m) { display: none; }



  .lk-dt .dt-row > td.lk-c-tick {
    grid-column: 1; position: static; inset-inline: auto; inline-size: auto; background: none;
  }



  .lk-dt .dt-row > td.dt-act {
    grid-column: 3; position: static; inset-inline: auto; inline-size: auto; text-align: end;
    background: none; background-image: none; box-shadow: none;
  }
  .lk-dt .dt-row > td.dt-act .dt-menu-btn { inline-size: 44px; block-size: 44px; }

  .lk-m-ra { display: block; }
  .lk-m-ra .link { min-block-size: 44px; padding-inline: 0; }

  .lk-dt .dt-row > td.lk-m { display: flex; flex-direction: column; gap: var(--sp-1); min-inline-size: 0; }
  .lk-m-head { display: flex; align-items: flex-start; gap: var(--sp-2); min-inline-size: 0; }
  .lk-m-head .lk-exp { flex: none; inline-size: 36px; block-size: 36px; }



  .lk-m-t {
    display: inline-block; flex: 1; min-inline-size: 0; padding: 0;
    background: none; border: 0; font: inherit; color: var(--ink); text-align: start; cursor: pointer;
    font-size: var(--fs-m); font-weight: var(--fw-semi); white-space: normal; overflow-wrap: anywhere;
  }
  .lk-m-head button.lk-m-t:hover { filter: none; color: var(--accent); text-decoration: underline; }
  .lk-m-meta { font-size: var(--fs-s); color: var(--muted); overflow-wrap: anywhere; }
  .lk-m-badges { display: flex; gap: var(--sp-2); flex-wrap: wrap; }

  .lk-dt .lk-xr, .lk-dt .lk-xr > td { display: block; inline-size: auto; max-inline-size: 100%; }
  .lk-xr > td { padding-inline: var(--sp-4); }
  .lk-tools .dt-search { max-width: none; flex-basis: 100%; }






  .lk-cols { display: none; }






  .lk-dt .dt-group { flex-wrap: wrap; column-gap: var(--sp-2); }


  .lk-dt .dt-grouprow:has(> td.lk-c-tick) {
    display: grid; grid-template-columns: auto 1fr; gap: 0 var(--sp-3); align-items: center;
    padding-inline: var(--sp-4); background: var(--card2);
  }
  .lk-dt .dt-grouprow > td.lk-c-tick { position: static; inset-inline: auto; inline-size: auto; padding: 0; background: none; }
  .lk-dt .dt-grouprow > td.lk-c-tick + td { grid-column: 2; min-inline-size: 0; }
  .lk-dt .dt-group-name { white-space: normal; overflow: visible; text-overflow: clip;
                          overflow-wrap: anywhere; flex: 0 1 auto; }

  .lk-dt .dt-group-name { white-space: nowrap; overflow-wrap: normal; }
  .sh, .sh-wide { inline-size: 100%; }
  .sh-head { padding-inline: var(--sp-5); }
  .sh-body { padding-inline: var(--sp-5); }






  .sh-act-main { flex: 1 1 100%; }
  .sh-act-main button { inline-size: 100%; }



  .sh-act-2nd:not(.sh-act-2nd-keep) { display: none; }
}










.tc-open { display: inline-flex; align-items: center; gap: var(--sp-1); margin-inline-start: auto;
           white-space: nowrap; }



.yd-detail .sh-act, .yd-my-act .sh-act { padding-block-end: 0; }
.yd-my-act { flex-wrap: wrap; }


.yd-detail .sh-act-main, .yd-my-act .sh-act-main { flex: 1 1 10rem; }
.yd-detail .sh-act-main button, .yd-my-act .sh-act-main button { inline-size: 100%; }



.tc-form input, .tc-form select, .tc-form textarea { inline-size: 100%; max-inline-size: none; }






.tc-check.dmg-row { grid-template-columns: auto minmax(0, 1fr); align-items: center;
                    min-block-size: 48px; padding-block: var(--sp-2); }
.tc-check .dmg-check { margin-block-start: 0; }

@media (max-width: 719px) {



  .tc-open { min-block-size: 44px; padding-inline: var(--sp-2); }


  .yd-detail .sh-act-main, .yd-my-act .sh-act-main { flex: 1 1 100%; }
}













.mnt-page > .cov-page { gap: var(--sp-4); }



.cov-head {
  align-items: center; gap: var(--sp-3); inline-size: 100%;
  min-block-size: 52px; padding: var(--sp-3) var(--sp-5);
  border-block-end: 1px solid var(--line);
}




.clock-batt { flex-wrap: wrap; }
.clock-batt-where { font-weight: var(--fw-semi); }


.sh-body .dcard-form { gap: var(--sp-4); }









.vph-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: var(--sp-5); }
.vph-item { display: flex; flex-direction: column; gap: var(--sp-2); }
.vph-thumb { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r-s); overflow: hidden;
             background: var(--bg2); }



.vph-thumb-open {
  position: absolute; inset: 0; padding: 0; border: none; background: none; cursor: zoom-in;
  line-height: 0;
}
.vph-thumb-open img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vph-item.picked .vph-thumb { outline: 2px solid var(--accent); outline-offset: -2px; }


.vph-pick {
  position: absolute; inset-block-start: var(--sp-2); inset-inline-end: var(--sp-2);
  width: 22px; height: 22px; margin: 0;
}
.vph-links { flex-wrap: wrap; gap: var(--sp-3); }


.vph-pick ~ .ph-ribbon { padding-inline-end: calc(22px + var(--sp-3)); }




.vph-strip {
  display: flex; gap: var(--sp-4); overflow-x: auto; -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-block-end: var(--sp-1);
}
.vph-strip-item {
  flex: 0 0 100%; min-width: 0; scroll-snap-align: start;
  display: flex; flex-direction: column; gap: var(--sp-2);
}
.vph-strip-more { align-items: center; justify-content: center; min-height: 12rem; }
@media (min-width: 720px) {
  .vph-strip-item { flex: 0 0 60%; }
}


.vph-r-top { margin-block-end: var(--sp-3); }
.vph-r-top > button.link { align-self: flex-start; text-align: start; margin: 0; padding-inline: 0; }
.vph-r-dmg { display: flex; align-items: center; gap: var(--sp-3); }
.vph-r-dmg-t { margin: 0; flex: 1 1 auto; min-width: 0; }
.vph-r-sketch { flex: 0 0 auto; width: 120px; }
.vph-r-sketch svg { width: 100%; height: auto; display: block; }
.vph-r-sides { flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.vph-r-sides .chips { margin: 0; }
.vph-r-list { gap: var(--sp-3); }
.vph-r-row { display: flex; flex-direction: column; gap: var(--sp-2); }
.vph-r-row.found { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.vph-r-row.yard { background: transparent; }
.vph-r-head { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.vph-r-title { font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.vph-r-cells { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-2); }
.vph-r-cells .vph-r-cell.other { grid-column: 1 / -1; }
.vph-r-cell { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.vph-r-cell.is-empty .vph-r-empty { min-height: 84px; display: flex; align-items: center; justify-content: center;
  border: 1px dashed var(--line); border-radius: var(--r-s); padding: var(--sp-2); text-align: center; }
.vph-r-cell.other.is-empty .vph-r-empty { min-height: 0; border: 0; justify-content: flex-start; padding: 0; }
.vph-r-thumb { position: relative; display: block; padding: 0; border: 0; background: none; color: var(--ink); cursor: pointer;
  border-radius: var(--r-s); overflow: hidden; min-height: 44px; }
.vph-r-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.vph-r-thumb.corner { width: 64px; flex: 0 0 64px; }
.vph-r-corners { display: flex; gap: var(--sp-1); flex-wrap: wrap; }
.vph-r-pin { position: absolute; width: 15%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%;
  border: 2px solid var(--warn); box-shadow: 0 0 0 2px var(--overlay); pointer-events: none; }
.vph-r-pin-l { position: absolute; left: 4px; bottom: 4px; padding: 0 4px; border-radius: 4px;
  background: var(--overlay); color: var(--on-accent); pointer-events: none; }
.vph-r-first { position: absolute; right: 4px; top: 4px; padding: 0 4px; border-radius: 4px;
  background: var(--crit); color: var(--on-crit); pointer-events: none; }
.vph-r-acts { gap: var(--sp-3); flex-wrap: wrap; align-items: center; }
.vph-r-gap { text-align: center; padding-block: var(--sp-1); }
.dmg-from-photo { align-items: center; gap: var(--sp-2); }
.dmg-from-thumb { width: 64px; height: 48px; object-fit: cover; border-radius: var(--r-s); }
.dcz-find-when [data-act="first_seen_clear"], .vph-r-top [data-act="first_seen_clear"] { margin-inline-start: var(--sp-2); min-width: 32px; }
.dcz-find-when { display: flex; flex-direction: column; gap: var(--sp-1); margin-block: var(--sp-2); }

@media (max-width: 899px) {
  .vph-by-rental .ho-full-act { flex-wrap: wrap; gap: var(--sp-2); }
  .vph-by-rental .ho-full-act > .ghost, .vph-by-rental .ho-full-act > .chips { flex: 1 1 calc(50% - var(--sp-2)); min-height: 44px; }
  .vph-by-rental .ho-full-act > .ho-big { flex: 1 1 100%; }
}
@media (min-width: 900px) {
  .vph-r-cells { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .7fr); }
  .vph-r-cells .vph-r-cell.other { grid-column: auto; }
  .vph-r-thumb.main { max-width: 320px; }
  .vph-r-thumb.corner { width: 110px; flex-basis: 110px; }
}





.vtr-head { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; grid-template-rows: 48px;
            grid-template-areas: "back date fwd"; gap: var(--sp-1); width: 100%; max-width: 18rem; align-items: stretch;
            flex-direction: row; }
.vtr-head .vtr-date { grid-area: date; -webkit-appearance: none; appearance: none; width: 100%; min-width: 0;
                      max-width: none; height: 48px; min-height: 48px; margin: 0; box-sizing: border-box; text-align: center;
                      background: var(--card); color: var(--ink); border: 1px solid var(--line); }
.vtr-head .vtr-date::-webkit-date-and-time-value { text-align: center; }
.vtr-head .dmy { grid-area: date; max-width: none; }
.vtr-head .dmy > .vtr-date { grid-area: 1 / 1; }
.vtr-head .dmy > .dmy-txt { justify-self: center; }
.vtr-head .icon-btn { width: 48px; min-width: 48px; height: 48px; min-height: 44px; padding: 0; margin: 0; color: var(--ink); }
.vtr-head .icon-btn:hover, .vtr-head .icon-btn:focus-visible { border-color: var(--muted); }
.vtr-head .icon-btn:disabled { opacity: .4; cursor: not-allowed; }
.vtr-head .icon-btn svg { width: 1.25rem; height: 1.25rem; }
.vtr-head .vtr-back { grid-area: back; }
.vtr-head .vtr-fwd { grid-area: fwd; }
.vtr-fwd svg { transform: rotate(180deg); }
[dir="rtl"] .vtr-fwd svg { transform: none; }
[dir="rtl"] .vtr-back svg { transform: rotate(180deg); }











.rent-fleet .lk-dt tr.dt-row:has(.rac-noplate) > td {
  background-image: linear-gradient(var(--crit-soft), var(--crit-soft));
}
.rent-fleet .lk-dt tr.dt-row:has(.rac-noplate) > td:first-child { box-shadow: inset 3px 0 0 var(--crit); }
@media (max-width: 899px) {

  .rent-fleet .lk-dt tr.dt-row:has(.rac-noplate) {
    background-image: linear-gradient(var(--crit-soft), var(--crit-soft));
    box-shadow: inset 3px 0 0 var(--crit);
  }
  .rent-fleet .lk-dt tr.dt-row:has(.rac-noplate) > td { background-image: none; box-shadow: none; }
}


.rent-map .map-view { height: max(320px, calc(100vh - 240px)); }








.rmt .map-view { height: max(300px, calc(100vh - 330px)); }

.vtr-km strong { color: var(--ink); font-weight: var(--fw-semi); }
.vtr-km-src { font-size: var(--fs-xs); }




.chip.rac-map { border-color: var(--ok); color: var(--ok); background: var(--ok-soft); }
.chip.rac-map.active { background: var(--ok); color: var(--on-crit); border-color: transparent; }
.chip.rac-list { border-color: var(--crit); color: var(--crit); background: var(--crit-soft); }
.chip.rac-list.active { background: var(--crit); color: var(--on-crit); border-color: transparent; }



@media (max-width: 899px), (pointer: coarse) {
  .rac-import { display: none; }
}


.fimp-act { gap: var(--sp-4); align-items: center; }
.fimp-pick { display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.fimp-pick.ghost { background: none; color: var(--accent); }
.fimp-pick.busy { opacity: .55; cursor: progress; }
.fimp-pick:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.fimp-counts { font-weight: var(--fw-semi); }
.fimp-sec summary { cursor: pointer; }
.fimp-row { padding-block: var(--sp-3); border-block-end: 1px solid var(--line); }
.fimp-row:last-child { border-block-end: 0; }
.fimp-row-h { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-4); align-items: baseline; }
.fimp-sample-wrap { overflow-x: auto; }
.fimp-sample {
  display: grid; grid-template-columns: repeat(4, max-content); gap: var(--sp-2) var(--sp-6);
  padding-block: var(--sp-3); font-size: var(--fs-s);
}
.fimp-sample-h { font-weight: var(--fw-semi); }
@media (max-width: 719px) {
  .fimp-act > .btn, .fimp-act > button { flex: 1 1 100%; }
}

.fsh-col { display: grid; gap: var(--sp-2); }
.fsh-col select { width: 100%; min-height: 44px; }
.fsh-unmapped { border-inline-start: 3px solid var(--warn); padding-inline-start: var(--sp-3); }
.fsh-chg { overflow-wrap: anywhere; }