/* TVOYA control centre — visual system based on the supplied panel references. */
:root{--bg:#0b0d19;--panel:#141a2b;--line:#252d43;--muted:#9ba6bd;--lime:#b9f66b;color-scheme:dark}
body{background:radial-gradient(ellipse at 65% 0,#12433c66,transparent 48%),var(--bg);font-family:'Segoe UI',sans-serif;color:#edf0fa}button{transition:background .15s,transform .15s;background:#203638;border:1px solid #365653;color:#e4f4ef}button:hover:not(:disabled){background:#2e5149}button.primary,.primary{background:linear-gradient(110deg,#b9f66b,#6fe2b4);color:white;border-color:#a4eb77;box-shadow:0 4px 18px #78d88422}button.primary:hover{background:#99e988}input,select,textarea{background:#101524;border-color:#343d56;color:#f5f3ff}input::placeholder,textarea::placeholder{color:#8490aa}label{color:#c6cde0}dialog{background:#151a2c;border-color:#3b3356;box-shadow:0 25px 100px #0009}.login{background:#14192a;border-color:#2c4a46;box-shadow:0 20px 80px #0005}.login img{width:92px;height:92px;object-fit:cover}.login h1{letter-spacing:-.8px}.login>small{color:#a0bbb4}
#workspace aside{width:248px;background:#101524;border-right:1px solid #252b42;padding:20px 14px;gap:2px}#workspace aside>img{display:none}.panel-brand{display:flex;align-items:center;gap:12px;padding:0 10px 20px}.panel-brand img{display:block!important;width:46px!important;height:46px;object-fit:cover;border-radius:13px;margin:0!important;box-shadow:0 0 22px #7fe38b2a}.panel-brand strong{display:block;font-size:18px}.panel-brand small{font-size:11px;margin-top:3px}.nav-caption{font-size:10px;letter-spacing:1.7px;color:#78839e;padding:17px 12px 7px;font-weight:700}#workspace aside>.eyebrow{display:none}#workspace aside>button{display:flex;align-items:center;gap:11px;padding:11px 13px;border:0;border-radius:9px;font-size:13px;color:#abb6ce;background:transparent;min-height:40px}#workspace aside>button::before{content:attr(data-symbol);font-size:18px;line-height:1;width:22px;text-align:center;color:#92bcb1}#workspace aside>button:hover{background:#20243b;color:white}#workspace aside>button.active{background:linear-gradient(110deg,#b9f66b,#69dfb0);color:white;box-shadow:0 5px 18px #87dd8f22}#workspace aside>button.active::before{color:white}.local-dot{color:#9abbaf;font-size:11px;margin:15px 10px}
#workspace main{margin-left:248px;padding:0 28px 16px}#workspace main>header{height:62px;min-height:62px;color:#b4bed5;font-size:12px;border-bottom:1px solid #253d3c;gap:16px}header>span:last-child{letter-spacing:0;font-size:12px}.panel-account{display:flex;align-items:center;gap:10px}.panel-account b{background:#243d35;border-radius:20px;padding:7px 12px;color:#b9f66b}.panel-menu-toggle{display:none}#workspace .heading{padding:20px 0 16px}#workspace h1{font-size:26px;letter-spacing:-.6px}#workspace .heading p{font-size:12px;margin-top:4px}#workspace .stats{gap:14px;margin-bottom:18px}#workspace .stats>div{background:#171c30;border-color:#2d3049;padding:14px 18px;border-radius:12px}#workspace .stats strong{color:#b9f66b;font-size:26px}#workspace .stats small{font-size:10px;letter-spacing:.6px}
#workspace .table-card{background:#141a2b;border-color:#292e46;border-radius:12px}#workspace .table-head{padding:14px 18px}#workspace .table-head h2{font-size:15px}#workspace .table-row{border-color:#252c42;padding:10px 12px}#table .header{background:#1b2035;color:#aab5cc}#table .table-row:not(.header):hover{background:#20233b}.column-sort{color:#b7bed2;border:0}.secret-button{background:#23213b;border:0}.badge{background:#163b32;color:#8eebba}.badge.blocked{background:#452338;color:#ffacc1}.table-row .actions button{border-radius:5px}.actions button:first-child{color:#b9f66b;border-color:#416347}#feature-host{gap:16px}#feature-host article,.feature-form{background:#141a2b;border:1px solid #2b3049;border-radius:12px;padding:20px}#feature-host h2{font-size:17px;margin:0 0 12px}#feature-host p{color:#a8b2c8;line-height:1.65}#feature-host .feature-form{margin-top:12px}#feature-host label{font-size:12px;margin:13px 0}.reseller-create>summary{background:#243d35;color:#bfecc8}.device-online{color:#7fe1b1}.message-thread{background:#0e1322}.message-thread .from-owner{border-color:#b9f66b}.message-thread .from-reseller{border-color:#39bad0}#notice{color:#b9f66b}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-metric{border:0;border-radius:14px;padding:22px;text-align:left;min-height:145px;position:relative;color:white;display:flex;flex-direction:column;align-items:start;gap:6px}.dashboard-metric strong{font-size:36px;font-weight:650}.dashboard-metric span{font-size:13px}.dashboard-metric small{color:#ffffffb8;margin-top:auto}.dashboard-metric:nth-child(1){background:linear-gradient(115deg,#b9f66b,#79d7a6)}.dashboard-metric:nth-child(2){background:linear-gradient(115deg,#087d65,#26ab80)}.dashboard-metric:nth-child(3){background:linear-gradient(115deg,#176b78,#329fa4)}.dashboard-metric:nth-child(4){background:linear-gradient(115deg,#076e93,#199fc0)}.dashboard-metric:hover{transform:translateY(-2px);filter:brightness(1.1)}.dashboard-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.dashboard-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #252c42}.dashboard-row:last-child{border:0}.dashboard-row>span{min-width:0;overflow-wrap:anywhere}.dashboard-row small{margin:3px 0}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-hint{border-left:3px solid #b9f66b!important}.dashboard-meter{height:6px;border:0;accent-color:#b9f66b;width:100%;margin-top:7px}.dashboard-empty{padding:22px 0;color:#9aa7c0}.dashboard-updated{font-size:11px;color:#8e9ab3}body[data-panel-view='dashboard'] .stats{display:none!important}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}#workspace main{padding:0 18px 12px}#workspace aside{width:218px}#workspace main{margin-left:218px}}
@media(max-width:700px){#workspace aside{position:fixed;width:248px;z-index:20;transform:translateX(-100%);transition:transform .2s;height:100dvh}body.panel-nav-open #workspace aside{transform:translateX(0);box-shadow:20px 0 100px #000a}#workspace main{margin-left:0;padding:0 14px 12px}.panel-menu-toggle{display:block;padding:7px 10px}#workspace main>header{height:56px;min-height:56px}header>span:first-of-type{display:none}#workspace .heading{padding:13px 0}#workspace h1{font-size:23px}#workspace .stats>div{padding:9px}.dashboard-grid{gap:10px}.dashboard-metric{padding:15px;min-height:125px}.dashboard-metric strong{font-size:30px}#feature-host article{padding:15px}.panel-brand img{display:block!important}#workspace aside .aside-end{display:block}#workspace .table-head{gap:8px}.dashboard-columns{gap:12px}}

/* Contrast on TVOYA lime surfaces. */
button.primary,.primary,#workspace aside>button.active,#workspace aside>button.active::before{color:#10271f}.dashboard-metric:nth-child(1){color:#10271f}.dashboard-metric:nth-child(1) small{color:#244d3c}.panel-brand strong{color:#b9f66b}

.connection-table{border-collapse:collapse;width:100%;font-size:12px}.connection-table th,.connection-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.poster-config-row{padding:12px;border:1px solid var(--line);margin:12px 0}input[type=color]{height:44px;width:100px}

.session-remaining{font-size:11px;color:var(--muted)}@media(max-width:700px){.session-remaining{display:none}.panel-account{gap:4px}.panel-account button{font-size:10px;padding:8px}.panel-account b{padding:6px}}
.client-group-nav{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.client-group-nav button{border-radius:10px;padding:10px 16px}.device-editor{width:min(600px,94vw);max-height:90vh;overflow:auto}.device-editor .feature-form{border:0;margin:0;padding:12px}.device-editor input{width:100%}