body{padding:16px}main{max-width:1200px;margin:auto}nav,.actions{display:flex;gap:8px;flex-wrap:wrap}input,select,button{min-height:44px;font-size:16px;max-width:100%}label{display:block;margin:12px 0}dialog{max-width:min(92vw,600px);max-height:85dvh;overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left}.scroll{overflow:auto}textarea{width:100%}

#nav button{border-color:var(--brand-accent,#ff9900)}main>h1{border-bottom:2px solid var(--brand-accent,#ff9900);padding-bottom:12px}#panel-brand-logo{display:block;margin:0 0 12px}#panel-brand-logo[hidden]{display:none}[data-brand-editor]{max-width:650px}[data-brand-editor] input[type=color]{width:100px}

/* Native reseller workspace: scoped so owner and billing layouts stay independent. */
.reseller-streaming{box-sizing:border-box;margin:0;padding:24px;color:#eef2f7}
.reseller-streaming *, .reseller-streaming *::before,.reseller-streaming *::after{box-sizing:border-box}
.reseller-streaming main{width:100%;min-width:0;max-width:1200px;margin:auto}
.reseller-streaming main>h1{font-size:26px;margin:0 0 16px;padding-bottom:14px}
.reseller-streaming #notice:empty{display:none}
.reseller-streaming #nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.reseller-streaming #nav button{width:auto;margin:0;padding:10px 14px}
.reseller-streaming #nav button[aria-current=page]{background:#343e49;border-color:var(--brand-accent,#ff9900)}
.reseller-streaming #reseller-menu{display:none}
.reseller-streaming #content{min-width:0}
.reseller-streaming #content h2{font-size:23px;margin:16px 0}
.reseller-streaming p,.reseller-streaming li{line-height:1.55;overflow-wrap:anywhere}
.reseller-streaming .actions{display:flex;align-items:end;gap:10px;margin:14px 0;flex-wrap:wrap}
.reseller-streaming .actions>label{flex:1 1 240px;margin:0}
.reseller-streaming label{display:block;line-height:1.5;margin:14px 0}
.reseller-streaming label>input:not([type=checkbox]),.reseller-streaming label>select{display:block;width:100%;margin-top:6px;min-width:0}
.reseller-streaming button{min-height:44px;white-space:normal;line-height:1.35}
.reseller-streaming :focus-visible{outline:2px solid #ffb347;outline-offset:3px}
.reseller-streaming .scroll{max-width:100%;overflow:auto}
.reseller-streaming table{width:100%;table-layout:fixed}
.reseller-streaming td,.reseller-streaming th{white-space:normal;overflow-wrap:anywhere;vertical-align:middle;padding:14px 10px}
.reseller-streaming #content>ul{padding:0;list-style:none;display:grid;gap:12px}
.reseller-streaming #content>ul>li{background:#181f28;border:1px solid #394452;border-radius:12px;padding:16px}
.reseller-streaming li button{margin:8px 8px 0 0}
.reseller-streaming dialog{width:min(600px,calc(100% - 24px));max-width:600px;max-height:calc(100dvh - 24px);padding:20px;border:1px solid #465260;border-radius:14px}
.reseller-streaming dialog::backdrop{background:#0009}
.reseller-streaming dialog h2{margin-top:0;overflow-wrap:anywhere}
.reseller-streaming dialog .actions{position:sticky;bottom:-20px;background:#1c232c;padding:14px 0;margin-bottom:0}
.reseller-streaming input[type=checkbox][role=switch]{appearance:none;position:relative;width:40px;min-width:40px;height:24px;min-height:24px;border:1px solid #697583;border-radius:14px;background:#303843;margin:10px 10px 10px 0;vertical-align:middle}
.reseller-streaming input[type=checkbox][role=switch]::before{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#e8edf2;transform:none}
.reseller-streaming input[type=checkbox][role=switch]:checked{background:#ff9900}
.reseller-streaming input[type=checkbox][role=switch]:checked::before{left:18px;background:#171d24}
@media(max-width:700px){
 .reseller-streaming{padding:16px 12px}
 .reseller-streaming main>h1{font-size:23px;margin-bottom:12px}
 .reseller-streaming #panel-brand-logo{max-width:180px!important;max-height:48px!important}
 .reseller-streaming #reseller-menu:not([hidden]){display:block;width:100%;text-align:left;padding:12px 14px;margin-bottom:16px;border-color:#697583}
 .reseller-streaming #nav{display:none}
 .reseller-streaming #nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 20px}
 .reseller-streaming #nav button{width:100%;text-align:left;font-size:14px}
 .reseller-streaming .actions{display:flex;align-items:center}
 .reseller-streaming .actions>label{flex-basis:100%}
 .reseller-streaming .actions>button{flex:1 1 130px;padding:12px}
 .reseller-streaming .actions>span{flex:1;text-align:center}
 .reseller-streaming .scroll{overflow:visible}
 .reseller-streaming table.reseller-list{display:block;width:100%}
 .reseller-streaming table.reseller-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .reseller-streaming table.reseller-list tbody{display:grid;gap:14px}
 .reseller-streaming table.reseller-list tr{display:block;background:#19212b;border:1px solid #3d4957;border-radius:12px;padding:12px}
 .reseller-streaming table.reseller-list td{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:12px;padding:9px 0;border:0;width:auto;font-size:15px;line-height:1.45}
 .reseller-streaming table.reseller-list td::before{content:attr(data-label);color:#b6c1cf;font-size:13px;font-weight:600}
 .reseller-streaming table.reseller-list td:first-child{font-weight:700;font-size:17px}
 .reseller-streaming table.reseller-list td button{width:100%}
 .reseller-streaming #content>ul>li button{display:block;width:100%;margin:10px 0 0}
 .reseller-streaming dialog{font-size:16px}
 .reseller-streaming dialog input,.reseller-streaming dialog select{font-size:16px}
}