/* ============================================================
   Booking Requests – Anthropic monochrome override
   ============================================================ */

/* ---- Page header ---- */
.br-page-title { color: #111 !important; }
.br-page-subtitle { color: #555 !important; }

/* ---- Cards: transparent bg, visible border ---- */
.br-card {
    background: transparent !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.br-card:hover {
    border-color: #ccc !important;
    box-shadow: none !important;
}

/* Status accent — coloured top border for every status */
.br-card[data-status="confirmed"]        { border-top: 2px solid #16a34a !important; }
.br-card[data-status="completed"]        { border-top: 2px solid #16a34a !important; }
.br-card[data-status="pending"]          { border-top: 2px solid #f59e0b !important; }
.br-card[data-status="cancelled"]        { border-top: 2px solid #ef4444 !important; }
.br-card[data-status="declined"]         { border-top: 2px solid #ef4444 !important; }
.br-card[data-status="customer_cancelled"] { border-top: 2px solid #f87171 !important; }
.br-card[data-status="rescheduled"]      { border-top: 2px solid #a855f7 !important; }
.br-card[data-status="callback"]         { border-top: 2px solid #999 !important; }
.br-card[data-status="noshow"]           { border-top: 2px solid #f59e0b !important; }
.br-card[data-status="expired"]          { border-top: 2px solid #9ca3af !important; }

/* ---- Badges: explicit semantic colours ---- */
.br-badge--confirmed {
    background: #f0fdf4 !important;
    color: #16a34a !important;
}
.br-badge--completed {
    background: #f0fdf4 !important;
    color: #16a34a !important;
}
.br-badge--pending {
    background: #fffbeb !important;
    color: #b45309 !important;
}
.br-badge--cancelled {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}
.br-badge--declined {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}
.br-badge--customer_cancelled {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}
.br-badge--rescheduled {
    background: #faf5ff !important;
    color: #7e22ce !important;
}
.br-badge--noshow {
    background: #fffbeb !important;
    color: #a16207 !important;
}
.br-badge--expired {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
}
.br-badge--callback {
    background: #f5f5f5 !important;
    color: #555 !important;
}
.br-badge--default {
    background: #f5f5f5 !important;
    color: #555 !important;
}

/* ---- Card header ---- */
.br-card-name { color: #111 !important; }
.br-card-meta { color: #999 !important; }
.br-avatar {
    background: #111 !important;
    color: #fff !important;
}

/* ---- Info items ---- */
.br-info-item { color: #333 !important; }
.br-info-item i,
.br-info-item svg { color: #999 !important; }
.br-info-item a {
    color: #111 !important;
    text-decoration: underline !important;
}
.br-info-item a:hover {
    color: #555 !important;
}

/* ---- Notes ---- */
.br-notes {
    background: transparent !important;
    border-color: #eee !important;
}
.br-notes-label { color: #999 !important; }
.br-notes-text { color: #333 !important; }

/* ---- Source row ---- */
.br-source-row { color: #999 !important; }

/* ---- Card footer ---- */
.br-card-footer {
    background: transparent !important;
    border-top-color: #eee !important;
}

/* ---- Approve button: monochrome ---- */
.btn-approve {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}
.btn-approve:hover {
    background: #333 !important;
}

/* ---- Filter tabs ---- */
.br-filter-bar {
    border-bottom-color: #e2e2e2 !important;
}
.br-filter-tab.active {
    color: #111 !important;
    border-bottom-color: #111 !important;
}
.br-filter-tab.active .br-filter-count {
    background: #111 !important;
    color: #fff !important;
}
.br-filter-count {
    background: #f0f0f0 !important;
    color: #999 !important;
}

/* ---- Empty state ---- */
.br-empty-icon { color: #ccc !important; }
.br-empty-title { color: #555 !important; }
.br-empty-desc { color: #999 !important; }

/* ---- Transcript modal ---- */
.br-transcript-bubble--user {
    background: #f5f5f5 !important;
    border-color: #e2e2e2 !important;
}
.br-transcript-bubble--bot {
    background: #fafafa !important;
    border-color: #eee !important;
}

/* ---- Close button in transcript ---- */
.br-page .modal .btn-primary,
[data-role="close-transcript-modal"].btn-primary {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}

/* ============================================================
   Booking Requests – Dark Mode overrides
   ============================================================ */

/* Page header */
[data-theme="dark-mode"] .br-page-title { color: #faf8f5 !important; }
[data-theme="dark-mode"] .br-page-subtitle { color: #a8a29e !important; }

/* Cards — use individual sides so status top-border is preserved */
[data-theme="dark-mode"] .br-card {
    background: #292524 !important;
    border-left-color: #44403c !important;
    border-right-color: #44403c !important;
    border-bottom-color: #44403c !important;
}
[data-theme="dark-mode"] .br-card:hover {
    border-left-color: #57534e !important;
    border-right-color: #57534e !important;
    border-bottom-color: #57534e !important;
}

/* Card header */
[data-theme="dark-mode"] .br-card-name { color: #faf8f5 !important; }
[data-theme="dark-mode"] .br-card-meta { color: #a8a29e !important; }
[data-theme="dark-mode"] .br-avatar {
    background: #44403c !important;
    color: #faf8f5 !important;
}

/* Info items */
[data-theme="dark-mode"] .br-info-item { color: #d6d3d1 !important; }
[data-theme="dark-mode"] .br-info-item i,
[data-theme="dark-mode"] .br-info-item svg { color: #a8a29e !important; }
[data-theme="dark-mode"] .br-info-item a {
    color: #c2714a !important;
}
[data-theme="dark-mode"] .br-info-item a:hover {
    color: #d4956e !important;
}

/* Notes */
[data-theme="dark-mode"] .br-notes {
    background: #1c1917 !important;
    border-color: #44403c !important;
}
[data-theme="dark-mode"] .br-notes-label { color: #a8a29e !important; }
[data-theme="dark-mode"] .br-notes-text { color: #d6d3d1 !important; }

/* Source row */
[data-theme="dark-mode"] .br-source-row { color: #a8a29e !important; }

/* Card footer */
[data-theme="dark-mode"] .br-card-footer {
    background: #1c1917 !important;
    border-top-color: #44403c !important;
}
[data-theme="dark-mode"] .br-card-footer .btn-ghost {
    color: #d6d3d1 !important;
}
[data-theme="dark-mode"] .br-card-footer .btn-ghost:hover {
    background: #44403c !important;
    color: #faf8f5 !important;
}

/* Approve / Danger buttons */
[data-theme="dark-mode"] .btn-approve {
    background: #faf8f5 !important;
    color: #1c1917 !important;
}
[data-theme="dark-mode"] .btn-approve:hover {
    background: #e7e5e4 !important;
}

/* Filter tabs */
[data-theme="dark-mode"] .br-filter-bar {
    border-bottom-color: #44403c !important;
}
[data-theme="dark-mode"] .br-filter-tab { color: #78716c !important; }
[data-theme="dark-mode"] .br-filter-tab:hover { color: #e7e5e4 !important; }
[data-theme="dark-mode"] .br-filter-tab.active {
    color: #faf8f5 !important;
    border-bottom-color: #faf8f5 !important;
}
[data-theme="dark-mode"] .br-filter-tab.active .br-filter-count {
    background: #faf8f5 !important;
    color: #1c1917 !important;
}
[data-theme="dark-mode"] .br-filter-count {
    background: #44403c !important;
    color: #e7e5e4 !important;
}

/* Badges */
[data-theme="dark-mode"] .br-badge--confirmed,
[data-theme="dark-mode"] .br-badge--completed {
    background: rgba(74,222,128,0.15) !important;
    color: #4ade80 !important;
}
[data-theme="dark-mode"] .br-badge--pending {
    background: rgba(251,191,36,0.15) !important;
    color: #fbbf24 !important;
}
[data-theme="dark-mode"] .br-badge--cancelled,
[data-theme="dark-mode"] .br-badge--declined {
    background: rgba(239,68,68,0.15) !important;
    color: #f87171 !important;
}
[data-theme="dark-mode"] .br-badge--customer_cancelled {
    background: rgba(239,68,68,0.10) !important;
    color: #f87171 !important;
}
[data-theme="dark-mode"] .br-badge--rescheduled {
    background: #291e3b !important;
    color: #c084fc !important;
}
[data-theme="dark-mode"] .br-badge--noshow {
    background: rgba(251,191,36,0.12) !important;
    color: #fbbf24 !important;
}
[data-theme="dark-mode"] .br-badge--expired,
[data-theme="dark-mode"] .br-badge--default {
    background: #292524 !important;
    color: #a8a29e !important;
}
[data-theme="dark-mode"] .br-badge--callback {
    background: rgba(194,113,74,0.15) !important;
    color: #c2714a !important;
}

/* Empty state */
[data-theme="dark-mode"] .br-empty-icon { color: #57534e !important; }
[data-theme="dark-mode"] .br-empty-title { color: #a8a29e !important; }
[data-theme="dark-mode"] .br-empty-desc { color: #78716c !important; }

/* Transcript modal */
[data-theme="dark-mode"] .br-transcript-bubble--user {
    background: #292524 !important;
    border-color: #44403c !important;
    color: #e7e5e4 !important;
}
[data-theme="dark-mode"] .br-transcript-bubble--bot {
    background: #1c1917 !important;
    border-color: #44403c !important;
    color: #e7e5e4 !important;
}
[data-theme="dark-mode"] .br-reschedule-banner {
    background: #291e3b !important;
    border-color: #44403c !important;
    color: #c084fc !important;
}
[data-theme="dark-mode"] .br-page .modal .btn-primary,
[data-theme="dark-mode"] [data-role="close-transcript-modal"].btn-primary {
    background: #faf8f5 !important;
    color: #1c1917 !important;
}