/* ============================================================
   BUSINESS — dark-mode support
   The Business pages define their light look inline; these rules
   only take effect under [data-theme="dark"] and flip the white
   surfaces, inputs, borders and neutral text to the app theme.
   ============================================================ */

/* Surfaces (cards, lists, tiles, modals) */
[data-theme="dark"] .biz-card,
[data-theme="dark"] .biz-list,
[data-theme="dark"] .chart-card,
[data-theme="dark"] .kpi,
[data-theme="dark"] .pcard,
[data-theme="dark"] .rcard,
[data-theme="dark"] .pf-card,
[data-theme="dark"] .acc-card,
[data-theme="dark"] .bd-item,
[data-theme="dark"] .modal-card,
[data-theme="dark"] .create {
    background: var(--surface) !important;
    color: var(--text);
    border-color: var(--border) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
}

/* Soft inner tiles */
[data-theme="dark"] .itile {
    background: rgba(255,255,255,.05) !important;
    color: var(--text);
}

/* Dividers / row separators */
[data-theme="dark"] .biz-row,
[data-theme="dark"] .pf-row,
[data-theme="dark"] .mem,
[data-theme="dark"] .lead,
[data-theme="dark"] .tax-row,
[data-theme="dark"] .trow,
[data-theme="dark"] .mgmt .row {
    border-color: var(--border) !important;
}
[data-theme="dark"] .tsep { background: var(--border) !important; }

/* Neutral (dark) headings & labels -> themed text */
[data-theme="dark"] .chart-card h3,
[data-theme="dark"] .rcard h3,
[data-theme="dark"] .modal-card h3,
[data-theme="dark"] .mgmt .nm,
[data-theme="dark"] .acc-name,
[data-theme="dark"] .bd-name,
[data-theme="dark"] .pf-row .v,
[data-theme="dark"] .lead .n,
[data-theme="dark"] .tax-row .v,
[data-theme="dark"] .trow .v,
[data-theme="dark"] .ttotal .k,
[data-theme="dark"] .kpi .v,
[data-theme="dark"] .biz-card .val {
    color: var(--text) !important;
}

/* Inputs / selects / textareas */
[data-theme="dark"] .biz-card input,
[data-theme="dark"] .biz-card select,
[data-theme="dark"] .biz-card textarea,
[data-theme="dark"] .modal-card input,
[data-theme="dark"] .modal-card select,
[data-theme="dark"] .modal-card textarea,
[data-theme="dark"] .create input {
    background: #0F172A !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
[data-theme="dark"] .biz-card input::placeholder,
[data-theme="dark"] .modal-card input::placeholder,
[data-theme="dark"] .modal-card textarea::placeholder { color: #64748B; }

/* optgroup / option contrast in dark selects (best-effort; UA dependent) */
[data-theme="dark"] .biz-card select option,
[data-theme="dark"] .modal-card select option { background: #0F172A; color: var(--text); }

/* Progress track */
[data-theme="dark"] .bar { background: rgba(255,255,255,.10) !important; }

/* Secondary modal buttons */
[data-theme="dark"] .btn { background: var(--surface); color: var(--text); border-color: var(--border); }
[data-theme="dark"] .modal-actions .btn.teal,
[data-theme="dark"] .modal-actions .btn.green,
[data-theme="dark"] .modal-actions .btn.red { color: #fff; }

/* Warning/notice banners stay legible */
[data-theme="dark"] .biz-msg { background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.35); color: #6EE7B7; }

/* Extra business surfaces */
[data-theme="dark"] .yrsel a,
[data-theme="dark"] .seg button {
    background: var(--surface) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
[data-theme="dark"] .yrsel a.on,
[data-theme="dark"] .seg button.on {
    background: #0F766E !important;
    color: #fff !important;
    border-color: #0F766E !important;
}
[data-theme="dark"] .addc {
    background: rgba(15,118,110,.16) !important;
    color: #2DD4BF !important;
    border-color: rgba(15,118,110,.5) !important;
}
[data-theme="dark"] .tag { background: rgba(15,118,110,.22); color: #5EEAD4; }