/* Rental timesheet view. Uses the WorkHub shell tokens when mounted inside it,
   and falls back to its own values in the standalone preview. */
.rental-shell{--r-bg:var(--panel,#fff);--r-fg:var(--txt,#1d2321);--r-dim:var(--dim,#5f6b67);--r-line:var(--line,#d9ddd9);--r-acc:var(--acc,#b8650f);--r-surface:var(--surface0,#f3f4f2);
  --r-work:#2f7d4f;--r-work-bg:#dcefe2;--r-standby:#2d64a8;--r-standby-bg:#dce7f5;--r-down:#b3362c;--r-down-bg:#f6dcd9;--r-stop:#8a5a00;--r-stop-bg:#f4e6c8;--r-off:#7c8682;--r-off-bg:#e8eae8;
  display:grid;gap:12px;color:var(--r-fg);font-size:13px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rental-shell{--r-bg:var(--panel,#1c2120);--r-fg:var(--txt,#e6ebe8);--r-dim:var(--dim,#9aa5a1);--r-line:var(--line,#2e3634);--r-surface:var(--surface0,#141817);
  --r-work:#6cc48f;--r-work-bg:#1d3527;--r-standby:#7aa8e6;--r-standby-bg:#1b2a3f;--r-down:#ef8076;--r-down-bg:#3e1f1c;--r-stop:#e0b45c;--r-stop-bg:#3a2f17;--r-off:#8d9894;--r-off-bg:#262c2a}}
:root[data-theme="dark"] .rental-shell{--r-bg:var(--panel,#1c2120);--r-fg:var(--txt,#e6ebe8);--r-dim:var(--dim,#9aa5a1);--r-line:var(--line,#2e3634);--r-surface:var(--surface0,#141817);
  --r-work:#6cc48f;--r-work-bg:#1d3527;--r-standby:#7aa8e6;--r-standby-bg:#1b2a3f;--r-down:#ef8076;--r-down-bg:#3e1f1c;--r-stop:#e0b45c;--r-stop-bg:#3a2f17;--r-off:#8d9894;--r-off-bg:#262c2a}
.rental-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}
.rental-head h2{margin:2px 0;font-size:20px}.rental-head p{margin:0;color:var(--r-dim)}
.rental-eyebrow{font-size:10px;letter-spacing:.12em;color:var(--r-dim);font-weight:700}
.rental-tag{font-size:11px;padding:1px 8px;border-radius:99px;background:var(--r-surface);color:var(--r-acc);vertical-align:middle}
.rental-pill{font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid var(--r-line);color:var(--r-dim)}
.rental-pill.locked{background:var(--r-work-bg);color:var(--r-work);border-color:transparent}
.rental-pill.pending{background:var(--r-standby-bg);color:var(--r-standby);border-color:transparent}
.rental-tabs{display:flex;gap:4px;border-bottom:1px solid var(--r-line);overflow-x:auto}
.rental-tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;padding:8px 14px;color:var(--r-dim);white-space:nowrap;cursor:pointer;font:inherit}
.rental-tabs button[aria-selected="true"]{color:var(--r-fg);border-bottom-color:var(--r-acc);font-weight:600}
.rental-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.rental-kpis article,.rental-panel{background:var(--r-bg);border:1px solid var(--r-line);border-radius:10px;padding:12px 14px;min-width:0}
.rental-kpis span,.rental-kpis small{display:block;color:var(--r-dim);font-size:11px}.rental-kpis b{display:block;font-size:20px;font-variant-numeric:tabular-nums;margin:2px 0}
.rental-panel h3{margin:0 0 4px;font-size:14px}.rental-hint{margin:0 0 10px;color:var(--r-dim);max-width:72ch}
.rental-error{margin:0 0 10px;color:var(--r-down)}
.rental-rowflex{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}
.rental-panel button.primary{background:var(--r-acc);border:1px solid var(--r-acc);color:#fff;border-radius:6px;padding:6px 12px;cursor:pointer;font:inherit}
.rental-panel button.primary:disabled{opacity:.45;cursor:not-allowed}
.rental-scroll{overflow-x:auto}
.rental-shell table{border-collapse:collapse;width:100%}
.rental-shell th,.rental-shell td{padding:6px 8px;border-bottom:1px solid var(--r-line);text-align:left;vertical-align:middle}
.rental-shell th{font-weight:600;color:var(--r-dim);font-size:11px;white-space:nowrap}
.rental-shell td b{display:block;white-space:nowrap}.rental-shell td small{display:block;color:var(--r-dim);font-size:11px;white-space:nowrap}
.rental-shell .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rental-shell input[type=number]{width:84px;padding:4px 6px;border:1px solid var(--r-line);border-radius:5px;background:var(--r-surface);color:var(--r-fg);text-align:right;font:inherit}
.rental-shell select{padding:4px 6px;border:1px solid var(--r-line);border-radius:5px;background:var(--r-surface);color:var(--r-fg);font:inherit;max-width:100%}
.rental-grid td{padding:2px;text-align:center;border-bottom:none}.rental-grid th{padding:2px;text-align:center;font-size:10px}.rental-grid th.fri{color:var(--r-acc)}
.rental-first{position:sticky;left:0;background:var(--r-bg);text-align:left!important;padding-right:10px!important;z-index:1}
.rental-cell{width:26px;height:26px;padding:0;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer}
.rental-cell:disabled{cursor:not-allowed}
.rental-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--r-dim);margin-bottom:8px}.rental-legend span{display:inline-flex;align-items:center;gap:5px}
.rental-swatch{width:14px;height:14px;border-radius:3px;display:inline-block}
.s-W{background:var(--r-work-bg);color:var(--r-work)}.s-S{background:var(--r-standby-bg);color:var(--r-standby)}.s-B{background:var(--r-down-bg);color:var(--r-down)}.s-T{background:var(--r-stop-bg);color:var(--r-stop)}.s-O{background:var(--r-off-bg);color:var(--r-off)}
.rental-chip{font-size:11px;padding:1px 8px;border-radius:99px;white-space:nowrap}
.rental-chip.ok{background:var(--r-work-bg);color:var(--r-work)}.rental-chip.need{background:var(--r-down-bg);color:var(--r-down)}.rental-chip.done{background:var(--r-standby-bg);color:var(--r-standby)}.rental-chip.na{background:var(--r-off-bg);color:var(--r-off)}
.rental-shell button:focus-visible,.rental-shell select:focus-visible,.rental-shell input:focus-visible{outline:2px solid var(--r-acc);outline-offset:1px}