/* MAISON — lớp override: Onyx & Champagne (dark luxury editorial). Selector [data-theme="interior"].
   Theme tối: nút champagne dùng CHỮ TỐI, hairline vàng mảnh, card nâng nền tối, sidebar sâu nhất. */
[data-theme="interior"] body {
  background: var(--bg-0);
  color: var(--text-1);
}
[data-theme="interior"] .display,
[data-theme="interior"] .h1,
[data-theme="interior"] .h2 { font-family: var(--font-display); font-weight: 500; letter-spacing: 0; }
[data-theme="interior"] .cp-italic { font-family: var(--font-display); font-style: italic; font-weight: 500; color: var(--pink); }
[data-theme="interior"] .text-balenciaga { font-family: var(--font-sans); letter-spacing: 0.28em; text-transform: uppercase; font-weight: 600; font-size: 0.82em; }

/* Nút: champagne nền sáng → chữ onyx; outline mảnh vàng cho nút phụ */
[data-theme="interior"] .btn { border-radius: 3px; letter-spacing: 0.12em; text-transform: uppercase; font-size: 12px; font-weight: 600; }
[data-theme="interior"] .btn-pink { background: var(--pink); color: #14110d; box-shadow: none; }
[data-theme="interior"] .btn-pink:hover { background: var(--pink-2); color: #14110d; }
[data-theme="interior"] .btn-dark { background: var(--bg-5); color: #14110d; }
[data-theme="interior"] .btn-light { background: transparent; color: var(--text-1); border: 1px solid var(--border-strong); }
[data-theme="interior"] .btn-light:hover { background: var(--pink-soft); color: var(--text-1); }

/* Card: nền nâng tối + hairline vàng mảnh */
[data-theme="interior"] .card,
[data-theme="interior"] .card-elev { background: var(--bg-2); border: 1px solid var(--border); border-radius: var(--r-2xl); box-shadow: var(--shadow-sm); }
[data-theme="interior"] .card-dark { background: var(--bg-dark); border-color: var(--border); }
[data-theme="interior"] .input { background: var(--bg-1); border: 1px solid var(--border); color: var(--text-1); border-radius: 3px; }
[data-theme="interior"] .input::placeholder { color: var(--text-4); }
[data-theme="interior"] .badge,
[data-theme="interior"] .badge-pink { border-radius: 2px; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 600; }
[data-theme="interior"] .badge-pink { background: var(--pink); color: #14110d; }

[data-theme="interior"] .filter-chip { border-radius: 9999px; background: var(--bg-2); border: 1px solid var(--border); color: var(--text-2); }
[data-theme="interior"] .filter-chip.active { background: var(--pink); color: #14110d; border-color: var(--pink); }
[data-theme="interior"] .kpi { border-radius: var(--r-2xl); background: var(--bg-2); border: 1px solid var(--border); }

/* dashboard: sidebar sâu nhất để tách khỏi nền */
[data-theme="interior"] .dash-sidebar { background: var(--bg-dark); border-right: 1px solid var(--border); }
[data-theme="interior"] .dash-nav-item { color: var(--text-3); }
[data-theme="interior"] .dash-nav-item.active { background: var(--pink); color: #14110d; }
[data-theme="interior"] .dash-topbar { background: var(--nav-bg); border-bottom: 1px solid var(--border); }
[data-theme="interior"] .table th { text-transform: uppercase; letter-spacing: 0.10em; font-size: 11px; color: var(--text-3); }
[data-theme="interior"] .table tbody tr:hover { background: var(--bg-3); }

/* mobile */
[data-theme="interior"] .avatar { border-radius: 3px; background: var(--pink); color: #14110d; }
[data-theme="interior"] .bottom-nav { background: var(--bg-dark); border-top: 1px solid var(--border); }
[data-theme="interior"] .bottom-nav-item { color: var(--text-3); }
[data-theme="interior"] .bottom-nav-item.active { color: var(--pink); }
[data-theme="interior"] .bottom-nav-fab { border-radius: 4px; background: var(--pink); color: #14110d; box-shadow: var(--shadow-pink); }
[data-theme="interior"] .row-action { border-radius: 3px; }