/* ---- Units 4 and 5 (29 Oct 2026): what Kai changed — Home's "Kai today" and History ---- */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
.link-btn{ border:none; background:none; padding:4px 0; color:var(--cobalt); font-size:14px; font-weight:500 }
.link-btn:hover{ text-decoration:underline }
.ka-row{
  display:grid; grid-template-columns:52px auto minmax(0,1fr) auto; align-items:center; gap:12px;
  width:100%; padding:11px 4px; border:none; border-top:1px solid var(--line); background:none; text-align:left; font:inherit;
}
.ka-row:first-child{ border-top:none }
.ka-row.clickable{ cursor:pointer }
.ka-row.clickable:hover{ background:var(--paper) }
.ka-time{ font-size:13px; color:var(--ink-3) }
.ka-main{ min-width:0; font-size:15px }
.ka-main .who{ font-weight:500 }
.ka-detail{ color:var(--ink-3); font-size:14px }
.ka-source{ display:block; font-size:12px; color:var(--ink-3) }
.ka-conf{ justify-self:end; font-size:12.5px }
.ka-ok{ display:inline-flex; width:24px; height:24px; border-radius:50%; align-items:center; justify-content:center; background:var(--ok-wash); color:var(--ok) }
.ka-wait{ color:var(--warn); font-weight:500 }
.tag.ka-booked{ background:var(--ok-wash); color:var(--ok) }
.tag.ka-moved{ background:var(--info-wash); color:var(--info) }
.tag.ka-cancelled{ background:var(--urgent-wash); color:var(--urgent) }
.tag.ka-registered, .tag.ka-deposit_taken, .tag.ka-refunded{ background:var(--warn-wash); color:var(--warn) }
.history .ka-row{ grid-template-columns:150px auto minmax(0,1fr) auto }
@media (max-width:620px){
  .ka-row, .history .ka-row{ grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto auto; row-gap:4px }
  .ka-time{ grid-column:1 / -1 }
  .ka-conf{ grid-column:1 / -1; justify-self:start }
}
/* History controls */
.hist-switch{ display:inline-flex; gap:4px; padding:4px; border-radius:999px; background:var(--surface); box-shadow:var(--shadow-card); margin-bottom:16px }
.hist-switch button{ border:none; background:none; padding:8px 16px; border-radius:999px; font-size:14px; color:var(--ink-3) }
.hist-switch button[aria-selected="true"]{ background:var(--cobalt); color:#FFFFFF }
.hist-controls{ display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin-bottom:14px }
.hist-controls label{ display:flex; flex-direction:column; gap:4px; font-size:12.5px; color:var(--ink-3) }
.hist-controls input, .hist-controls select{ height:40px; border:1px solid var(--line); border-radius:10px; padding:0 10px; background:var(--surface); font-size:14px }
.hist-controls .grow{ flex:1 1 220px }
/* Home's strip: five tiles, each an equal share. */
@media (min-width:1001px){
  #home-stats{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:1fr }
}