/* Cabarrus "My day" card (PREVIEW Oct 29 2026). Sits under My status on the interpreter page. Pairs with lais-cab-myday.js. */
.cab-myday.hidden { display: none !important; }
html body .panel.cab-myday {
  margin: 0 0 16px; padding: 18px 20px; border-radius: 18px; position: relative; overflow: hidden;
  border: 1px solid rgba(226,182,92,.30);
  background: linear-gradient(150deg, rgba(226,182,92,.10), rgba(255,255,255,.02) 60%), var(--card);
}
.cab-myday .cmd-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.cab-myday .cmd-kicker { font: 700 11px/1 Outfit, system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #E2B65C; }
html body .cab-myday h2.cmd-title { margin: 6px 0 0; font-size: 18px; line-height: 1.2; color: var(--fg); }
.cab-myday .cmd-upd { font-size: 12px; color: var(--muted); white-space: nowrap; padding-top: 2px; font-variant-numeric: tabular-nums; }
.cab-myday .cmd-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.cab-myday .cmd-stat {
  display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 12px 12px 11px; border-radius: 14px;
  background: rgba(0,0,0,.22); border: 1px solid var(--line);
}
.cab-myday .cmd-v { font: 700 28px/1.05 Outfit, system-ui, sans-serif; color: var(--fg); font-variant-numeric: tabular-nums; letter-spacing: -.01em; overflow-wrap: anywhere; }
.cab-myday .cmd-stat-time .cmd-v { font-size: 22px; line-height: 1.15; color: #E2B65C; }
.cab-myday .cmd-k { font-size: 12.5px; font-weight: 700; color: var(--fg); opacity: .92; display: flex; flex-direction: column; gap: 2px; }
.cab-myday .cmd-k small { font-size: 11px; font-weight: 500; color: var(--muted); }
.cab-myday .cmd-lines { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.cab-myday .cmd-lines:empty { display: none; }
.cab-myday .cmd-line { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.03); font-size: 13.5px; }
.cab-myday .cmd-line-k { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--fg); }
.cab-myday .cmd-line-v { color: var(--fg); font-variant-numeric: tabular-nums; text-align: right; }
.cab-myday .cmd-line-v small { color: var(--muted); font-size: 11.5px; margin-left: 4px; }
.cab-myday .cmd-dot { width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; flex: 0 0 auto; }
.cab-myday .cmd-admin .cmd-dot { background: #60a5fa; }
.cab-myday .cmd-vri .cmd-dot { background: #c084fc; }
.cab-myday .cmd-note, .cab-myday .cmd-empty { margin: 0; font-size: 13px; line-height: 1.45; color: var(--muted); display: flex; gap: 8px; align-items: flex-start; }
.cab-myday .cmd-moon { flex: 0 0 auto; width: 12px; height: 12px; margin-top: 3px; border-radius: 50%; box-shadow: inset -4px -2px 0 0 #E2B65C; transform: rotate(-20deg); }
.cab-myday .cmd-week { margin: 12px 0 0; padding-top: 12px; border-top: 1px dashed var(--line); font-size: 13px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; }
.cab-myday .cmd-week-k { font-weight: 700; color: var(--fg); }
.cab-myday .cmd-week-v { flex: 1 1 100%; color: var(--fg); font-variant-numeric: tabular-nums; }
.cab-myday .cmd-week-v small { color: var(--muted); }
/* ?me= pages: full-width strip above the columns */
html.cab-me-mode body .panel.cab-myday { margin: 0 0 18px; }
@media (min-width: 861px) { html.cab-me-mode body .cab-myday .cmd-stats { grid-template-columns: repeat(3, minmax(0, 220px)); } }
/* 3-column interpreter desktop: card keeps its height; the Interpreters today list scrolls under it */
@media (min-width: 1200px) {
  html.cab-interp-mode body .layout.cab-3col > .cab-avail-panel > .panel.cab-myday { flex: 0 0 auto; }
  html.cab-interp-mode body .cab-avail-panel .cab-myday .cmd-v { font-size: 25px; }
  html.cab-interp-mode body .cab-avail-panel .cab-myday .cmd-stat-time .cmd-v { font-size: 19px; }
}
@media (max-width: 860px) {
  html body .panel.cab-myday { padding: 16px; }
  .cab-myday .cmd-head { flex-wrap: wrap; gap: 4px 12px; }
  .cab-myday .cmd-upd { order: 3; flex: 1 1 100%; padding-top: 0; }
  .cab-myday .cmd-stats { grid-template-columns: 1fr 1fr; gap: 8px; }
  .cab-myday .cmd-stat { padding: 10px 12px 9px; }
  .cab-myday .cmd-stat-time { grid-column: 1 / -1; order: -1; flex-direction: row; align-items: center; justify-content: space-between; }
  .cab-myday .cmd-v { font-size: 26px; }
  .cab-myday .cmd-stat-time .cmd-v { font-size: 26px; white-space: nowrap; }
  .cab-myday .cmd-stat-time .cmd-k { text-align: right; }
  .cab-myday .cmd-line-v { text-align: left; }
}
/* ---------- Maroon + Enterprise (light themes): same tokens as My status ---------- */
html[data-theme="maroon"] body .panel.cab-myday, html[data-theme="enterprise"] body .panel.cab-myday {
  background: linear-gradient(150deg, #FBF1DE, #FFFFFF 58%) !important; border: 1px solid var(--q-line) !important;
  border-top: 3px solid var(--q-gold) !important; box-shadow: 0 6px 22px rgba(92,6,50,.08) !important;
}
html[data-theme="enterprise"] body .panel.cab-myday { background: linear-gradient(150deg, #EDF3F9, #FFFFFF 58%) !important; border-top-color: #1A6E8E !important; box-shadow: 0 6px 22px rgba(15,53,80,.08) !important; }
html[data-theme="maroon"] .cab-myday .cmd-kicker { color: var(--q-maroon); }
html[data-theme="enterprise"] .cab-myday .cmd-kicker { color: #1A6E8E; }
html[data-theme="maroon"] .cab-myday, html[data-theme="enterprise"] .cab-myday { --fg: var(--q-ink); --muted: var(--q-muted); }
html[data-theme="maroon"] body .cab-myday h2.cmd-title, html[data-theme="enterprise"] body .cab-myday h2.cmd-title { color: var(--q-ink); }
html[data-theme="maroon"] .cab-myday .cmd-upd, html[data-theme="enterprise"] .cab-myday .cmd-upd,
html[data-theme="maroon"] .cab-myday .cmd-k small, html[data-theme="enterprise"] .cab-myday .cmd-k small,
html[data-theme="maroon"] .cab-myday .cmd-line-v small, html[data-theme="enterprise"] .cab-myday .cmd-line-v small,
html[data-theme="maroon"] .cab-myday .cmd-week, html[data-theme="enterprise"] .cab-myday .cmd-week,
html[data-theme="maroon"] .cab-myday .cmd-week small, html[data-theme="enterprise"] .cab-myday .cmd-week small,
html[data-theme="maroon"] .cab-myday .cmd-note, html[data-theme="enterprise"] .cab-myday .cmd-note,
html[data-theme="maroon"] .cab-myday .cmd-empty, html[data-theme="enterprise"] .cab-myday .cmd-empty { color: var(--q-muted); }
html[data-theme="maroon"] .cab-myday .cmd-stat, html[data-theme="enterprise"] .cab-myday .cmd-stat { background: #FFFFFF; border-color: var(--q-line); box-shadow: 0 1px 2px rgba(0,0,0,.04); }
html[data-theme="maroon"] .cab-myday .cmd-v, html[data-theme="enterprise"] .cab-myday .cmd-v,
html[data-theme="maroon"] .cab-myday .cmd-k, html[data-theme="enterprise"] .cab-myday .cmd-k { color: var(--q-ink); }
html[data-theme="maroon"] .cab-myday .cmd-stat-time .cmd-v, html[data-theme="enterprise"] .cab-myday .cmd-stat-time .cmd-v { color: var(--q-maroon); }
html[data-theme="maroon"] .cab-myday .cmd-stat-time { background: #FBF3F6; border-color: #EBD3DD; }
html[data-theme="enterprise"] .cab-myday .cmd-stat-time { background: #EEF4F9; border-color: #C9D8E5; }
html[data-theme="maroon"] .cab-myday .cmd-line, html[data-theme="enterprise"] .cab-myday .cmd-line { background: #FFFFFF; border-color: var(--q-line); }
html[data-theme="maroon"] .cab-myday .cmd-line-k, html[data-theme="enterprise"] .cab-myday .cmd-line-k,
html[data-theme="maroon"] .cab-myday .cmd-line-v, html[data-theme="enterprise"] .cab-myday .cmd-line-v,
html[data-theme="maroon"] .cab-myday .cmd-week-k, html[data-theme="enterprise"] .cab-myday .cmd-week-k,
html[data-theme="maroon"] .cab-myday .cmd-week-v, html[data-theme="enterprise"] .cab-myday .cmd-week-v { color: var(--q-ink); }
html[data-theme="maroon"] .cab-myday .cmd-admin .cmd-dot, html[data-theme="enterprise"] .cab-myday .cmd-admin .cmd-dot { background: #1E4A86; }
html[data-theme="maroon"] .cab-myday .cmd-vri .cmd-dot, html[data-theme="enterprise"] .cab-myday .cmd-vri .cmd-dot { background: #7C3AED; }
html[data-theme="maroon"] .cab-myday .cmd-moon, html[data-theme="enterprise"] .cab-myday .cmd-moon { box-shadow: inset -4px -2px 0 0 var(--q-gold-ink); }
html[data-theme="maroon"] .cab-myday .cmd-week, html[data-theme="enterprise"] .cab-myday .cmd-week { border-top-color: var(--q-line); }
