/* Semantic tenant layer over the existing panel. */
:root { --brand-primary:#ed1426; --brand-secondary:#191921; --brand-accent:#ed1426; --brand-bg:#121217; --brand-surface:#191921; --brand-text:#eeeef5; --brand-muted:#9696a8; --brand-success:#3bd17a; --brand-warning:#f2b83f; --brand-error:#eb4752; --brand-bg-overlay:#101019d9; }
[data-tenant-brand] body { background-color:var(--brand-bg); background-size:cover; background-attachment:fixed; }
[data-tenant-brand] .sidebar, [data-tenant-brand] .topbar, [data-tenant-brand] .footer-card { background:var(--brand-surface); }
[data-tenant-brand] .sidebar-brand { gap:10px; flex-direction:column; justify-content:center; height:116px; flex-basis:116px; }
[data-tenant-brand] .sidebar-brand img { max-height:58px; max-width:160px; object-position:center; }
[data-tenant-brand] .sidebar-brand strong { font-size:14px; letter-spacing:.08em; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
[data-tenant-brand] .btn-primary { background:var(--brand-primary); color:var(--brand-text); }
[data-tenant-brand] .nav-item.active { color:var(--brand-accent); background:var(--red-soft); }
[data-tenant-brand] .error-text, .cc-warning { color:#ffb9be; }
.subscription-banner { margin:10px 0; padding:12px 18px; border:1px solid #ad8438; border-radius:9px; background:#211c12; color:#ffe2a4; }
.onboarding-box { margin-top:20px; color:var(--muted); }
.onboarding-box summary { cursor:pointer; }
.cc { display:grid; gap:20px; max-width:1600px; margin:0 auto; width:100%; }
.cc-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.cc h2 { font-size:28px; font-weight:650; line-height:1.2; margin:6px 0 10px; }
.cc h3 { margin:10px 0 16px; font-size:17px; font-weight:600; }
.cc-heading p, .cc-muted { color:var(--muted); }
.cc-eyebrow { font-size:10px; letter-spacing:.16em; font-weight:650; color:var(--red)!important; }
.cc-card { padding:24px; border:1px solid var(--border-strong); background:var(--card); border-radius:14px; min-width:0; }
.cc-card > p { margin:8px 0 16px; }
.cc-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0; }
.cc-button { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--red); background:var(--red); color:#fff; border-radius:8px; padding:10px 15px; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap; }
.cc-button.secondary { background:transparent; border-color:var(--border-strong); color:var(--text); }
.cc-button:hover { filter:brightness(1.2); }
.cc-button:disabled { opacity:.4; cursor:default; }
.cc input, .cc select, .cc textarea { min-width:0; width:100%; border:1px solid var(--border-strong); color:var(--text); background:var(--bg-2); border-radius:8px; padding:10px 12px; outline:none; }
.cc input:focus, .cc select:focus, .cc textarea:focus { border-color:var(--red); }
.cc textarea { resize:vertical; min-height:70px; }
.cc label { display:flex; flex-direction:column; gap:7px; font-size:12px; color:var(--muted); }
.cc .cc-check { flex-direction:row; align-items:center; }
.cc .cc-check input { width:auto; }
.cc input[type=file] { padding:9px; font-size:11px; }
.cc input[type=color] { padding:3px; width:100%; height:34px; }
.cc-form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; margin:16px 0 22px; }
.cc-metrics { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.cc-metrics article { padding:18px; border:1px solid var(--border); border-radius:11px; background:linear-gradient(140deg,var(--card),var(--bg-2)); }
.cc-metrics span { font-size:11px; color:var(--muted); }
.cc-metrics strong { display:block; font-size:30px; margin-top:8px; font-weight:600; }
.cc-revenue, .cc-two { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; }
.cc dl, .subscription-page dl { display:grid; grid-template-columns:1fr auto; gap:12px; margin:18px 0; font-size:12px; }
.cc dt, .subscription-page dt { color:var(--muted); }
.cc dd { text-align:right; }
.cc-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.cc-filters > input { flex:2 1 180px; }
.cc-filters select { flex:1 1 120px; }
.cc-filters .cc-check { flex:1 1 150px; }
.cc-table-wrap { overflow-x:auto; }
.cc-table { border-collapse:collapse; width:100%; font-size:12px; }
.cc-table th { text-align:left; font-weight:500; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.04em; padding:12px 10px; white-space:nowrap; border-bottom:1px solid var(--border-strong); }
.cc-table td { padding:16px 10px; border-bottom:1px solid var(--border); max-width:360px; overflow-wrap:anywhere; }
.cc-table small, .cc-client-name small { display:block; color:var(--muted); margin-top:4px; }
.cc-client-name { display:flex; align-items:center; gap:10px; min-width:140px; }
.cc-client-name img { width:36px; height:36px; object-fit:contain; }
.cc-badge { display:inline-flex; font-size:10px; font-weight:600; padding:5px 8px; border:1px solid #397854; border-radius:5px; color:#9ae0b4; background:#163325; white-space:nowrap; }
.cc-badge.expired, .cc-badge.cancelled, .cc-badge.critical { background:#391d24; color:#ffb3ba; border-color:#85434f; }
.cc-badge.warning, .cc-badge.soon, .cc-badge.suspended { background:#352b17; color:#ffdb89; border-color:#867140; }
.cc-empty { padding:32px!important; text-align:center; color:var(--muted); }
.cc-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; font-size:12px; color:var(--muted); }
.cc-brand-grid { display:grid; grid-template-columns:minmax(300px,1.3fr) minmax(280px,1fr); gap:28px; }
.cc-colors { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:20px; }
.cc-preview { min-height:320px; padding:24px; border:1px solid var(--brand-muted); border-radius:12px; background-color:var(--brand-bg); background-size:cover; color:var(--brand-text); }
.cc-preview.game { border-radius:4px; font-family:Consolas,monospace; box-shadow:0 18px 40px #0006; }
.cc-preview-bar { background:var(--brand-primary); color:var(--brand-text); padding:9px 12px; margin:-24px -24px 20px; font-size:10px; letter-spacing:.1em; border-radius:10px 10px 0 0; }
.cc-preview img { width:64px; height:64px; object-fit:contain; margin-bottom:14px; }
.cc-preview-surface { margin:20px 0; padding:18px; background:var(--brand-surface); border-radius:8px; }
.cc-preview-surface p { color:var(--brand-muted); font-size:12px; margin:10px 0; }
.cc-preview-accent { color:var(--brand-accent); font-size:12px; }
.cc-preview small { color:var(--brand-muted); font-size:10px; }
.cc-warning { font-size:12px; margin-top:12px; padding:8px; background:#29191c; border-radius:5px; }
.cc-warning:empty { display:none; }
.cc-swatch { display:block; width:26px; height:26px; border:1px solid #aab; border-radius:50%; }
.cc-copy { white-space:pre-wrap; overflow-wrap:anywhere; padding:20px; background:var(--bg-2); border:1px solid var(--border-strong); margin:16px 0; border-radius:8px; line-height:1.9; }
.cc-inline { display:flex; gap:12px; align-items:flex-end; margin:20px 0; }
.subscription-page { max-width:720px; margin:20px auto; color:var(--text); }
@media(max-width:1150px) { .cc-metrics { grid-template-columns:repeat(3,1fr); } .cc-brand-grid { grid-template-columns:1fr; } }
@media(max-width:650px) { .cc-heading { flex-direction:column; align-items:stretch; } .cc-metrics { grid-template-columns:repeat(2,1fr); } .cc-card { padding:16px; } .cc-two { grid-template-columns:1fr; } .cc-colors { grid-template-columns:repeat(3,1fr); } .cc h2 { font-size:23px; } }