/* S21 Back-office Premium V2 — presentation only; no API/runtime behavior changed */
:root{--bo-card:rgba(9,24,40,.88);--bo-line:rgba(126,231,239,.13);--bo-soft:#8da6ba;--bo-text:#eef8ff;--bo-accent:#63e4eb;--bo-green:#42d78b;--bo-red:#ff6672;--bo-violet:#b99cff}
.admin-main{background:radial-gradient(circle at 85% -10%,rgba(69,207,220,.08),transparent 28%),linear-gradient(180deg,#07111d,#06101b 65%,#050d16)}
.sidebar{background:linear-gradient(180deg,rgba(5,15,26,.98),rgba(4,12,21,.98));border-right:1px solid var(--bo-line)}
.side-nav{padding:6px 10px 18px}.side-nav-group{margin:20px 10px 7px;font-size:10px;letter-spacing:.12em;color:#587087;font-weight:900;text-transform:uppercase}
.side-nav a{border:1px solid transparent;border-radius:12px;margin:3px 0;padding:10px 11px;transition:.18s ease}.side-nav a:hover{background:rgba(99,228,235,.045);border-color:rgba(99,228,235,.08);transform:translateX(2px)}
.side-nav a.active{background:linear-gradient(90deg,rgba(74,216,226,.14),rgba(74,216,226,.045));border-color:rgba(99,228,235,.18);box-shadow:inset 3px 0 0 var(--bo-accent)}
.side-nav a i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.035);font-style:normal;color:#91cbd1}.side-nav a.active i{color:var(--bo-accent);background:rgba(99,228,235,.1)}
.admin-topbar{backdrop-filter:blur(18px);background:rgba(5,15,26,.72)!important;border-bottom:1px solid var(--bo-line)}
.page-title h1{font-size:28px;letter-spacing:-.035em}.admin-card{border:1px solid var(--bo-line)!important;background:linear-gradient(180deg,rgba(10,27,44,.9),rgba(7,20,34,.9))!important;box-shadow:0 18px 50px rgba(0,0,0,.16);border-radius:16px!important}
.btn{border-radius:10px!important}.admin-table thead th{font-size:10px!important;letter-spacing:.075em;text-transform:uppercase;color:#7590a7!important}.admin-table tbody tr{transition:.14s ease}.admin-table tbody tr:hover td{background:rgba(99,228,235,.025)}
.bo-v2-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.bo-v2-tabs a{padding:9px 13px;border:1px solid var(--bo-line);border-radius:10px;color:#9eb3c5;text-decoration:none;font-weight:800;font-size:12px;background:rgba(255,255,255,.018)}.bo-v2-tabs a.active,.bo-v2-tabs a:hover{color:#eaffff;border-color:rgba(99,228,235,.28);background:rgba(99,228,235,.07)}
.bo-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin:14px 0}.bo-kpi{padding:17px 18px;border:1px solid var(--bo-line);border-radius:15px;background:linear-gradient(145deg,rgba(12,31,49,.96),rgba(7,20,34,.9));min-height:112px}.bo-kpi small{display:block;color:#7891a6;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.bo-kpi strong{display:block;color:var(--bo-text);font-size:24px;margin-top:12px;letter-spacing:-.03em}.bo-kpi span{display:block;color:#71899d;font-size:11px;margin-top:5px}.bo-kpi.good strong{color:var(--bo-green)}.bo-kpi.warn strong{color:#ffae63}.bo-kpi.danger strong{color:var(--bo-red)}
.bo-insight{padding:17px 19px;border:1px solid rgba(185,156,255,.2);border-radius:15px;background:linear-gradient(120deg,rgba(185,156,255,.08),rgba(99,228,235,.035));margin:14px 0}.bo-insight b{color:#e9deff}.bo-insight p{margin:6px 0 0;color:#9eb0c2;line-height:1.5}
.bo-two{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.bo-list{display:grid;gap:9px}.bo-row{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(126,231,239,.08)}.bo-row:last-child{border:0}.bo-row small{color:#7890a5}.bo-row b{color:#edf8ff}.bo-bar{height:5px;border-radius:20px;background:rgba(255,255,255,.045);overflow:hidden;margin-top:7px}.bo-bar i{display:block;height:100%;background:linear-gradient(90deg,#48ccd7,#7cebf0);border-radius:20px}
.bo-chip{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid var(--bo-line);font-size:10px;font-weight:900;color:#9eb4c7}.bo-chip.protocol{color:#d8c7ff;border-color:rgba(185,156,255,.28);background:rgba(185,156,255,.08)}.bo-chip.discount{color:#ffb477;border-color:rgba(255,174,99,.25);background:rgba(255,174,99,.07)}
@media(max-width:1300px){.bo-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.bo-kpi-grid{grid-template-columns:repeat(2,1fr)}.bo-two{grid-template-columns:1fr}}

/* S21 Premium IA v2.1 */
.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 18px;padding:4px 2px}.workspace-head h1{font-size:30px;letter-spacing:-.8px;margin:4px 0 6px}.workspace-head p{margin:0;color:#8fa3b8;max-width:760px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#5fd6ff}.workspace-tabs{display:flex;gap:6px;padding:6px;margin:0 0 14px;border:1px solid rgba(139,166,194,.13);border-radius:14px;background:rgba(7,18,32,.72);width:max-content;max-width:100%;overflow:auto}.workspace-tabs a{padding:9px 13px;border-radius:10px;color:#8fa3b8;font-weight:700;font-size:13px;white-space:nowrap}.workspace-tabs a.active,.workspace-tabs a:hover{background:rgba(75,168,255,.12);color:#fff}.bo-premium-workspace{max-width:1700px}.premium-toolbar{border:1px solid rgba(139,166,194,.12);border-radius:16px;padding:12px;background:rgba(7,18,32,.58)}.premium-kpis{margin-top:14px}.premium-panel{background:linear-gradient(180deg,rgba(15,30,49,.92),rgba(8,19,32,.92));border:1px solid rgba(135,164,193,.12);box-shadow:0 18px 50px rgba(0,0,0,.12)}.danger-kpi strong{color:#ff6974}.protocol-kpi strong{color:#a78bfa}.bo-row-link{color:inherit;text-decoration:none}.bo-row-link:hover{background:rgba(84,169,255,.06)}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:#6f849a;cursor:grab;font-size:18px;user-select:none}.drag-handle:hover{background:rgba(92,176,255,.1);color:#fff}.sorting{opacity:.48;outline:1px dashed rgba(92,176,255,.55)}.side-nav-group{margin-top:15px!important}.side-nav>a span small{opacity:.56}.side-nav>a.active span small{opacity:.82}.page-commandbar{border-radius:16px}.admin-card{border-radius:16px}.channel-pricing-table tbody tr{transition:background .15s,opacity .15s}.product-cell{gap:10px!important}
