/* house-inbox.css: the Inbox list in the house style. Loaded LAST in base.html so it beats the inline
   editorial rules in inbox.html (which force border-radius: 2px on rows, stat cards and status chips)
   and the older mobile layers. Prefix every rule with
   html:root[data-design-mode][data-theme][data-palette] body#opt-house (see house.css). Ben, 6 Sep 2026:
   "square tabs ... needs a full redesign". Rows become rounded white cards, chips become pills, the
   status/priority colours stay. */

/* ---- stat cards ---- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-stat {
  border-radius: 22px !important; border: 1px solid var(--hs-line) !important; background: #fff !important;
  box-shadow: none !important; padding: 16px 20px !important; border-left-width: 1px !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-stat-value {
  font-family: var(--hs-font-display) !important; font-weight: 500 !important; font-size: 30px !important; line-height: 1.05 !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-stat-label {
  font-size: 11px !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--hs-ink-mute) !important; margin-top: 6px !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-whoami,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-whoami-id { font-size: 11px !important; color: var(--hs-ink-mute) !important; letter-spacing: 0 !important; text-transform: none !important; }

/* ---- filters and search ---- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page select,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .hs-filter-btn,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-view-btn,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-view-mode-btn {
  border-radius: 999px !important; border: 1px solid var(--hs-line) !important; background: #fff !important; padding: 8px 14px !important;
  font-size: 13px !important; color: var(--hs-ink) !important; box-shadow: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .hs-filter-btn.is-active,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-view-mode-btn.is-active {
  background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; font-weight: 600 !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-ticket-search {
  border-radius: 999px !important; border: 1px solid var(--hs-line) !important; background: #fff !important; box-shadow: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-ticket-search-input {
  border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 14px !important;
}

/* ---- group headers ---- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-group-header {
  font-size: 11px !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-weight: 700 !important;
  color: var(--hs-ink-mute) !important; margin: 22px 0 8px !important; padding: 0 4px !important; border: 0 !important; background: transparent !important;
}

/* ---- rows: rounded white cards, no coloured left border, one hairline ---- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-task-row {
  border-radius: 16px !important; border: 1px solid var(--hs-line) !important; border-left-width: 1px !important; background: #fff !important;
  padding: 14px 18px !important; margin-bottom: 8px !important; box-shadow: none !important; animation: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-task-row:hover {
  border-color: var(--hs-line-strong) !important; background: #fdfdfb !important; box-shadow: 0 4px 16px rgba(20, 22, 30, .06) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-task-row.is-bulk-selected {
  border-color: var(--hs-yellow-deep) !important; background: var(--hs-yellow-soft) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-task-row > div:nth-child(3) > div:first-child {
  font-size: 14.5px !important; font-weight: 600 !important; color: var(--hs-ink) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-task-row > div:nth-child(3) > div:last-child { font-size: 12.5px !important; margin-top: 3px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-row-check { width: 16px !important; height: 16px !important; accent-color: var(--hs-ink) !important; border-radius: 4px !important; }

/* the claim glow ring on rows is loud against white cards; keep the worker pill instead */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-task-row.inbox-glow::before,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-task-row.inbox-glow::after { display: none !important; }

/* ---- chips become pills ---- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-status-chip,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-due-chip,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-client-pill,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-unassigned-chip,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-worker-pill {
  border-radius: 999px !important; padding: 3px 10px !important; font-size: 11.5px !important; font-weight: 600 !important;
  letter-spacing: 0 !important; text-transform: none !important; line-height: 1.4 !important; border: 1px solid transparent !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-status-chip.s-todo { background: #f1efe3 !important; color: #3b3d44 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-status-chip.s-in_progress { background: #fff3c4 !important; color: #7a5a00 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-status-chip.s-review { background: #dbe8fb !important; color: #1e4fa3 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-status-chip.s-completed { background: #dff5e6 !important; color: #1d6b3b !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-status-chip.s-blocked { background: #fde2e0 !important; color: #8a1f19 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-due-chip { background: #fff !important; color: var(--hs-ink-mute) !important; border-color: var(--hs-line) !important; font-variant-numeric: tabular-nums; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-due-chip.is-overdue { background: #fde2e0 !important; color: #8a1f19 !important; border-color: transparent !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-unassigned-chip { background: #fff3c4 !important; color: #7a5a00 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-worker-pill { background: #f1efe3 !important; color: var(--hs-ink) !important; }

/* ---- bulk bar and board cards ---- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-bulkbar { border-radius: 999px !important; border: 1px solid var(--hs-line) !important; background: #fff !important; box-shadow: var(--hs-shadow-card) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-bulkbar button { border-radius: 999px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-board-card { border-radius: 16px !important; border: 1px solid var(--hs-line) !important; background: #fff !important; box-shadow: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .inbox-page .inbox-board-col { border-radius: 22px !important; background: #f7f5ec !important; border: 0 !important; }