@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,'IBM Plex Sans Thai',sans-serif;color:#163357;background:#f4f7fc;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #66adff;outline-offset:3px}h1,h2,h3,p{margin:0}p{line-height:1.8}button{min-height:44px}small{display:block}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid #e1e9f3;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;font-size:30px;color:#1764d5;font-weight:800}.brand span{font-size:16px;letter-spacing:.6px;color:#153d70}.brand small{font-size:10px;letter-spacing:2.4px;margin-top:6px;color:#6b7f99}.nav-label{font-size:11px;letter-spacing:2px;color:#93a2b7;margin:48px 12px 14px}nav{display:grid;gap:8px}nav a{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:9px;color:#657b94;font-size:22px}nav a span{font-size:15px;font-weight:600}nav a[aria-current=page]{background:#eaf3ff;color:#1764d5}.side-foot{margin-top:auto;display:flex;gap:12px;align-items:center;font-size:14px;padding:20px 0;border-top:1px solid #e1e9f3}.side-foot small{font-size:12px;color:#778aa0;margin-top:4px}.platform{display:grid;place-items:center;width:38px;height:42px;border-radius:9px;background:#fff0e9;color:#ee632d;font-size:22px;font-weight:800}.back{font-size:13px;color:#71859d;padding-block:10px}main{margin-left:230px;padding:0 40px;max-width:1850px}.topbar{min-height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee7f1;font-size:13px;color:#697f99;gap:16px}.slash{margin:0 12px;color:#acbacb}.private{font-size:12px;padding:7px 12px;background:#e9eff7;border-radius:30px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 28px}.eyebrow{color:#1764d5;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:7px}h1{font-size:34px;letter-spacing:-1px}h2{font-size:20px;line-height:1.5}.sub{font-size:14px;color:#76879d;margin-top:8px}.secondary,.primary{border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}.secondary{border:1px solid #cfdded;color:#31547d;background:#fff}.primary{border:0;background:#1764d5;color:white}.primary:hover{background:#104fab}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat{padding:23px;background:white;border:1px solid #e0e8f2;border-radius:12px;box-shadow:0 4px 15px #16335703}.stat-label{font-size:14px;color:#6b8099}.stat strong{display:block;font-size:30px;margin:12px 0 4px;letter-spacing:-.6px}.stat small{font-size:12px;color:#90a0b2}.stat:first-child{background:#1764d5;color:white;border-color:#1764d5}.stat:first-child .stat-label,.stat:first-child small{color:#dbeaff}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 20px}.count{display:inline-block;background:#e5eefb;color:#1764d5;font-size:13px;padding:3px 9px;border-radius:6px;margin-left:7px;vertical-align:middle}.filter{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px}.filter input{width:18px;height:18px;accent-color:#1764d5}.channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.channel,.panel{background:white;border:1px solid #dde7f2;border-radius:12px;padding:26px}.channel-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.channel h3{font-size:19px;overflow-wrap:anywhere}.username{color:#7d8fa4;font-size:13px;margin-top:3px}.badge{font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;white-space:nowrap;background:#eff3f8;color:#6c819a}.badge.live{background:#e4f7ef;color:#147349}.badge.error{background:#fff0e9;color:#ae491f}.session-title{font-size:14px;color:#536d8d;line-height:1.8;margin:20px 0 16px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;border-block:1px solid #edf1f7;padding:20px 0}.metrics span{display:block;font-size:12px;color:#7f90a5;line-height:1.6}.metrics strong{display:block;font-size:21px;margin-top:7px;overflow-wrap:anywhere}.channel-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;color:#8a9bb0;font-size:12px}.error-note{margin:18px 0 8px;font-size:14px;color:#a94f2f}.empty{grid-column:1/-1;text-align:center;padding:65px 24px;background:white;border:1px dashed #cbdbea;border-radius:12px}.empty-icon{font-size:36px;color:#1764d5;margin-bottom:15px}.empty p{color:#7d90a7;margin:10px 0 24px;font-size:15px}.empty a{display:inline-flex;align-items:center}.account-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.panel h2{margin-bottom:24px}.panel label{display:block;font-size:14px;font-weight:600;margin:24px 0 10px}.optional{font-weight:400;color:#94a2b5;margin-left:6px}.panel input,.panel textarea{display:block;width:100%;max-width:100%;padding:13px 14px;border:1px solid #cddbea;border-radius:8px;background:#fbfdff;font-size:16px;color:#193a60}.panel textarea{font-family:monospace;resize:vertical;min-height:150px}.help{font-size:13px;color:#7d8ea3;margin:12px 0 20px}.message{font-size:14px;color:#b34c24;margin-bottom:15px}.message.success{color:#147349}.panel .primary{width:100%}.explainer{background:linear-gradient(145deg,#eaf4ff,#f9fcff);padding:32px}.tag{font-size:12px;color:#1764d5}.explainer h2{font-size:26px;margin:18px 0;line-height:1.6}.explainer ol{padding-left:22px;line-height:2;font-size:15px;color:#506d8e}.explainer li{margin:12px 0;padding-left:7px}.notice{border-top:1px solid #d2e1f1;padding-top:20px;margin-top:24px;font-size:14px;line-height:1.9;color:#476789}.saved{display:grid;gap:12px}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;background:#fff;border:1px solid #e0e8f2;border-radius:10px}.saved-row strong{overflow-wrap:anywhere}.remove{border:1px solid #efd6d1;color:#b15b46;background:white;border-radius:7px;padding:8px 14px;flex-shrink:0}.saved-row small{color:#7f91a8;margin-top:4px}footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#96a4b6;padding:35px 0;margin-top:20px;border-top:1px solid #e1e8f1}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;background:#163357;color:white;padding:14px 24px;border-radius:10px;box-shadow:0 8px 30px #16335725;z-index:10}@media(max-width:1100px){.sidebar{width:195px;padding:26px 16px}main{margin-left:195px;padding:0 24px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.channels{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:static;width:auto;border-right:0;padding:20px 16px 12px;border-bottom:1px solid #e1e9f3}.brand{font-size:25px}.nav-label,.side-foot,.back{display:none}nav{grid-template-columns:1fr 1fr;margin-top:20px}nav a{justify-content:center;padding:10px}main{margin-left:0;padding:0 16px}.topbar{min-height:62px;font-size:11px}.private{font-size:10px;padding:6px}.slash{margin:0 5px}.heading{margin:26px 0 22px;align-items:start;flex-wrap:wrap}h1{font-size:29px}.sub{font-size:13px}.summary{gap:12px}.stat{padding:17px}.stat strong{font-size:25px}.stat-label{font-size:12px}.stat small{font-size:11px}.section-head{align-items:start;flex-direction:column;margin-top:26px}.channel,.panel{padding:20px}.metrics{gap:18px 10px}.metrics strong{font-size:18px}.metrics span{font-size:11px}.channel-head{flex-wrap:wrap}.saved-row{padding:16px}.explainer h2{font-size:23px}footer{flex-wrap:wrap;font-size:11px}.empty{padding:40px 18px}.empty h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.live-time{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;margin-bottom:18px;background:#edf5ff;border:1px solid #dceaff;border-radius:9px}.live-time span{display:block;font-size:12px;color:#55799f;margin-bottom:4px}.live-time strong{font-size:23px;line-height:1.5;color:#1556ab;font-variant-numeric:tabular-nums;letter-spacing:.5px}.live-time small{font-size:12px;color:#6882a0;line-height:1.7}@media(max-width:400px){.live-time strong{font-size:21px}}

.sales-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sales-hero{padding:28px 30px;border-radius:14px;background:#155bcc;color:#fff;min-width:0}.sales-hero>span{font-size:17px;font-weight:600}.sales-hero>strong{display:block;font-size:clamp(30px,3.3vw,48px);font-weight:800;letter-spacing:-1px;margin:14px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sales-hero p{font-size:13px;color:#d9eaff}.sales-hero.hourly{background:#e5f2ff;color:#144d94;border:1px solid #bbd8f7}.sales-hero.hourly p{color:#52769e}.sales-hero strong small{display:inline;font-size:18px;font-weight:500;letter-spacing:0}.sales-method{font-size:12px;color:#71849c;margin:12px 0 24px}.channel-sales{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;background:#f0f6ff;border:1px solid #d8e7fa;border-radius:10px}.channel-sales span{font-size:13px;color:#526f94}.channel-sales strong{display:block;font-size:clamp(21px,2vw,28px);color:#155bcc;font-weight:800;letter-spacing:-.5px;margin-top:8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sales-caption{font-size:11px;color:#7c8fa6;margin:8px 0 16px}@media(max-width:700px){.sales-overview{grid-template-columns:1fr;gap:12px}.sales-hero{padding:22px}.sales-hero>strong{font-size:36px}.sales-hero>span{font-size:16px}.channel-sales{padding:16px;gap:12px}.channel-sales span{font-size:12px}.channel-sales strong{font-size:22px}}@media(max-width:360px){.channel-sales{grid-template-columns:1fr}}

.channel-identity{display:flex;align-items:center;gap:12px;min-width:0}.channel-identity>div{min-width:0}.profile-avatar{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;overflow:hidden;background:#e4efff;color:#1764d5;border:1px solid #d3e2f5;font-size:22px;font-weight:700}.profile-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#e4efff}.saved-row .channel-identity{flex:1}@media(max-width:400px){.channel-identity{gap:9px}.profile-avatar{width:42px;height:42px;flex-basis:42px}.saved-row{flex-wrap:wrap}}

.admin-tools{display:flex;align-items:center;gap:12px}.admin-tools .secondary{padding:8px 12px;font-size:12px}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#e2f0ff,#f5f8fc 65%);padding:32px 16px}.login-shell{width:100%;max-width:450px}.login-shell>.brand{justify-content:center;margin-bottom:32px}.login-panel{padding:32px;box-shadow:0 16px 60px #17385c0b}.login-panel h1{font-size:30px}.login-panel .sub{margin-bottom:26px}.login-panel .message{margin-top:20px}.login-panel .help{text-align:center;margin-bottom:0}.login-back{display:block;text-align:center;margin-top:24px;font-size:14px;color:#6b829e}@media(max-width:700px){.topbar{flex-wrap:wrap;padding-block:12px;gap:10px}.admin-tools{gap:8px}.login-panel{padding:24px}}

.live-time.overdue{background:#fff1f2;border-color:#dc2626}.channel.critical{background:#fee2e2;border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.channel.critical .channel-sales,.channel.critical .key-metric,.channel.critical .live-time{background:#fff5f5;border-color:#f3a7a7}.channel.critical h3,.channel.critical .channel-sales strong,.channel.critical .key-metric strong,.channel.critical .metrics strong{color:#991b1b}.channel.critical .metrics,.channel.critical .channel-foot{border-color:#f3a7a7}.live-time.overdue span,.live-time.overdue strong{color:#b91c1c}.live-time.overdue small{color:#9f1239}

.channel-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.account-menu{position:relative}.account-menu[open]{z-index:5}.account-menu summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce7f5;border-radius:8px;background:#f0f6ff;color:#245ca3;font-size:25px;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu[open] summary{background:#dcecff}.account-menu-panel{position:absolute;right:0;top:calc(100% + 6px);width:225px;max-width:calc(100vw - 48px);padding:6px;background:#fff;border:1px solid #d9e4f2;border-radius:10px;box-shadow:0 12px 35px #153d7033}.account-menu-panel button,.account-menu-panel a{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:#24456d;text-align:left;font-size:13px;font-weight:600}.account-menu-panel button:not(:disabled):hover,.account-menu-panel a:hover{background:#eaf3ff;color:#155bcc}.account-menu-panel button:disabled{opacity:.45;cursor:not-allowed}.account-menu-panel hr{border:0;border-top:1px solid #e3ebf5;margin:5px 6px}.shop-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid #d9e4f2;border-radius:14px;color:#163357;max-height:85vh;overflow:auto}.shop-dialog::backdrop{background:#102b4f88}.shop-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.shop-dialog-head h2{font-size:19px}.shop-dialog dl div{padding:12px 0;border-bottom:1px solid #e3ebf5}.shop-dialog dt{font-size:12px;color:#71849c}.shop-dialog dd{margin:5px 0 0;font-weight:600;overflow-wrap:anywhere}.shop-dialog p{font-size:12px;color:#71849c}

.key-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.key-metric{padding:18px 14px;border-radius:12px;min-width:0}.key-metric{background:#f8fafd;color:#163357;border:1px solid #e0e8f2}.key-metric.cart svg{color:#be5a8a}.key-metric.orders svg{color:#2f8f5b}.key-metric.sold svg{color:#3b6fd4}.key-metric>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#6b8099}.key-metric svg{width:20px;height:20px;flex-shrink:0}.key-metric strong{display:block;margin:9px 0 2px;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.25;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.key-metric small{font-size:11px;color:#90a0b2}.channel .metrics{gap:12px 10px}.channel .metrics strong{font-size:16px}.channel .metrics span{font-size:11px}.channel-sales{padding:12px 14px;gap:12px}.channel-sales strong{font-size:19px;margin-top:3px}.channel-sales span{font-size:11px}.sales-caption{font-size:10px;margin:6px 0 12px}.sales-hero{padding:18px 22px}.sales-hero>strong{font-size:30px;margin:8px 0}.sales-hero>span{font-size:14px}.sales-hero p{font-size:11px}.stat{padding:16px}.stat strong{font-size:23px;margin:6px 0}.stat-label{font-size:12px}.stat small{font-size:10px}@media(max-width:700px){.key-metrics{gap:8px}.key-metric{padding:14px 9px}.key-metric>span{font-size:11px;gap:4px;flex-wrap:wrap}.key-metric svg{width:17px;height:17px}.key-metric strong{font-size:30px}.channel-sales strong{font-size:18px}}@media(max-width:380px){.key-metrics{gap:6px}.key-metric{padding:12px 7px}.key-metric strong{font-size:26px}.key-metric>span{font-size:10px}}

.viewer-count{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:800;color:#31547d;font-variant-numeric:tabular-nums}.viewer-count svg{width:18px;height:18px;flex-shrink:0}.channel-head{flex-wrap:wrap}.channel-actions{max-width:100%;flex-wrap:wrap;justify-content:flex-end}@media(max-width:400px){.channel-actions{gap:6px}.viewer-count{font-size:12px}}

.key-metrics{gap:8px;margin:0 0 14px}.key-metric{padding:10px 9px;border-radius:9px}.key-metric>span{font-size:10px;gap:4px;flex-wrap:nowrap}.key-metric svg{width:14px;height:14px}.key-metric strong{font-size:clamp(16px,2vw,24px);line-height:1.25;letter-spacing:-.4px;margin:5px 0 1px;white-space:nowrap;overflow-wrap:normal}.key-metric small{font-size:10px}@media(max-width:400px){.key-metrics{gap:6px}.key-metric{padding:8px 6px}.key-metric>span{font-size:9px;gap:3px}.key-metric svg{width:12px;height:12px}.key-metric strong{font-size:20px}}@media(max-width:340px){.key-metric strong{font-size:17px}.key-metric>span{font-size:8px}}
/* Compact view: only the channel name, status and live time. */
.section-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.view-toggle{display:inline-flex;padding:3px;background:#e6eef8;border-radius:9px}.view-toggle button{min-height:40px;padding:0 14px;border:0;border-radius:7px;background:none;color:#536d8d;font-size:13px;font-weight:600}.view-toggle button[aria-pressed=true]{background:#fff;color:#163357;box-shadow:0 1px 3px #16335722}
.channels.compact{grid-template-columns:1fr;gap:8px}.channels.compact .channel{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:10px 16px}
.channels.compact :is(.sales-caption,.key-metrics,.metrics,.channel-foot,.viewer-count,.username,.live-time span,.live-time small){display:none}.channels.compact .session-title:has(+.live-time){display:none}
/* Flatten the card head so name, status, sales, time and menu line up as one row, with the menu last. */
.channels.compact :is(.channel-head,.channel-actions){display:contents}.channels.compact .channel-identity{order:1;flex:1 1 140px;min-width:0}.channels.compact .badge{order:2;flex:0 0 78px;text-align:center;justify-content:center}.channels.compact :is(.session-title,.error-note){order:3}.channels.compact .error-note+.secondary{order:3}.channels.compact .channel-sales{order:3}.channels.compact .live-time{order:4}.channels.compact .account-menu{order:5}
.channels.compact .profile-avatar{width:34px;height:34px;flex-basis:34px;font-size:16px}.channels.compact .channel h3{font-size:16px}.channels.compact .account-menu summary{width:40px;height:40px;font-size:22px}
.channels.compact .session-title:not(:has(+.live-time))~.channel-sales{display:none}.channels.compact .channel-sales{flex:0 0 auto;grid-template-columns:repeat(2,116px);gap:14px;padding:0;background:none;border:0;border-radius:0}.channels.compact .channel-sales span{display:block;font-size:11px;white-space:nowrap}.channels.compact .channel-sales strong{margin-top:1px;font-size:16px;letter-spacing:0;white-space:nowrap;overflow-wrap:normal}
.channels.compact .live-time{flex:0 0 190px;flex-wrap:nowrap;align-items:baseline;justify-content:center;padding:6px 14px;margin:0}.channels.compact .live-time strong{font-size:21px;white-space:nowrap}
.channels.compact .session-title,.channels.compact .error-note{flex:1 1 300px;margin:0;font-size:13px;line-height:1.6}.channels.compact .error-note+.secondary{padding:8px 12px;font-size:13px}
@media(max-width:1230px){.channels.compact .channel-identity{flex-basis:calc(100% - 160px)}.channels.compact .account-menu{order:2}.channels.compact .channel-sales{flex:1 1 246px}.channels.compact .live-time{flex:1 1 190px}}
@media(max-width:620px){.channels.compact :is(.live-time,.channel-sales,.session-title,.error-note){flex-basis:100%}.channels.compact .channel-sales{grid-template-columns:repeat(2,minmax(0,1fr))}}
.heading-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#overview+.section-head{margin-top:26px}
/* User settings */
.panel select,.user-actions select{display:block;width:100%;padding:13px 14px;border:1px solid #cddbea;border-radius:8px;background:#fbfdff;font:inherit;font-size:16px;color:#193a60}.user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-actions select{width:auto;min-height:44px;padding:8px 12px;font-size:14px}.user-actions .secondary{padding:8px 14px}.saved-row small{color:#7f90a5;margin-top:3px}#users-section .section-head{margin-top:36px}#users-section .section-head.first{margin-top:0}#settings-view .heading{align-items:start}.reset-form{padding:0;border:0}.reset-form label{margin-top:18px}#settings-view .panel h2{margin-bottom:6px}
.brand img{width:34px;height:34px;flex-shrink:0;display:block}
/* Full view: denser cards, three across on wide screens. */
.channels:not(.compact){grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;align-items:start}.channels:not(.compact) .channel{padding:16px}.channels:not(.compact) .channel-head{margin-bottom:12px;gap:8px}.channels:not(.compact) .channel-identity{gap:10px}.channels:not(.compact) .profile-avatar{width:38px;height:38px;flex-basis:38px;font-size:18px}.channels:not(.compact) .channel h3{font-size:16px}.channels:not(.compact) .username{font-size:12px}.channels:not(.compact) .channel-actions{gap:6px}.channels:not(.compact) .badge{font-size:11px;padding:4px 8px}.channels:not(.compact) .viewer-count{font-size:12px;gap:4px}.channels:not(.compact) .viewer-count svg{width:15px;height:15px}.channels:not(.compact) .account-menu summary{width:36px;height:36px;font-size:20px}
.channels:not(.compact) .session-title{margin:0 0 10px;font-size:13px}.channels:not(.compact) .live-time{padding:9px 12px;margin-bottom:10px;gap:8px}.channels:not(.compact) .live-time span{font-size:11px;margin-bottom:1px}.channels:not(.compact) .live-time strong{font-size:19px;line-height:1.35}.channels:not(.compact) .live-time small{font-size:11px}
.channels:not(.compact) .channel-sales{padding:10px 12px;gap:10px}.channels:not(.compact) .channel-sales span{font-size:11px}.channels:not(.compact) .channel-sales strong{font-size:18px;margin-top:2px}.channels:not(.compact) .sales-caption{font-size:10.5px;line-height:1.5;margin:5px 0 10px}
.channels:not(.compact) .key-metrics{gap:6px;margin:0 0 10px}.channels:not(.compact) .key-metric{padding:8px;border-radius:8px}.channels:not(.compact) .key-metric>span{font-size:10px;gap:4px}.channels:not(.compact) .key-metric svg{width:13px;height:13px}.channels:not(.compact) .key-metric strong{font-size:18px;margin:3px 0 0;letter-spacing:-.3px}.channels:not(.compact) .key-metric small{font-size:10px}
.channels:not(.compact) .metrics{gap:10px 8px;padding:12px 0}.channels:not(.compact) .metrics strong{font-size:14px}.channels:not(.compact) .metrics span{font-size:10.5px;line-height:1.5}.channels:not(.compact) .channel-foot{margin-top:10px;font-size:11px}.channels:not(.compact) .error-note{margin:0 0 8px;font-size:13px}
/* Dark theme: set by theme.js on <html data-theme="dark">. Keep every colour override in this block. */
:root[data-theme=dark]{color:#e3ecf7;background:#0b1422;color-scheme:dark}
:root[data-theme=dark] :is(.sidebar,.channel,.panel,.stat,.empty,.saved-row,.shop-dialog){background:#121e30;border-color:#25364d;color:#e3ecf7}
:root[data-theme=dark] .sidebar{border-color:#25364d}
:root[data-theme=dark] .brand span{color:#e3ecf7}
:root[data-theme=dark] :is(.brand small,.nav-label,.side-foot small,.back,.sub,.username,.stat-label,.stat small,.session-title,.metrics span,.channel-foot,.empty p,.help,.optional,.saved-row small,.sales-method,.sales-caption,.live-time span,.live-time small,.channel-sales span,.key-metric>span,.key-metric small,.login-back,.shop-dialog dt,.shop-dialog p,footer){color:#8fa3bb}
:root[data-theme=dark] nav a{color:#8fa3bb}
:root[data-theme=dark] nav a[aria-current=page]{background:#16315a;color:#8cbcff}
:root[data-theme=dark] :is(.side-foot,.topbar,footer,.metrics,.notice,.shop-dialog dl div){border-color:#25364d}
:root[data-theme=dark] .topbar{color:#8fa3bb}
:root[data-theme=dark] .platform{background:#3a2418}
:root[data-theme=dark] .private{background:#18273c;color:#c6d6ea}
:root[data-theme=dark] :is(.eyebrow,.tag,.empty-icon){color:#6aa8ff}
:root[data-theme=dark] .secondary{background:#18273c;border-color:#2c405b;color:#c6d6ea}
:root[data-theme=dark] .stat:first-child{background:#1764d5;border-color:#1764d5;color:#fff}
:root[data-theme=dark] .stat:first-child :is(.stat-label,small){color:#dbeaff}
:root[data-theme=dark] .count{background:#16315a;color:#8cbcff}
:root[data-theme=dark] .badge{background:#18273c;color:#9db0c7}
:root[data-theme=dark] .badge.live{background:#0f3326;color:#5fd6a0}
:root[data-theme=dark] .badge.error{background:#3a2115;color:#f0a27e}
:root[data-theme=dark] :is(.error-note,.message){color:#f0a27e}
:root[data-theme=dark] .message.success{color:#5fd6a0}
:root[data-theme=dark] .empty{border-color:#2c405b}
:root[data-theme=dark] :is(.panel input,.panel textarea,.panel select,.user-actions select){background:#0e1929;border-color:#2c405b;color:#e3ecf7}
:root[data-theme=dark] .explainer{background:linear-gradient(145deg,#14263f,#121e30)}
:root[data-theme=dark] :is(.explainer ol,.notice){color:#a9bdd6}
:root[data-theme=dark] .remove{background:transparent;border-color:#5a2f2a;color:#f0a27e}
:root[data-theme=dark] #toast{background:#e3ecf7;color:#0b1422}
:root[data-theme=dark] :is(.live-time,.channel-sales,.sales-hero.hourly){background:#12263f;border-color:#1f3b5e}
:root[data-theme=dark] :is(.live-time strong,.channel-sales strong){color:#8cbcff}
:root[data-theme=dark] .sales-hero.hourly{color:#cfe3ff}
:root[data-theme=dark] .sales-hero.hourly p{color:#8fa3bb}
:root[data-theme=dark] :is(.profile-avatar,.profile-avatar img){background:#16315a;border-color:#25364d;color:#8cbcff}
:root[data-theme=dark] .login-page{background:radial-gradient(ellipse at top,#14263f,#0b1422 65%)}
:root[data-theme=dark] .live-time.overdue{background:#3a1518;border-color:#ef4444}
:root[data-theme=dark] .live-time.overdue :is(span,strong){color:#ff9b9b}
:root[data-theme=dark] .live-time.overdue small{color:#f3a7a7}
:root[data-theme=dark] .channel.critical{background:#2a1114;border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}
:root[data-theme=dark] .channel.critical :is(.channel-sales,.key-metric,.live-time){background:#3a181c;border-color:#6b2a2f}
:root[data-theme=dark] .channel.critical :is(h3,.channel-sales strong,.key-metric strong,.metrics strong){color:#ffb4b4}
:root[data-theme=dark] .channel.critical :is(.metrics,.channel-foot){border-color:#6b2a2f}
:root[data-theme=dark] .account-menu summary{background:#18273c;border-color:#2c405b;color:#8cbcff}
:root[data-theme=dark] :is(.account-menu summary:hover,.account-menu[open] summary){background:#1d3556}
:root[data-theme=dark] .account-menu-panel{background:#18273c;border-color:#2c405b;box-shadow:0 12px 35px #00000066}
:root[data-theme=dark] .account-menu-panel :is(button,a){color:#e3ecf7}
:root[data-theme=dark] :is(.account-menu-panel button:not(:disabled):hover,.account-menu-panel a:hover){background:#1d3556;color:#8cbcff}
:root[data-theme=dark] .account-menu-panel hr{border-color:#2c405b}
:root[data-theme=dark] .shop-dialog::backdrop{background:#000000aa}
:root[data-theme=dark] .key-metric{background:#18273c;border-color:#25364d;color:#e3ecf7}
:root[data-theme=dark] .viewer-count{color:#c6d6ea}
:root[data-theme=dark] .view-toggle{background:#0e1929}
:root[data-theme=dark] .view-toggle button{color:#8fa3bb}
:root[data-theme=dark] .view-toggle button[aria-pressed=true]{background:#25364d;color:#e3ecf7;box-shadow:none}
:root[data-theme=dark] .channels.compact .channel-sales{background:none}
:root[data-theme=dark] .channels.compact .channel.critical .channel-sales{background:none}
:root[data-theme=dark] .reset-form{background:none}
#theme-toggle{min-width:44px;padding-inline:10px;font-size:15px}
.telegram-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.telegram-actions button{flex:1 1 160px}#alerts-view .section-head{margin-top:36px}#settings-view .explainer h2{margin:14px 0}
nav a svg{flex-shrink:0;width:22px;height:20px}
.copy-row{display:flex;gap:8px}.copy-row input{flex:1;min-width:0}.copy-row .secondary{flex-shrink:0}.panel input[readonly]{color:#6b8099}.link-button{min-height:0;padding:0 2px;border:0;background:none;color:#1764d5;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}#line-detected code{font-size:12px;overflow-wrap:anywhere}#alerts-view .section-head.first{margin-top:0}:root[data-theme=dark] .link-button{color:#8cbcff}:root[data-theme=dark] .panel input[readonly]{color:#8fa3bb}
.panel input.saved{border-color:#2f8f5b;background-color:#f3fbf6;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f8f5b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}.panel input.saved::placeholder{color:#2f8f5b;letter-spacing:2px}.panel .optional:has(~ input.saved),label:has(+ input.saved) .optional{color:#2f8f5b}:root[data-theme=dark] .panel input.saved{background-color:#10281c;border-color:#2f8f5b}:root[data-theme=dark] label:has(+ input.saved) .optional{color:#5fd6a0}
.heading-tools .connected{border-color:#2f8f5b;color:#1f7a4b}:root[data-theme=dark] .heading-tools .connected{border-color:#2f8f5b;color:#5fd6a0}#alerts-view .heading,#accounts-view .heading{align-items:start}
#saved-accounts .user-actions{display:flex;gap:8px;flex-shrink:0}#saved-accounts .user-actions button{white-space:nowrap}#connect-cancel{margin-top:8px}#connect-updating{margin:-6px 0 12px}
.panel label.check-row{display:flex;align-items:center;gap:10px;margin:18px 0 4px;font-size:14px;font-weight:600;cursor:pointer;user-select:none}.check-row input{width:18px;height:18px;margin:0;accent-color:#1764d5;cursor:pointer}:root[data-theme=dark] .check-row input{accent-color:#4d8ef5}
.channels.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.split-column{display:flex;flex-direction:column;gap:8px;min-width:0}.split-column.unset{grid-column:1/-1}.split-title{display:flex;align-items:center;gap:8px;margin:4px 0 6px;font-size:14px;font-weight:700;color:#536d8d;text-transform:none}.split-empty{margin:0;padding:12px 14px;border:1px dashed #cddbea;border-radius:12px;color:#6b8099;font-size:13px;text-align:center}.channels.split .channel{gap:8px 10px;padding:10px 12px}.channels.split .live-time{flex:0 0 132px;padding:6px 8px}.channels.split .live-time strong{font-size:18px}.channels.split .channel-identity{flex:1 1 0;min-width:96px;gap:8px}.channels.split .channel h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channels.split .badge{flex:0 0 auto;padding:3px 7px;font-size:10.5px;display:inline-flex}.channels.split .account-menu summary{width:28px;height:36px;font-size:18px}.channels.split .channel-sales{flex:0 0 auto;grid-template-columns:96px;padding:0}.channels.split .channel-sales>div:first-child{display:none}@media(max-width:900px){.channels.split{grid-template-columns:1fr}.channels.split .badge{display:inline-flex}}:root[data-theme=dark] .split-title{color:#8fa3bb}:root[data-theme=dark] .split-empty{border-color:#2c405b;color:#8fa3bb}
.badge.expired{background:#fff4d6;color:#8a5a00}.badge.ok{background:#e4f7ef;color:#147349}.cookie-status{display:flex;align-items:center;gap:8px;margin:0 auto 0 0;flex-wrap:wrap;justify-content:flex-end}.cookie-status small{margin:0;white-space:nowrap}#saved-accounts .saved-row{gap:12px 18px;flex-wrap:wrap}#saved-accounts .channel-identity{flex:1 1 260px}#saved-accounts .cookie-status{flex:0 1 auto;margin-left:auto}#saved-accounts .badge{display:inline-flex}:root[data-theme=dark] .badge.expired{background:#3d2e0a;color:#f5c66b}:root[data-theme=dark] .badge.ok{background:#0f3326;color:#5fd6a0}
.icon-button{display:inline-grid;place-items:center;width:26px;height:26px;min-height:0;margin-left:6px;padding:0;border:0;border-radius:6px;background:none;color:#6b8099;vertical-align:middle;cursor:pointer}.icon-button svg{width:15px;height:15px}.icon-button:hover{background:#e6eef8;color:#1764d5}.rename-form{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.rename-form .rename-input{width:170px;min-width:0;flex:1 1 120px;min-height:0;padding:7px 10px;border:1px solid #cddbea;border-radius:8px;background:#fbfdff;font:inherit;font-size:15px;font-weight:600;color:#193a60}.rename-form button{min-height:0;padding:7px 12px;font-size:13px}:root[data-theme=dark] .icon-button{color:#8fa3bb}:root[data-theme=dark] .icon-button:hover{background:#25364d;color:#8cbcff}:root[data-theme=dark] .rename-form .rename-input{background:#0e1929;border-color:#2c405b;color:#e3ecf7}
.badge.stalled{background:#eef1f5;color:#5c6b7e}.live-time.stalled{background:#f1f4f8;border-color:#d7dfe9;color:#6b7c90}.live-time.stalled strong{color:#6b7c90}:root[data-theme=dark] .badge.stalled{background:#222d3b;color:#a9b6c6}:root[data-theme=dark] .live-time.stalled{background:#18212e;border-color:#2c3a4d}:root[data-theme=dark] .live-time.stalled strong{color:#a9b6c6}

.group-create-row{display:flex;gap:10px;align-items:center}.group-create-row input{flex:1;min-width:0}.group-create-row button{flex-shrink:0}@media(max-width:600px){.group-create-row{flex-direction:column;align-items:stretch}}

.group-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.group-section-head h2{margin:0}.group-section-head button{flex-shrink:0}

/* Explicit option colors keep native account menus readable on Windows. */
#accounts-view select option{background:#ffffff;color:#193a60}
#accounts-view select option:checked{background:#dbeafe;color:#102b4f}
:root[data-theme=dark] #accounts-view select option{background:#17263b;color:#f1f5f9}
:root[data-theme=dark] #accounts-view select option:checked{background:#93c5fd;color:#0b1422}
.group-picker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#536d8d}.group-picker select{min-height:40px;padding:0 10px;border:1px solid #cddbea;border-radius:8px;background:#fbfdff;font:inherit;font-size:13px;font-weight:600;color:#193a60;max-width:200px}:root[data-theme=dark] .group-picker{color:#8fa3bb}:root[data-theme=dark] .group-picker select{background:#0e1929;border-color:#2c405b;color:#e3ecf7}
.ext-warning{margin:0 0 16px;padding:12px 16px;border:1px solid #f0c36d;border-radius:12px;background:#fff8e6;color:#7a4b00;font-size:14px;line-height:1.5}:root[data-theme=dark] .ext-warning{background:#3d2e0a;border-color:#8a6a1f;color:#f5c66b}
.tg-detect{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 4px}.tg-detect small{color:#6b8099;font-size:12px}.tg-chats{margin:8px 0;padding:8px 12px;border:1px solid #cddbea;border-radius:8px;background:#f8fafd}.tg-chats div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;border-bottom:1px solid #e8eef6}.tg-chats div:last-child{border-bottom:0}:root[data-theme=dark] .tg-chats{background:#0e1929;border-color:#2c405b}:root[data-theme=dark] .tg-chats div{border-color:#25364d}:root[data-theme=dark] .tg-detect small{color:#8fa3bb}
.alert-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.dest-boxes{display:flex;gap:6px}.dest{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #cddbea;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap}.dest input{width:16px;height:16px;margin:0;accent-color:#1764d5;cursor:pointer}.dest:has(input:checked){border-color:#1764d5;background:#eef4ff;color:#1764d5}.dest-off{opacity:.45;cursor:not-allowed}.dest-off input{cursor:not-allowed}.ext-alert-row{border-style:dashed}.ext-alert-icon{display:grid;place-items:center;font-size:22px;background:#eef4ff}:root[data-theme=dark] .dest{border-color:#2c405b;color:#c9d6e6}:root[data-theme=dark] .dest:has(input:checked){border-color:#4d8ef5;background:#15294a;color:#8cbcff}:root[data-theme=dark] .ext-alert-icon{background:#15294a}
.line-health{margin-top:4px}.line-health .link-button{font-size:12px;margin-left:6px}
.history-market{white-space:nowrap}.history-none{color:#94a6ba}.history-out{color:#ae491f;font-weight:700}:root[data-theme=dark] .history-none{color:#6b8099}:root[data-theme=dark] .history-out{color:#ff9c7a}
a.secondary{display:inline-flex;align-items:center;text-decoration:none}.group-pills{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 16px}.group-pills button{min-height:38px;padding:0 16px;border:1px solid #cfdded;border-radius:999px;background:#fff;color:#31547d;font-size:14px;font-weight:600}.group-pills button span{margin-left:2px;font-size:12px;opacity:.7}.group-pills button[aria-pressed=true]{background:#1764d5;border-color:#1764d5;color:#fff}.group-pills button[aria-pressed=true] span{opacity:.9}:root[data-theme=dark] .group-pills button{background:#18273c;border-color:#2c405b;color:#c6d6ea}:root[data-theme=dark] .group-pills button[aria-pressed=true]{background:#1764d5;border-color:#1764d5;color:#fff}.group-create .help{margin:10px 0 0}.group-row .group-info{flex:1;min-width:0;display:flex;flex-direction:column}.group-loose{margin:4px 2px 0;font-size:14px;color:#7f91a8}:root[data-theme=dark] .group-loose{color:#8fa3bb}
.group-create-row .primary{width:auto;min-width:120px}
.basket-summary{margin-bottom:18px}.basket-row{display:block;padding:16px 20px}.basket-head{display:grid;grid-template-columns:minmax(190px,1.5fr) 96px minmax(130px,1fr) minmax(150px,1.1fr) minmax(120px,1fr) auto;align-items:center;gap:10px 16px}.basket-count strong{display:block;font-size:24px;line-height:1.15}.basket-head small{display:block;color:#7f91a8;font-size:12px;margin-top:2px}.basket-stock{font-size:14px;font-weight:600}.basket-stock .out{color:#ae491f}.basket-stock .low{color:#b26a00}.basket-stock .ok{color:#147349}.basket-prev span{font-size:14px;font-weight:600}.basket-none{grid-column:span 1}.basket-toggle{padding:8px 12px;font-size:13px;white-space:nowrap}.basket-history{width:100%;margin-top:14px;border-collapse:collapse;font-size:13px}.basket-history th{text-align:left;color:#7f91a8;font-weight:600;padding:6px 8px;border-bottom:1px solid #e0e8f2}.basket-history td{padding:6px 8px;border-bottom:1px solid #f0f4f9}.basket-history .num{text-align:right}:root[data-theme=dark] .basket-history th{border-color:#25364d;color:#8fa3bb}:root[data-theme=dark] .basket-history td{border-color:#1c2b40}:root[data-theme=dark] .basket-head small{color:#8fa3bb}:root[data-theme=dark] .basket-stock .ok{color:#5ccf94}:root[data-theme=dark] .basket-stock .out{color:#ff9c7a}:root[data-theme=dark] .basket-stock .low{color:#f5c66b}@media(max-width:1100px){.basket-head{grid-template-columns:minmax(0,1fr) auto;}.basket-head>*:not(.channel-identity):not(.basket-toggle){grid-column:1/-1}}
.trends-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.trends-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trends-filters select,.trends-filters input{min-height:40px;padding:6px 10px;border:1px solid #cddbea;border-radius:8px;background:#fff;font:inherit;font-size:14px;color:#193a60}.trends-filters input{width:220px}.trends-copy{display:flex;align-items:center;gap:10px}.trends-quota{font-size:13px;color:#536d8d;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.trends-quota strong{color:#163357}.trends-quota .warn{color:#b26a00;font-weight:600}.trends-quota .bad{color:#ae491f;font-weight:600}.trends-quota input{width:70px;min-height:30px;padding:3px 8px;border:1px solid #cddbea;border-radius:6px;font:inherit}.trends-table th.num,.trends-table td.num{text-align:right;white-space:nowrap}.trends-table td.rank{white-space:nowrap;font-weight:700}.trends-table .move{display:block;font-size:11px;font-weight:600}.trends-table .move.up{color:#147349}.trends-table .move.down{color:#ae491f}.trends-table .move.new{color:#1764d5}.trends-table .comm{font-weight:700;color:#147349}.trends-table .comm small{display:block;font-weight:600;color:#b26a00}.trends-table .price small{display:block;color:#94a6ba;text-decoration:line-through}.trends-table .ours{font-size:12px;color:#1764d5;font-weight:600}:root[data-theme=dark] :is(.trends-filters select,.trends-filters input,.trends-quota input){background:#0e1929;border-color:#2c405b;color:#e3ecf7}:root[data-theme=dark] .trends-quota{color:#8fa3bb}:root[data-theme=dark] .trends-quota strong{color:#e3ecf7}:root[data-theme=dark] .trends-table .comm{color:#5ccf94}:root[data-theme=dark] .trends-table .move.up{color:#5ccf94}:root[data-theme=dark] .trends-table .move.down{color:#ff9c7a}
.trend-badges{display:inline-flex;gap:6px;justify-content:flex-end}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;font-size:12px;font-weight:700;line-height:1.4;border:1px solid transparent}.trend-badge.live{background:#fdecea;color:#c2412d;border-color:#f6c9c1}.trend-badge.video{background:#fff2e3;color:#b8620c;border-color:#f5d6b0}:root[data-theme=dark] .trend-badge.live{background:#3a1d1a;color:#ff9c87;border-color:#5a2e28}:root[data-theme=dark] .trend-badge.video{background:#3a2a16;color:#f5b66b;border-color:#5a4120}
#trends-view .history-table-wrap{max-height:none;overflow-x:auto;overflow-y:visible}
button.trend-badge{cursor:pointer;font:inherit;font-size:12px;font-weight:700}button.trend-badge:hover{filter:brightness(1.08);box-shadow:0 0 0 2px #0000000f}
.marks-dialog{width:min(1120px,calc(100vw - 32px));max-height:90vh;padding:0}.marks-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e3ebf5;position:sticky;top:0;background:inherit;z-index:1}.marks-head>img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none}.marks-head-text{flex:1;min-width:0}.marks-head h2{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}.marks-head-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}.marks-head-meta small{color:#6b8099;font-size:12px}.marks-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;padding:16px 20px}.marks-body h3{font-size:14px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.marks-body h3 span{font-size:12px;background:#eef3f9;border-radius:999px;padding:1px 8px;color:#3a5675}.marks-screens{list-style:none;margin:0;padding:0;display:grid;gap:8px}.marks-screens li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e3ebf5;border-radius:10px}.marks-rank{width:26px;height:26px;border-radius:50%;background:#eef3f9;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;color:#3a5675}.marks-screens img,.marks-noimg{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none;background:#eef3f9}.marks-screen-text{flex:1;min-width:0}.marks-screen-text strong{display:block;font-size:14px;overflow-wrap:anywhere}.marks-screen-text small{display:block;font-size:12px;color:#6b8099;margin-top:2px}.marks-views{text-align:right;flex:none}.marks-views strong{display:block;font-size:16px}.marks-views small{font-size:11px;color:#6b8099}.marks-videos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.marks-videos li{display:flex;flex-direction:column;gap:3px;min-width:0}.marks-cover{position:relative;display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#eef3f9}.marks-cover img{width:100%;height:100%;object-fit:cover;display:block}.marks-dur{position:absolute;right:6px;bottom:6px;background:#000000b3;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px}.marks-videos strong{font-size:13px;margin-top:4px}.marks-cap{font-size:12px;color:#4a6380;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.marks-videos small{font-size:11px;color:#6b8099}.marks-tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:6px;background:#eef3f9;color:#3a5675;font-weight:600}.marks-foot{font-size:12px;color:#6b8099;margin:0;padding:0 20px 16px}@media (max-width:760px){.marks-body{grid-template-columns:1fr}}:root[data-theme=dark] .marks-head{border-color:#2a3b52}:root[data-theme=dark] .marks-screens li{border-color:#2a3b52}:root[data-theme=dark] :is(.marks-rank,.marks-tag,.marks-body h3 span,.marks-cover,.marks-screens img,.marks-noimg){background:#1c2a3d;color:#a9bcd3}:root[data-theme=dark] .marks-cap{color:#a9bcd3}
.trend-ranks{display:block;font-size:11px;font-weight:600;color:#6b8099;line-height:1.35;margin-top:2px;white-space:nowrap}
.trends-price{display:inline-flex;align-items:center;gap:6px}.trends-filters .trends-price input{width:120px}
.trend-sort{all:unset;cursor:pointer;font:inherit;font-weight:inherit;color:inherit;display:inline-flex;align-items:center;gap:4px}.trend-sort::after{content:"↕";opacity:.45;font-size:12px}.trend-sort[data-dir=desc]::after{content:"↓";opacity:1}.trend-sort[data-dir=asc]::after{content:"↑";opacity:1}.trend-sort:focus-visible{outline:2px solid #1f6feb;outline-offset:2px;border-radius:4px}
#catalog-view .history-table-wrap{max-height:none;overflow-x:auto;overflow-y:visible}.trends-filters .catalog-comm{width:140px}.catalog-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.catalog-pager{display:inline-flex;gap:8px}
#bills-view .history-table-wrap{max-height:none;overflow-x:auto;overflow-y:visible}.bills-clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:14px}.bills-clients:empty{display:none}.bill-client{border:1px solid #d9e4f2;border-radius:12px;padding:14px 16px;background:#fff}.bill-client.problem{border-color:#f0c4b8}.bill-client-head{display:flex;align-items:flex-start;gap:10px}.bill-client-head .dot{width:10px;height:10px;border-radius:50%;background:#b9c6d6;margin-top:6px;flex:none}.bill-client.online .dot{background:#1fa463;box-shadow:0 0 0 3px #1fa46333}.bill-client-head strong{display:block;font-size:15px}.bill-client-head small{display:block;color:#6b8099;font-size:12px;margin-top:2px}.bill-client dl{margin:10px 0 0;display:grid;gap:4px}.bill-client dl div{display:flex;gap:8px;font-size:13px}.bill-client dt{color:#6b8099;min-width:110px}.bill-client dd{margin:0;font-weight:600}.bill-client-tools{display:flex;gap:8px;margin-top:12px}.bill-client-tools button{padding:6px 12px;font-size:13px}.bill-client-tools .danger{color:#ae491f;border-color:#f0c4b8}.bill-docs{display:flex;flex-direction:column;gap:4px}.bill-doc{display:inline-block;font-size:13px;color:#1764d5;text-decoration:none;font-weight:600}.bill-doc:hover{text-decoration:underline}.bill-doc.missing{color:#9aabbf;font-weight:500}.bill-tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:6px;background:#e3f5ea;color:#147349;font-weight:600;margin-left:4px}.bills-table td{vertical-align:top}.bills-table .mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.bills-table small{display:block;font-size:12px;color:#6b8099;margin-top:3px}.bills-table small.bad,.bill-client .bad{color:#ae491f}.bills-table small.busy,.bill-client .busy{color:#1764d5}.bill-client .warn{color:#b8620c}.bills-table small.muted{color:#9aabbf}.bills-table button.small{padding:5px 10px;font-size:12px}:root[data-theme=dark] .bill-client{background:#121e30;border-color:#2a3b52}:root[data-theme=dark] .bill-client.problem{border-color:#5a2e28}:root[data-theme=dark] .bill-tag{background:#173528;color:#6fd39a}:root[data-theme=dark] .bill-doc{color:#7fb3ff}
.bill-client{cursor:pointer;transition:border-color .15s,box-shadow .15s}.bill-client:hover{border-color:#8fb3e8}.bill-client.selected{border-color:#1f6feb;box-shadow:0 0 0 2px #1f6feb33}.bill-client:focus-visible{outline:2px solid #1f6feb;outline-offset:2px}.bills-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 12px}.bills-detail-head h2{font-size:17px;margin:0}
.bills-clients{display:flex;flex-direction:column;grid-template-columns:none;gap:8px}.bill-client{display:flex;align-items:center;gap:22px;padding:12px 18px;flex-wrap:wrap}.bill-client-head{flex:1 1 220px;min-width:200px}.bill-client dl{display:none}.bill-stats{display:flex;gap:22px;flex:0 0 auto}.bill-stats span{display:flex;flex-direction:column;min-width:96px}.bill-stats small{font-size:11px;color:#6b8099}.bill-stats strong{font-size:14px}.bill-stats strong+small{color:#6b8099}.bill-new{display:inline-flex;flex-direction:column;align-items:flex-start;padding:6px 12px;border-radius:9px;background:#fdecea;color:#c2412d;font-weight:700;font-size:14px;white-space:nowrap;line-height:1.3}.bill-new small{font-size:11px;font-weight:600;color:#a9533f}.bill-new.none{background:#eef3f9;color:#6b8099;font-weight:600;font-size:13px}.bill-client-tools{margin:0;margin-left:auto}:root[data-theme=dark] .bill-new{background:#3a1d1a;color:#ff9c87}:root[data-theme=dark] .bill-new small{color:#e38a78}:root[data-theme=dark] .bill-new.none{background:#1c2a3d;color:#a9bcd3}@media (max-width:900px){.bill-client-tools{margin-left:0;width:100%}}
.bills-table th:nth-child(4),.bills-table th:nth-child(5),.bills-table td:nth-child(4),.bills-table td:nth-child(5){white-space:nowrap;width:1%}.bills-table .bill-tag{display:block;width:max-content;margin:4px 0 0}.bills-table small.ok{color:#147349}.bill-send-cell{min-width:300px}.bill-send{display:block;padding:6px 0}.bill-send+.bill-send{border-top:1px dashed #e3ebf5;margin-top:4px}.bill-send strong{display:block;font-size:13px}.bill-send small{display:block;font-size:12px;color:#6b8099;margin-top:2px}.bill-send small.bill-no{color:#193a60;font-family:ui-monospace,Consolas,monospace}.bill-send small.warn{color:#b8620c}.bill-send-row{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.bill-send-row input[type=file]{font-size:12px;max-width:220px}.bill-send-msg{margin:4px 0 0;font-size:12px;color:#1764d5;min-height:0}.bill-send-msg:empty{display:none}.bills-table button.link{all:unset;cursor:pointer;color:#1764d5;font-weight:600;font-size:12px;margin-left:4px}.bills-table button.link:hover{text-decoration:underline}:root[data-theme=dark] .bill-send+.bill-send{border-color:#2a3b52}:root[data-theme=dark] .bill-send small.bill-no{color:#e3ecf7}
.bill-send-cell{min-width:340px}.bill-send-row{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:nowrap}.bill-pick{position:relative;display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;padding:7px 10px;border:1px dashed #8fb3e8;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;color:#1764d5;background:#f4f8fd}.bill-pick.picked{border-style:solid;color:#193a60;background:#eef3f9}.bill-pick input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.bill-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-pick:focus-within{outline:2px solid #1f6feb;outline-offset:2px}.bill-send-row button.small{flex:none;min-height:34px;padding:6px 16px;font-size:13px;white-space:nowrap;width:auto}:root[data-theme=dark] .bill-pick{background:#0e1929;border-color:#2c5a9a;color:#7fb3ff}:root[data-theme=dark] .bill-pick.picked{background:#1c2a3d;color:#e3ecf7}
.bill-doc.all{display:inline-block;width:max-content;padding:5px 10px;border-radius:8px;background:#1764d5;color:#fff;font-size:12px;margin-bottom:4px}.bill-doc.all:hover{text-decoration:none;filter:brightness(1.08)}
.settings-tabs{margin:0 0 16px}.ext-panel{max-width:720px}.ext-panel h2{margin:0 0 4px}.ext-panel .sub{margin:0 0 14px}.ext-download{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.ext-download a.primary{text-decoration:none;display:inline-block;padding:10px 18px;border-radius:9px}.ext-download small{color:#6b8099;font-size:12px;flex:1 1 260px}.bill-send-cell{min-width:300px;text-align:left}.bill-send strong{display:none}
.bills-table th:nth-child(4),.bills-table td:nth-child(4){white-space:nowrap;width:1%}.bill-client .feat{color:#9aabbf}.bill-client .feat.on{color:#147349;font-weight:600}:root[data-theme=dark] .bill-client .feat.on{color:#6fd39a}
.ext-download a.ext-config{text-decoration:none;display:inline-block;padding:9px 16px;border-radius:9px;border:1px solid #cddbea;font-weight:600;font-size:14px}
.bill-send-cell{width:280px;max-width:280px}.bill-send{min-width:0}.bill-fname{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}

.affiliate-dialog{width:min(640px,calc(100vw - 32px))}.affiliate-dialog h2{margin-bottom:10px}.affiliate-dialog textarea{display:block;width:100%;padding:10px 12px;border:1px solid #cddbea;border-radius:8px;background:#fbfdff;font:12px/1.5 ui-monospace,Consolas,monospace;color:#193a60;resize:vertical;margin:6px 0 10px}.affiliate-dialog .help{margin:6px 0}.affiliate-dialog .user-actions{justify-content:flex-end}.affiliate-dialog .primary{width:auto}:root[data-theme=dark] .affiliate-dialog textarea{background:#0e1929;border-color:#2c405b;color:#e3ecf7}

/* Compact primary navigation; allow scrolling on shorter screens. */
.sidebar{padding:22px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sidebar .brand{gap:10px;flex-shrink:0}
.sidebar .brand img{width:30px;height:30px}
.sidebar .brand span{font-size:14px}
.sidebar .brand small{font-size:9px;letter-spacing:2px;margin-top:4px}
.sidebar .nav-label{margin:26px 10px 10px;font-size:10px}
.sidebar nav{gap:4px;flex-shrink:0}
.sidebar nav a{min-height:40px;padding:9px 10px;gap:10px;font-size:19px;line-height:1.5}
.sidebar nav a span{font-size:13px;line-height:1.5}
.sidebar nav a svg{width:18px;height:18px;flex-shrink:0}
.sidebar .side-foot{padding:14px 0;font-size:12px;flex-shrink:0}
.sidebar .side-foot small{font-size:11px}
.sidebar .platform{width:30px;height:34px;font-size:19px}
.sidebar .back{font-size:11px;padding-block:8px}
@media(min-width:1101px){.sidebar{width:210px}main{margin-left:210px}}
@media(max-width:700px){.sidebar{padding:16px 12px 10px}.sidebar nav{margin-top:12px;gap:4px}.sidebar nav a{min-height:44px;padding:8px;gap:8px}}

/* Scale Ads / Auto Coin */
.bot-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-bottom:24px}
.bot-card{border:1px solid #d9e4f2;border-radius:12px;padding:16px 18px;background:#fff;display:flex;flex-direction:column;gap:12px}
.bot-card.on{border-color:#8fc5a6;box-shadow:0 0 0 2px #e4f7ef inset}
.bot-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bot-head .badge.live{background:#e4f7ef;color:#147349}.bot-head .badge.wait{background:#fff4d6;color:#8a5a00}.bot-head .badge.error{background:#fff0e9;color:#ae491f}
.bot-facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}.bot-facts dt{color:#6b8099}.bot-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.bot-sched{display:grid;gap:4px;font-size:12px}.bot-sched-row{display:flex;justify-content:space-between;gap:8px;padding:5px 10px;border-radius:7px;background:#f4f7fc;color:#536d8d}.bot-sched-row.active{background:#e4f7ef;color:#147349;font-weight:600}
.bot-empty{font-size:13px;color:#8a9bb0;margin:0}
.bot-actions{display:flex;gap:8px;margin-top:auto}.bot-actions button{min-height:40px;padding:8px 14px;font-size:14px}.bot-actions .primary{width:auto}
.bot-log-title{font-size:16px;margin:0 0 10px}.bot-log{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:4px;font-size:13px}.bot-log li{display:grid;grid-template-columns:140px 160px 1fr;gap:10px;padding:6px 10px;border-radius:7px;background:#fff;border:1px solid #e0e8f2}.bot-log li span:first-child{color:#6b8099}
.bots-search{padding:9px 12px;border:1px solid #cddbea;border-radius:8px;font:inherit;min-width:180px}
.bot-dialog{width:min(760px,calc(100vw - 32px))}.bot-dialog h2{margin-bottom:12px}.bot-dialog h3{font-size:15px;margin:16px 0 8px;display:flex;align-items:center;gap:10px}.bot-dialog .small{min-height:0;padding:5px 10px;font-size:13px}
.bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px}.bot-grid label{display:block;font-size:13px;font-weight:600;margin:0}.bot-grid input{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #cddbea;border-radius:8px;font:inherit;font-size:15px}
.sched-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid #eef3f9;font-size:13px}.sched-row input{padding:7px 8px;border:1px solid #cddbea;border-radius:7px;font:inherit;font-size:14px}.sched-row input[type=number]{width:72px}.sched-row .icon-button{margin-left:auto}
.bot-dialog .check{display:flex;gap:8px;align-items:center;font-weight:600;margin:14px 0 6px}.bot-dialog .check input{width:auto}.bot-dialog .user-actions{justify-content:flex-end;margin-top:12px}.bot-dialog .primary{width:auto}
:root[data-theme=dark] .bot-card{background:#121e30;border-color:#2a3b52}:root[data-theme=dark] .bot-card.on{border-color:#2f6b4d;box-shadow:0 0 0 2px #0f3326 inset}:root[data-theme=dark] .bot-sched-row{background:#0e1929;color:#8fa3bb}:root[data-theme=dark] .bot-sched-row.active{background:#0f3326;color:#5fd6a0}:root[data-theme=dark] .bot-log li{background:#121e30;border-color:#2a3b52}:root[data-theme=dark] :is(.bot-grid input,.sched-row input,.bots-search){background:#0e1929;border-color:#2c405b;color:#e3ecf7}
@media(max-width:700px){.bot-log li{grid-template-columns:1fr}}

.bot-remove{margin-left:auto;font-size:13px;color:#8a9bb0;background:none;border:0;min-height:0;padding:4px 6px}.bot-remove:hover:not(:disabled){color:#ae491f}.bot-remove:disabled{opacity:.4}
.bot-dialog .tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}.bot-dialog .tools .bots-search{flex:1}.pick-count{font-size:13px;color:#536d8d;margin-left:auto}
.pick-list{max-height:420px;overflow:auto;border:1px solid #e0e8f2;border-radius:8px}.pick-row{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid #eef3f9;cursor:pointer;font-weight:400;margin:0}.pick-row:last-child{border-bottom:0}.pick-row:hover{background:#f8fafd}.pick-row input{width:auto;margin:0}.pick-row .profile-avatar{width:32px;height:32px;flex-basis:32px;font-size:14px}.pick-name{display:flex;flex-direction:column;font-weight:600}.pick-name small{font-weight:400;color:#7f91a8}
:root[data-theme=dark] .pick-list{border-color:#2a3b52}:root[data-theme=dark] .pick-row{border-color:#25364d}:root[data-theme=dark] .pick-row:hover{background:#17263b}

.tpl-pick{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin:0 0 12px}.tpl-pick select{flex:1;padding:8px 10px;border:1px solid #cddbea;border-radius:8px;font:inherit;font-size:14px}
.bot-dialog h2 .small{margin-left:auto;min-height:0;padding:6px 12px;font-size:13px;width:auto}.bot-dialog h2{display:flex;align-items:center;gap:12px}
.tpl-list{display:grid;gap:8px;max-height:460px;overflow:auto}.tpl-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e0e8f2;border-radius:8px}.tpl-row small{display:block;color:#6b8099;font-size:12px;margin-top:2px}.tpl-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.tpl-actions .small{min-height:0;padding:6px 10px;font-size:13px}
:root[data-theme=dark] .tpl-row{border-color:#2a3b52}:root[data-theme=dark] .tpl-pick select{background:#0e1929;border-color:#2c405b;color:#e3ecf7}

.bot-wallet{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 12px;border-radius:8px;background:#f4f7fc}.bot-wallet span{display:block;font-size:12px;color:#6b8099}.bot-wallet strong{font-size:18px}.bot-wallet small{grid-column:1/-1;font-size:11px;color:#8a9bb0}.bot-wallet .link{font-size:11px;padding:0 4px;min-height:0;background:none;border:0;color:#1764d5;cursor:pointer}
:root[data-theme=dark] .bot-wallet{background:#0e1929}
/* Extension versions reported by each Chrome profile. */
.ext-clients-panel{margin:20px 0 24px;border:1px solid #cbd8e8;border-radius:14px;overflow:hidden;background:#fff;color:#142b47}
.ext-clients-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 0}.ext-clients-heading h3{margin:0;font-size:17px}.ext-clients-heading p{margin:5px 0 0;font-size:13px;color:#526780}.ext-clients-heading button{flex-shrink:0}
.ext-clients-note{font-size:12px;color:#526780;margin:10px 18px 16px}.ext-clients-scroll{overflow-x:auto}.ext-clients-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:590px}.ext-clients-table th{background:#edf3fb;color:#39526f;font-size:12px;letter-spacing:0;padding:12px 16px;white-space:nowrap}.ext-clients-table td{padding:14px 16px;border-top:1px solid #e0e8f2;vertical-align:middle}.ext-clients-table strong{font-size:14px;overflow-wrap:anywhere}.ext-clients-table small{display:block;margin-top:4px;color:#526780;font-size:12px}.ext-version{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.ext-version-badge{display:inline-block;border:1px solid transparent;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.ext-version-badge.current{background:#e6f6ed;color:#14643c;border-color:#b5dec6}.ext-version-badge.outdated{background:#fff1dd;color:#8a4708;border-color:#edcb98}.ext-version-badge.unknown{background:#edf1f6;color:#526175;border-color:#d0d9e5}.ext-contact{font-size:12px;color:#526780}.ext-contact.recent{color:#176742}
:root[data-theme=dark] .ext-clients-panel{background:#121e30;border-color:#344961;color:#e9f2ff}:root[data-theme=dark] .ext-clients-table th{background:#20334a;color:#c6dcf7}:root[data-theme=dark] .ext-clients-table td{border-color:#2a3e56}:root[data-theme=dark] .ext-clients-heading p,:root[data-theme=dark] .ext-clients-note,:root[data-theme=dark] .ext-clients-table small,:root[data-theme=dark] .ext-contact{color:#b0c4dc}:root[data-theme=dark] .ext-version-badge.current{background:#163f32;color:#9aebbd;border-color:#326e53}:root[data-theme=dark] .ext-version-badge.outdated{background:#49341e;color:#ffd499;border-color:#84603a}:root[data-theme=dark] .ext-version-badge.unknown{background:#28374b;color:#cfdbeb;border-color:#4b6079}:root[data-theme=dark] .ext-contact.recent{color:#9aebbd}
@media(max-width:600px){.ext-clients-heading{align-items:flex-start;flex-wrap:wrap;padding:14px 12px 0}.ext-clients-note{margin-left:12px;margin-right:12px}.ext-clients-heading button{padding:8px 12px}.ext-clients-table td,.ext-clients-table th{padding:12px}.ext-clients-table{min-width:560px}}
.ext-panel{max-width:1240px}.ext-clients-table{min-width:1010px}.ext-cookie-cell{min-width:210px}.ext-cookie-cell small{white-space:nowrap}.ext-version-badge.invalid{background:#fee8e8;color:#a02029;border-color:#efbdc1}:root[data-theme=dark] .ext-version-badge.invalid{background:#49252d;color:#ffb6be;border-color:#8e4b57}

/* Per-menu permissions (settings -> users) */
.menu-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px;margin:6px 0 4px}.menu-checks label{display:flex;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:400;cursor:pointer}.menu-checks input{width:auto;margin:0}
.user-row{flex-wrap:wrap}.menu-edit{flex-basis:100%;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #eef3f9}.menu-edit .menu-checks{flex:1;min-width:260px}.menu-edit .small{min-height:0;padding:6px 12px;font-size:13px}.menu-note{flex-basis:100%;color:#6b8099}
:root[data-theme=dark] .menu-edit{border-color:#25364d}

/* Read-only extension diagnostics; scroll contains the wide fleet table on mobile. */
.ext-runtime-cell{min-width:270px;max-width:340px}.ext-runtime-cell small{white-space:normal;overflow-wrap:anywhere}.ext-clients-table{min-width:1280px}

/* Per-channel Live offer commission: keep zero, unknown and stale visibly distinct. */
.live-commission-cell{min-width:145px;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left!important}
.live-commission-cell strong{display:inline-block;color:#126b51;font-size:16px;margin-right:8px}
.live-commission-cell>span{display:inline-block;color:#163357;font-weight:600}
.live-commission-cell small,.live-commission-heading{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#546a83;margin-top:3px}
.live-commission-cell .live-commission-warning{color:#965600}.live-commission-cell .live-commission-empty{color:#546a83}
.basket-products-toggle{margin-top:12px}.basket-products-panel{margin-top:14px;border-top:1px solid #d6e0ed;padding-top:12px}
.basket-products-scroll{overflow:auto;max-height:480px}.basket-products-table{min-width:650px;margin-top:6px}.basket-products-table th{position:sticky;top:0;background:#f2f6fb;z-index:1}.basket-products-table td{padding:10px 8px;vertical-align:top}.basket-products-table td:first-child{min-width:240px;max-width:520px}.basket-products-table a{color:#185ca0;text-decoration:none;line-height:1.5}
:root[data-theme=dark] .live-commission-cell strong{color:#72dfb4}:root[data-theme=dark] .live-commission-cell>span{color:#e3edfa}:root[data-theme=dark] .live-commission-cell small,:root[data-theme=dark] .live-commission-heading{color:#a7bad1}:root[data-theme=dark] .live-commission-cell .live-commission-warning{color:#f5c66b}:root[data-theme=dark] .basket-products-panel{border-color:#334760}:root[data-theme=dark] .basket-products-table th{background:#172a40}:root[data-theme=dark] .basket-products-table a{color:#94cbff}

/* Auto Live channel selection, independent from the broadcast runner. */
#autolive-view .bot-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}#autolive-view .bot-head{align-items:flex-start}#autolive-view .channel-identity{min-width:0}#autolive-view .channel-identity strong{overflow-wrap:anywhere}#autolive-view .badge{white-space:nowrap}.autolive-empty{border:1px dashed #9fb6d1;border-radius:16px;padding:52px 24px;text-align:center;background:#f7faff}.autolive-empty-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e7f0ff;color:#245fb6;font-size:36px;margin-bottom:10px}.autolive-empty h2{font-size:20px;margin:8px 0}.autolive-empty .primary{width:auto;margin-top:18px}.autolive-picker .tools{flex-wrap:wrap}.autolive-picker input[type=checkbox]{accent-color:#3275d1}.autolive-picker .pick-row[hidden]{display:none}.autolive-picker .pick-count{font-size:13px;color:#526784}:root[data-theme=dark] .autolive-empty{background:#111e30;border-color:#3c5473}:root[data-theme=dark] .autolive-empty-icon{background:#1c3557;color:#8abaff}:root[data-theme=dark] .autolive-picker .pick-count{color:#bbcee5}@media(max-width:640px){#autolive-view .heading-tools{width:100%;flex-wrap:wrap}#autolive-search{width:100%}.autolive-picker .tools{display:flex}.autolive-picker .bots-search{width:100%}}

.group-visibility-option{display:flex;align-items:center;gap:10px;margin-top:16px}.group-visibility-option input{width:18px;height:18px;accent-color:#55bfee}#extension-account-connect{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #38506a}#extension-account-connect select{width:100%;margin-bottom:14px}#extension-account-add{margin-top:6px}