/* 老板首页: a grid of to-do tiles (a number and a few words each) and the day's business. Phone-first. */
#tab-home {
    --bh-ink: var(--classic-text, #1f2937);
    --bh-soft: var(--classic-text-soft, #5f6b7a);
    --bh-faint: var(--classic-text-faint, #94a3b8);
    --bh-line: var(--classic-line, #e2e8f0);
    --bh-surface: var(--classic-surface, #ffffff);
    --bh-muted: var(--classic-surface-muted, #f6f8fb);
    --bh-accent: var(--classic-blue-strong, #1d4ed8);
    --bh-accent-soft: var(--classic-blue-soft, #eaf1ff);
    --bh-warn: var(--classic-amber-strong, #b45309);
    --bh-warn-soft: var(--classic-amber-soft, #fdf3e1);
    --bh-up: var(--classic-green-strong, #15803d);
    --bh-up-soft: var(--classic-green-soft, #e7f6ee);
    --bh-down: var(--classic-red-strong, #c0262d);
    --bh-down-soft: var(--classic-red-soft, #fde8e8);
}
#bossHomePage { display: grid; gap: 12px; color: var(--bh-ink); }
.bh-card { padding: 16px; border: 1px solid var(--bh-line); border-radius: 18px; background: var(--bh-surface); }
.bh-head { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.bh-head h2 { margin: 0; font-size: 17px; font-weight: 800; }
.bh-head-note { margin-left: auto; font-size: 12px; color: var(--bh-faint); }
.bh-badge { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 11px; box-sizing: border-box;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--bh-accent-soft); color: var(--bh-accent); font-size: 12px; font-weight: 800; }
.bh-badge-warn { background: var(--bh-warn-soft); color: var(--bh-warn); }

/* 待处理 */
.bh-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 380px) { .bh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 720px) { .bh-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bh-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 84px; padding: 10px 12px;
    border: 0; border-radius: 14px; background: var(--bh-muted); color: inherit; font: inherit; text-align: left;
    cursor: pointer; transition: transform .1s ease; }
.bh-tile:active { transform: scale(.97); }
.bh-tile:focus-visible { outline: 2px solid var(--bh-accent); outline-offset: 2px; }
.bh-tile-num { font-size: 26px; line-height: 1.1; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--bh-accent); }
.bh-tile-label { font-size: 13px; font-weight: 700; }
.bh-tile-note { font-size: 11px; line-height: 1.3; color: var(--bh-soft); overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bh-tile-warn { background: var(--bh-warn-soft); }
.bh-tile-warn .bh-tile-num { color: var(--bh-warn); }
.bh-empty { display: flex; align-items: center; gap: 10px; padding: 8px 2px; font-size: 15px; font-weight: 700; color: var(--bh-up); }
.bh-empty-mark { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    background: var(--bh-up-soft); }

/* 生意 */
.bh-hero { padding: 14px; border-radius: 14px; background: var(--bh-accent-soft); }
.bh-hero-label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; color: var(--bh-soft); }
.bh-hero-value { margin: 4px 0 2px; font-size: 34px; line-height: 1.1; font-weight: 800; font-variant-numeric: tabular-nums; }
.bh-hero-sub { font-size: 12px; color: var(--bh-soft); }
.bh-muted { color: var(--bh-faint); }
.bh-minis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.bh-mini { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 10px 12px; border-radius: 14px; background: var(--bh-muted); }
.bh-mini-label { font-size: 12px; color: var(--bh-soft); }
.bh-mini-value { font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.bh-mini-note { font-size: 11px; color: var(--bh-faint); }
.bh-chip { display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 999px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.bh-chip-up { background: var(--bh-up-soft); color: var(--bh-up); }
.bh-chip-down { background: var(--bh-down-soft); color: var(--bh-down); }
.bh-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
.bh-top-label { font-size: 12px; color: var(--bh-soft); margin-right: 2px; }
.bh-top-item { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px 4px 4px; border-radius: 999px;
    background: var(--bh-muted); font-size: 12px; }
.bh-top-item b { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    background: var(--bh-surface); font-size: 11px; color: var(--bh-accent); }
.bh-top-item em { font-style: normal; color: var(--bh-faint); }
.bh-links { display: flex; gap: 8px; margin-top: 12px; }
.bh-links button { flex: 1; min-height: 40px; border: 1px solid var(--bh-line); border-radius: 12px; background: var(--bh-surface);
    color: var(--bh-accent); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }

/* 复查提醒 (review_reminders.js) */
#bossHomePage > div:empty { display: none; }
#bhTodosSlot, #reviewRemindersSlot, #bhBusinessSlot { scroll-margin-top: 12px; }
.rr-add { margin-left: auto; min-height: 32px; padding: 0 12px; border: 1px solid var(--bh-line); border-radius: 10px;
    background: var(--bh-surface); color: var(--bh-accent); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.rr-item { padding: 12px; border-radius: 14px; background: var(--bh-muted); }
.rr-item + .rr-item, .rr-form + .rr-item, .rr-done { margin-top: 8px; }
.rr-due { background: var(--bh-warn-soft); }
.rr-top { display: flex; flex-direction: column; gap: 2px; }
.rr-when { font-size: 12px; color: var(--bh-soft); font-variant-numeric: tabular-nums; }
.rr-due .rr-when { color: var(--bh-warn); font-weight: 700; }
.rr-title { font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.rr-details { margin-top: 6px; font-size: 13px; }
.rr-details summary, .rr-done summary { cursor: pointer; color: var(--bh-accent); font-size: 13px; font-weight: 700; }
.rr-text { margin-top: 4px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.5; color: var(--bh-ink); }
.rr-result { color: var(--bh-up); font-weight: 600; }
.rr-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.rr-actions button { min-height: 34px; padding: 0 12px; border-radius: 10px; font-size: 13px; }
.rr-empty { font-size: 13px; color: var(--bh-soft); }
.rr-form { display: grid; gap: 8px; padding: 12px; border-radius: 14px; background: var(--bh-accent-soft); }
.rr-form label { display: grid; gap: 4px; font-size: 12px; color: var(--bh-soft); }
.rr-form input, .rr-form textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; color: var(--bh-ink);
    padding: 8px 10px; border: 1px solid var(--bh-line); border-radius: 10px; background: var(--bh-surface); }
.rr-finished .rr-title { color: var(--bh-soft); }