/* Housekeeper Assist portal — Schedules screen (revamp/screenshots). Uses the hk- kit in src/index.css. */
/* the Day exceptions heading sits straight under the page head (no arrangement cards above it) */
.page-head + .hk-section { margin-top: 0; }
.sc-note { font-size: 12px; color: var(--hk-muted); }

/* filters */
.sc-tabs { flex-wrap: wrap; }
.sc-date { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--hk-muted); font-weight: 600; }
.sc-date .hk-select { height: 42px; }
.sc-search input { padding-right: 32px; }
.sc-search-clear { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none;
                   color: #97a397; font-size: 18px; line-height: 1; cursor: pointer; padding: 2px 4px; }
.sc-search-clear:hover { color: var(--hk-ink); }
.sc-loading { padding: 32px; text-align: center; color: var(--hk-muted); }

/* table */
.sc-table-wrap { overflow-x: auto; }
.sc-sort { cursor: pointer; user-select: none; }
.sc-sort-arrow { margin-left: 4px; font-size: 9px; opacity: .35; }
.sc-sort-arrow--on { opacity: 1; color: var(--hk-teal); }
.sc-name { font-weight: 600; color: var(--hk-ink); }
.sc-sub { font-size: 11.5px; color: var(--hk-muted); margin-top: 2px; }
td.sc-sub { font-size: 12.5px; }
.sc-notes { white-space: normal; min-width: 200px; max-width: 320px; color: var(--hk-ink); }
.sc-none { text-align: center; color: #99a39d; padding: 32px !important; }

@media (max-width: 768px) {
  .sc-date { flex: 1 1 45%; }
  .sc-date .hk-select { flex: 1; min-width: 0; }
}