/* ════════════════════════════════════════════════════════════════════════════
   Автосервис: посты, заказ-наряды, карточки машин. Дополняет app.css.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── посты ─────────────────────────────────────────────────────────────── */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}
.post{--tint:transparent;position:relative;border-radius:6px;overflow:hidden;
  display:flex;flex-direction:column;min-height:184px;
  background:color-mix(in srgb, var(--tint) 10%, color-mix(in srgb, var(--plate) 86%, transparent));
  border:1px solid color-mix(in srgb, var(--tint) 26%, var(--hair));
  backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:inset 0 1px 0 var(--plate-lip), 0 12px 26px -20px var(--shadow)}
.post::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 32%)}
.post > *{position:relative}
.post.busy{--tint:var(--live)}
.post.appr{--tint:var(--warn)}
.post.wait{--tint:var(--signal)}
.post-h{display:flex;align-items:center;gap:9px;padding:11px 13px;
  border-bottom:1px solid color-mix(in srgb, var(--tint) 24%, var(--hair))}
.post-h b{font-family:var(--display);font-weight:600;font-size:15px}
.post-h .kind{margin-left:auto;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;opacity:.5}
.post-b{padding:13px;flex:1;display:flex;flex-direction:column}
.post-b .plate{display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.06em;
  border:1px solid var(--hair);border-radius:3px;padding:2px 7px;margin-bottom:7px}
.post-b .car{font-family:var(--display);font-weight:600;font-size:15px;display:block}
.post-b .wk{font-size:13px;opacity:.65;margin:5px 0 0}
.post-b .idle{margin:auto;text-align:center;opacity:.4;font-size:13.5px}
.post-f{display:flex;align-items:center;gap:9px;padding:10px 13px;
  border-top:1px solid color-mix(in srgb, var(--tint) 24%, var(--hair));
  background:color-mix(in srgb, var(--tint) 7%, color-mix(in srgb, var(--ground) 55%, transparent))}
.post-f .stg{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.post-f .sum{margin-left:auto;font-family:var(--mono);font-size:14px}

/* ── строки нарядов ────────────────────────────────────────────────────── */
.ord-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px 16px;
  border-bottom:1px solid color-mix(in srgb,var(--hair) 42%,transparent)}
.ord-row:last-child{border:0}
.ord-row:hover{background:color-mix(in srgb,var(--signal) 6%,transparent)}
.ord-row .plate{font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;
  border:1px solid var(--hair);border-radius:3px;padding:2px 7px;flex:0 0 auto}
.ord-row .car b{font-family:var(--display);font-weight:600;font-size:14.5px;display:block}
.ord-row .car span{font-size:12.5px;opacity:.55}
.ord-row .st{margin-left:auto;text-align:right;flex:0 0 auto}
.ord-row .st b{font-family:var(--mono);font-size:13.5px;display:block}
.ord-row .st span{font-size:11px;opacity:.5}

/* ── карточка машины ───────────────────────────────────────────────────── */
.cars{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.hist{list-style:none;margin:9px 0 0;padding:0;font-size:13px}
.hist li{display:flex;gap:9px;padding:4px 0;
  border-bottom:1px solid color-mix(in srgb,var(--hair) 30%,transparent)}
.hist li:last-child{border:0}
.hist li span{font-family:var(--mono);opacity:.45;flex:0 0 62px}
.hist li em{font-style:normal;margin-left:auto;font-family:var(--mono);opacity:.5}

/* ── позиции в наряде ──────────────────────────────────────────────────── */
.items{list-style:none;margin:0;padding:0;font-size:13.5px}
.items li{display:flex;gap:10px;padding:6px 0;
  border-bottom:1px solid color-mix(in srgb,var(--hair) 32%,transparent)}
.items li:last-child{border:0}
.items li i{font-style:normal;font-family:var(--mono);font-size:11px;opacity:.45;flex:0 0 46px}
.items li em{font-style:normal;margin-left:auto;font-family:var(--mono)}
.items li.add{color:var(--signal)}
.sum-row{display:flex;justify-content:space-between;align-items:baseline;
  margin-top:12px;padding-top:12px;border-top:1px solid var(--hair)}
.sum-row b{font-family:var(--display);font-weight:600;font-size:19px;font-variant-numeric:tabular-nums}