
#streammanager{--sm-gap:16px}.sm-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.sm-channel-head{display:flex;align-items:center;gap:14px}.sm-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#0d0f16}.sm-avatar:not([src]),.sm-avatar[src=""]{display:none}.sm-muted{color:var(--muted);font-size:13px;margin-top:4px}.sm-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.sm-live-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.75fr);gap:var(--sm-gap);margin-bottom:var(--sm-gap)}.sm-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sm-gap);margin-bottom:var(--sm-gap)}.sm-media-panel,.sm-chat-panel{min-width:0}.sm-embed-box{position:relative;aspect-ratio:16/9;background:#05060a;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}.sm-embed-box iframe,.sm-chat-box iframe{width:100%;height:100%;border:0}.sm-chat-box{height:480px;background:#0b0d13;border:1px solid var(--line);border-radius:12px;overflow:hidden}.sm-embed-placeholder{height:100%;min-height:220px;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted)}.sm-chat-fallback{height:100%;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.sm-chat-message{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.sm-chat-message strong{margin-right:6px}.sm-chat-emote{height:24px;vertical-align:middle;margin:0 2px}.sm-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.sm-inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;margin-bottom:12px}.sm-inline-action input,.sm-inline-action select{border:1px solid #33394d;background:#0d0f16;color:#f4f5fa;border-radius:9px;padding:10px 11px;min-width:0}.sm-scroll-list{max-height:440px;overflow:auto}.sm-session-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sm-session-grid>div{border:1px solid var(--line);background:#0d0f16;border-radius:10px;padding:12px}.sm-session-grid strong,.sm-session-grid small{display:block}.sm-session-grid strong{font-size:20px;margin-bottom:3px}.sm-session-grid small{color:var(--muted)}.sm-category-field{position:relative}.sm-category-results{position:absolute;z-index:30;left:0;right:0;top:67px;max-height:260px;overflow:auto;background:#11141d;border:1px solid #34394d;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.sm-category-option{display:flex;width:100%;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;background:#11141d}.sm-category-option:last-child{border-bottom:0}.sm-category-option img{width:34px;height:46px;object-fit:cover}.sm-sublist{margin-top:16px}.sm-vote-item{padding:12px 0;border-top:1px solid var(--line)}.sm-vote-item:first-child{border-top:0}.sm-vote-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.sm-vote-choices{font-size:12px;color:var(--muted);margin-top:6px}.sm-status-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sm-issue{padding:11px 12px;border:1px solid var(--line);border-radius:10px}.sm-issue.warn{border-color:rgba(248,197,85,.28);background:rgba(248,197,85,.05)}.sm-issue.bad{border-color:rgba(255,107,122,.28);background:rgba(255,107,122,.05)}@media(max-width:1250px){.sm-metrics{grid-template-columns:repeat(3,1fr)}.sm-live-grid{grid-template-columns:1fr}.sm-chat-box{height:380px}}@media(max-width:900px){.sm-manager-grid{grid-template-columns:1fr}.sm-action-grid{grid-template-columns:repeat(2,1fr)}.sm-session-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sm-header{align-items:flex-start;flex-direction:column}.sm-metrics{grid-template-columns:1fr 1fr}.sm-inline-action{grid-template-columns:1fr}.sm-action-grid{grid-template-columns:1fr}.sm-session-grid{grid-template-columns:1fr 1fr}}

.sm-layout-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;position:sticky;top:0;z-index:25}.sm-layout-toolbar small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.sm-layout-canvas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:64px;gap:10px;min-height:720px;position:relative}.sm-layout-item{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:15px;touch-action:auto}.sm-layout-item>.panel,.sm-layout-item>.sm-header{height:100%;margin:0;overflow:auto}.sm-layout-item>.sm-metric-panel{display:flex;flex-direction:column;justify-content:center}.sm-layout-item>.sm-metric-panel span,.sm-layout-item>.sm-metric-panel small{display:block;color:var(--muted);font-size:12px}.sm-layout-item>.sm-metric-panel strong{display:block;font-size:27px;margin:8px 0 4px}.sm-layout-handle{display:none;position:absolute;z-index:40;left:10px;top:8px;max-width:calc(100% - 50px);align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:#11141d;color:#fff;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:750;cursor:grab;box-shadow:0 8px 22px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-layout-handle span{font-size:17px;color:var(--accent2)}.sm-layout-resize{display:none;position:absolute;z-index:41;right:5px;bottom:5px;width:22px;height:22px;cursor:nwse-resize;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);border-radius:2px}.sm-layout-canvas.editing{outline:1px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:5px;background-image:linear-gradient(to right,rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(139,92,246,.05) 1px,transparent 1px);background-size:calc((100% - 110px)/12 + 10px) 74px}.sm-layout-canvas.editing .sm-layout-item{border:1px solid color-mix(in srgb,var(--accent) 60%,#343a50);box-shadow:0 0 0 1px rgba(139,92,246,.08)}.sm-layout-canvas.editing .sm-layout-handle,.sm-layout-canvas.editing .sm-layout-resize{display:flex}.sm-layout-canvas.editing .sm-layout-item>:not(.sm-layout-handle):not(.sm-layout-resize){pointer-events:none;user-select:none}.sm-layout-canvas.testing{outline:1px solid color-mix(in srgb,var(--good) 35%,transparent);outline-offset:5px}.sm-layout-canvas.testing .sm-layout-item>.panel,.sm-layout-canvas.testing .sm-layout-item>.sm-header{pointer-events:auto;user-select:text;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sm-layout-canvas.testing .sm-layout-item :is(button,input,textarea,select,a,iframe){pointer-events:none!important;user-select:none}.sm-layout-canvas.testing .sm-layout-handle,.sm-layout-canvas.testing .sm-layout-resize{display:none!important}.sm-layout-item[data-sm-widget="video"] .sm-embed-box{height:calc(100% - 112px);min-height:180px;aspect-ratio:auto}.sm-layout-item[data-sm-widget="chat"] .sm-chat-box{height:calc(100% - 58px);min-height:180px}.sm-layout-item[data-sm-widget="activity"] .sm-scroll-list{max-height:none;height:calc(100% - 44px)}@media(max-width:900px){#streammanager{overflow-x:auto}.sm-layout-canvas:not(.editing):not(.testing){display:block;min-height:0}.sm-layout-canvas:not(.editing):not(.testing) .sm-layout-item{margin-bottom:16px}.sm-layout-canvas:not(.editing):not(.testing) .sm-layout-item>.panel,.sm-layout-canvas:not(.editing):not(.testing) .sm-layout-item>.sm-header{height:auto}.sm-layout-canvas:not(.editing):not(.testing) .sm-layout-item[data-sm-widget="video"] .sm-embed-box{height:auto;aspect-ratio:16/9}.sm-layout-canvas:not(.editing):not(.testing) .sm-layout-item[data-sm-widget="chat"] .sm-chat-box{height:380px}.sm-layout-canvas.editing,.sm-layout-canvas.testing{min-width:900px}.sm-layout-toolbar{position:static;align-items:flex-start;flex-direction:column}}

/* Stream Manager: unmistakable full-screen layout preview */
body.sm-preview-open{overflow:hidden}
#streammanager.sm-layout-testing{position:fixed;inset:0;z-index:9999;display:block!important;overflow:auto;background:var(--bg,#090b11);padding:18px 20px 28px}
#streammanager.sm-layout-testing .sm-layout-toolbar{position:sticky;top:0;z-index:10020;margin:-2px 0 16px;padding:10px 12px;background:color-mix(in srgb,var(--bg,#090b11) 94%,transparent);backdrop-filter:blur(12px);border-color:color-mix(in srgb,var(--good) 45%,var(--line))}
#streammanager.sm-layout-testing .sm-layout-toolbar>div:first-child{display:none}
#streammanager.sm-layout-testing #smEditLayout,#streammanager.sm-layout-testing #smResetLayout{display:none}
#streammanager.sm-layout-testing #smLayoutStatus{font-weight:800;letter-spacing:.04em;color:var(--good)}
#streammanager.sm-layout-testing #smTestLayout{display:inline-flex;position:relative;z-index:10021}
#streammanager.sm-layout-testing .sm-layout-canvas{width:100%;min-width:900px;min-height:calc(100vh - 90px);outline:none;background-image:none}
#streammanager.sm-layout-testing .sm-layout-item{border-color:transparent;box-shadow:none}
#streammanager.sm-layout-testing .sm-layout-handle,#streammanager.sm-layout-testing .sm-layout-resize{display:none!important}

.sm-test-video{height:100%;min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(139,92,246,.24),transparent 42%),linear-gradient(145deg,#0b0d15,#15182a)}.sm-test-video strong{font-size:clamp(22px,3vw,42px)}.sm-test-video small{color:var(--muted)}

/* 0.58.0 — Stream Manager dashboard refresh */
#streammanager{--sm-gap:12px}
#streammanager .sm-layout-toolbar{padding:13px 15px;margin-bottom:12px;background:linear-gradient(180deg,#0f1829,#0a1220);border-color:color-mix(in srgb,var(--accent) 24%,#253650)}
#streammanager .sm-layout-item{border-radius:12px}
#streammanager .sm-layout-item>.panel,#streammanager .sm-layout-item>.sm-header{background:linear-gradient(180deg,#0e1727,#09111e);border:1px solid color-mix(in srgb,var(--accent) 21%,#263853);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
#streammanager .sm-layout-item>.panel{padding:14px 15px}
#streammanager .panel-head{margin-bottom:9px;padding-bottom:9px}
#streammanager .panel-head h2{font-size:15px;letter-spacing:.01em}
#streammanager .sm-subhead{margin-top:12px;padding-top:10px;border-top:1px solid #20314a;border-bottom:0;padding-bottom:0}
#streammanager .sm-subhead h2{font-size:13px;color:#b9c7de;text-transform:uppercase;letter-spacing:.08em}
#streammanager .sm-metric-panel{padding:13px 14px!important;justify-content:center}
#streammanager .sm-metric-panel>span{font-size:11px;text-transform:none;letter-spacing:.01em;color:#91a2bd}
#streammanager .sm-metric-panel>strong{font-size:24px;margin:6px 0 2px}
#streammanager .sm-metric-panel>small{font-size:11px;color:#8191aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#streammanager .sm-channel-head{gap:11px}.sm-avatar{width:42px;height:42px}.sm-muted{font-size:12px}
#streammanager .form-grid{gap:10px}#streammanager .form-grid label{gap:5px}#streammanager .form-grid label>span{font-size:11px}
#streammanager .sm-action-grid{gap:7px;margin-bottom:9px}#streammanager .sm-action-grid button{padding:8px 9px;font-size:12px}
#streammanager .sm-inline-action{gap:7px;margin-bottom:9px}
#streammanager .pending-box{background:#0a1322;border-style:solid;border-color:#253651}
#streammanager .sm-session-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #22334d;border-radius:9px;overflow:hidden;background:#09111f}
#streammanager .sm-session-grid>div{border:0;border-right:1px solid #22334d;border-bottom:1px solid #22334d;border-radius:0;background:transparent;padding:10px 11px;min-width:0}
#streammanager .sm-session-grid>div:nth-child(4n){border-right:0}#streammanager .sm-session-grid>div:nth-last-child(-n+4){border-bottom:0}
#streammanager .sm-session-grid strong{font-size:18px;margin:0 0 2px}#streammanager .sm-session-grid small{font-size:10px;color:#8fa0ba}
.sm-goal{display:grid;gap:7px;padding:8px 0}.sm-goal+.sm-goal{border-top:1px solid #20304a}.sm-goal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.sm-goal-head span{color:#aab7cc;white-space:nowrap}.sm-progress{height:7px;border-radius:999px;background:#17253b;overflow:hidden}.sm-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent)}
.sm-activity-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #20304a}.sm-activity-row:last-child{border-bottom:0}.sm-activity-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,#101b2d);color:var(--accent2);font-weight:800}.sm-activity-row strong{display:block;font-size:12px;line-height:1.35}.sm-activity-row small{display:block;color:#8293ad;font-size:10px;margin-top:2px}.sm-activity-row time{font-size:10px;color:#7f90aa}
.sm-vote-item{padding:9px 0;border-top:1px solid #20304a}.sm-vote-title{margin-bottom:9px}.sm-vote-bars{display:grid;gap:9px}.sm-vote-choice{display:grid;gap:4px}.sm-vote-choice>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.sm-vote-choice>div:first-child strong{font-size:11px}.sm-vote-choice small,.sm-vote-total{color:#8191aa;font-size:10px}.sm-vote-total{display:block;margin-top:8px}
#streammanager .sm-chat-box,#streammanager .sm-embed-box{border-color:#263853;background:#060b13}
#streammanager .sm-chat-message{padding:3px 1px;font-size:12px}.sm-chat-fallback{padding:10px;gap:5px}
#streammanager .sm-issue{background:#0a1322;border-color:#253651}
@media(max-width:900px){#streammanager .sm-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#streammanager .sm-session-grid>div:nth-child(4n){border-right:1px solid #22334d}#streammanager .sm-session-grid>div:nth-child(2n){border-right:0}#streammanager .sm-session-grid>div:nth-last-child(-n+4){border-bottom:1px solid #22334d}#streammanager .sm-session-grid>div:nth-last-child(-n+2){border-bottom:0}}
