@charset "UTF-8";
:root{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface-2:#f9fafc;--ink:#202632;--muted:#687488;--faint:#99a2b1;--border:#e5e8ee;--accent:#6259ed;--accent-hover:#5347d8;--accent-soft:#eef0ff;--green:#168863;--green-soft:#eaf8f1;--orange:#bb7621;--orange-soft:#fff5e6;--red:#d44758;--red-soft:#fff0f1;--blue:#367bd5;--blue-soft:#edf5ff;--shadow:0 2px 7px #20263203,0 10px 30px #20263204;--shadow-float:0 14px 50px #1d264526;--radius:16px;--sidebar:236px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#101426;--surface:#1a1e29;--surface-2:#202532;--ink:#eef1f8;--muted:#a0abbd;--faint:#6f7c92;--border:#2c3444;--accent:#909aff;--accent-hover:#a0aaff;--accent-soft:#2b3154;--green:#69d5a9;--green-soft:#1b382f;--orange:#efbc75;--orange-soft:#3b3024;--red:#ff8593;--red-soft:#3d2530;--blue:#85b6ff;--blue-soft:#24344e;--shadow:0 2px 8px #0001;--shadow-float:0 16px 55px #0006}
*,*::before,*::after{box-sizing:border-box}html{margin:0;min-height:100%;font-size:14px;scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open,body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{max-width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}button{border:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.035em}p{color:var(--muted)}h1{font-size:28px;font-weight:730;margin-bottom:8px}h2{font-size:17px;font-weight:700;margin-bottom:6px}h3{font-size:15px;font-weight:650;margin-bottom:6px}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%}code,kbd,pre{font-family:"SFMono-Regular",Consolas,monospace}code{font-size:.88em;overflow-wrap:anywhere}kbd{font-size:11px;padding:2px 5px;border:1px solid var(--border);border-radius:4px;color:var(--faint)}::selection{background:#6259ed2b}::placeholder{color:var(--faint)}:focus-visible{outline:3px solid #858ffb80;outline-offset:3px}[hidden],.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.text-danger{color:var(--red)}.text-success{color:var(--green)}.text-right{text-align:right}.nowrap{white-space:nowrap}.icon{display:inline-block;width:20px;height:20px}.app-shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:var(--sidebar);padding:28px 16px 16px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);padding:0 8px;text-decoration:none;min-width:0}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#6259ed;color:white;box-shadow:0 4px 10px #6259ed23;flex-shrink:0}.brand-mark svg{width:23px;height:23px;stroke-width:2}.brand-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-copy strong{font-size:16px;letter-spacing:-.5px;font-weight:750}.brand-copy small{font-size:10px;color:var(--muted);letter-spacing:.02em}.sidebar nav{margin-top:34px}.nav-label{margin:24px 13px 10px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--faint)}.nav-link{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:45px;padding:11px 13px;margin:4px 0;border-radius:9px;color:var(--muted);font-size:13px;font-weight:550;background:transparent;text-align:left;transition:background .15s,color .15s}.nav-link svg{width:19px;height:19px}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link[aria-current=page],.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.nav-count{font-size:10px;font-weight:650;border-radius:5px;padding:1px 6px;background:var(--surface-2);margin-left:auto;color:var(--muted)}.nav-link[aria-current=page] .nav-count{background:var(--surface);color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:28px}.sidebar-tip{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:14px;margin:0 4px 18px}.sidebar-tip p{font-size:11px;line-height:1.65;margin:7px 0 12px}.sidebar-tip strong{font-size:12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:16px 8px 0;border-top:1px solid var(--border)}.sidebar-user>div:nth-child(2){flex:1;min-width:0}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:10px;color:var(--muted);margin-top:3px}.user-avatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;color:var(--accent);font-weight:650;font-size:12px;background:var(--accent-soft)}.main{margin-left:var(--sidebar);min-width:0}.topbar{height:76px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:25}.breadcrumb{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px;white-space:nowrap}.breadcrumb strong{font-weight:550;color:var(--ink)}.breadcrumb svg{width:14px;height:14px;color:var(--faint)}.topbar-actions{display:flex;gap:12px;align-items:center}.topbar-divider{height:23px;width:1px;background:var(--border);margin:0 3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;transition:background .15s,color .15s}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.icon-button svg{width:18px;height:18px}.icon-button.danger:hover{background:var(--red-soft);color:var(--red)}.icon-button.bordered{border-color:var(--border);background:var(--surface)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 15px;border:1px solid var(--border);border-radius:8px;color:var(--ink);background:var(--surface);font-size:12px;font-weight:600;white-space:nowrap;line-height:1.4;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:var(--surface-2);border-color:var(--faint)}.button:active{transform:translateY(1px)}.button svg{width:16px;height:16px}.button.primary{background:#6259ed;border-color:#6259ed;color:#fff;box-shadow:0 3px 7px #6259ed1a}.button.primary:hover{background:#5347d8;border-color:#5347d8}.button.danger{background:var(--red-soft);color:var(--red);border-color:transparent}.button.danger:hover{border-color:var(--red)}.button.subtle{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none}.button.subtle:hover{background:var(--surface-2);color:var(--ink)}.button.small{min-height:31px;padding:6px 10px;font-size:11px}.button.full{width:100%}.global-search{display:flex;align-items:center;gap:9px;width:250px;height:35px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--faint);font-size:11px;cursor:pointer}.global-search svg{width:15px;height:15px}.global-search kbd{margin-left:auto}.global-search input{width:100%;background:none;border:0;outline:none;min-width:0}.page-content{max-width:1620px;padding:34px 36px 44px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{margin:0;font-size:12px;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:650;color:var(--accent);margin-bottom:8px;display:block}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.live-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);white-space:nowrap}.live-status:before{content:"";height:6px;width:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px var(--green-soft)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric-card{position:relative;padding:20px 21px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.metric-icon{display:grid;place-items:center;height:36px;width:36px;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.metric-icon svg{height:18px;width:18px}.metric-card.purple .metric-icon{background:var(--accent-soft);color:var(--accent)}.metric-card.green .metric-icon{background:var(--green-soft);color:var(--green)}.metric-card.orange .metric-icon{background:var(--orange-soft);color:var(--orange)}.metric-card.blue .metric-icon{background:var(--blue-soft);color:var(--blue)}.metric-value{font-size:30px;line-height:1.25;font-weight:720;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums;margin:13px 0 4px}.metric-label{font-size:11px;color:var(--muted);font-weight:500}.metric-note{font-size:10px;color:var(--faint);margin-top:14px;display:flex;align-items:center;gap:5px;line-height:1.4}.metric-note svg{width:12px;height:12px}.metric-note .positive{color:var(--green)}.metric-note .negative{color:var(--red)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;margin-bottom:24px}.panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 23px 0;margin-bottom:20px}.panel-heading h2{font-size:14px;margin:0 0 4px}.panel-heading p{font-size:10px;margin:0}.panel-body{padding:0 23px 23px}.health-content{display:flex;align-items:center;justify-content:space-around;gap:28px;padding:7px 26px 26px}.health-ring{--value:0;position:relative;flex-shrink:0;display:grid;place-items:center;height:146px;width:146px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--value)*1%),var(--surface-2) 0)}.health-ring:before{content:"";position:absolute;inset:14px;background:var(--surface);border-radius:50%}.health-ring>div,.health-ring>span{position:relative;text-align:center}.health-ring strong{display:block;font-size:29px;letter-spacing:-1px;line-height:1.35;font-weight:700}.health-ring small{display:block;color:var(--muted);font-size:10px}.health-legend{flex:1;max-width:260px;display:flex;flex-direction:column;gap:16px}.health-legend>div{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.health-legend strong{color:var(--ink);font-size:12px;font-weight:600;margin-left:auto;font-variant-numeric:tabular-nums}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.legend-dot.green{background:var(--green)}.legend-dot.orange{background:var(--orange)}.legend-dot.red{background:var(--red)}.legend-dot.muted{background:var(--faint)}.resource-row{margin:0 23px 17px}.resource-row:last-child{margin-bottom:23px}.resource-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:8px;color:var(--muted)}.resource-label strong{font-size:11px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.progress-track{height:6px;overflow:hidden;background:var(--surface-2);border-radius:8px}.progress-fill{height:100%;border-radius:8px;background:var(--accent);width:0;transition:width .5s}.progress-fill.green{background:var(--green)}.progress-fill.orange{background:var(--orange)}.progress-fill.blue{background:var(--blue)}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.quick-card{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);text-align:left;min-width:0}.quick-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.quick-card>svg{color:var(--accent)}.quick-card strong{font-size:12px;display:block;margin-bottom:3px}.quick-card small{font-size:10px;color:var(--muted);display:block}.quick-card>svg:last-child:not(:first-child){margin-left:auto;width:15px;color:var(--faint)}.table-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;min-width:0;min-height:36px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--faint)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field svg{width:16px;height:16px}.search-field input{width:200px;min-width:0;outline:none;border:0;background:none;font-size:11px;height:34px}.filter-tabs{display:flex;align-items:center;gap:4px;background:var(--surface-2);padding:4px;border:1px solid var(--border);border-radius:8px;max-width:100%;overflow-x:auto;scrollbar-width:none}.filter-chip{border:1px solid transparent;background:transparent;border-radius:5px;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 10px;color:var(--muted);font-size:10px;font-weight:550;white-space:nowrap}.filter-chip:hover{color:var(--ink)}.filter-chip.active{background:var(--surface);color:var(--ink);border-color:var(--border);box-shadow:0 1px 4px #20263206}.filter-chip span{font-size:9px;color:var(--faint)}.table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.data-table th{font-size:9px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);background:var(--surface-2);white-space:nowrap;padding:12px 17px;border-bottom:1px solid var(--border)}.data-table td{padding:15px 17px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--muted);font-size:11px}.data-table th:first-child,.data-table td:first-child{padding-left:23px}.data-table th:last-child,.data-table td:last-child{padding-right:23px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr.selected{background:var(--accent-soft)}.data-table input[type=checkbox]{appearance:auto;accent-color:#6259ed;width:15px;height:15px;cursor:pointer;margin:0;display:block}.stream-name{display:flex;align-items:center;gap:11px;min-width:170px;color:var(--ink)}.stream-name>div:last-child{min-width:0}.stream-name strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.stream-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:650;overflow:hidden}.stream-avatar img{width:100%;height:100%;object-fit:contain;padding:4px}.stream-avatar svg{width:17px;height:17px}.cell-subtitle{display:block;color:var(--faint);font-size:9px;margin-top:4px;overflow-wrap:anywhere}.status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;line-height:1.3;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:600;background:var(--surface-2);color:var(--muted)}.status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.status.running{background:var(--green-soft);color:var(--green)}.status.stopped{background:var(--surface-2);color:var(--muted)}.status.failed{background:var(--red-soft);color:var(--red)}.status.warning{background:var(--orange-soft);color:var(--orange)}.status.info{background:var(--blue-soft);color:var(--blue)}.row-actions{display:flex;gap:3px;align-items:center;justify-content:flex-end;white-space:nowrap}.row-actions .icon-button{width:29px;height:29px;border-radius:6px}.row-actions .icon-button svg{width:15px;height:15px}.empty-state{padding:52px 24px;text-align:center;color:var(--muted)}.empty-state>svg{width:39px;height:39px;margin-bottom:17px;color:var(--faint)}.empty-state h3{font-size:15px;color:var(--ink);margin-bottom:8px}.empty-state p{font-size:12px;max-width:360px;margin:0 auto 19px;line-height:1.7}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.pagination-actions{display:flex;gap:5px;align-items:center}.pagination .button{font-size:10px;min-height:29px;padding:5px 9px}.bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--border);padding:12px 22px;background:var(--accent-soft);color:var(--accent);font-size:11px}.bulk-bar strong{margin-right:auto}.bottom-nav,.mobile-menu,.sidebar-backdrop{display:none}.modal{width:min(680px,calc(100vw - 40px));max-height:calc(100dvh - 64px);background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:18px;padding:0;box-shadow:var(--shadow-float);overflow:auto;overscroll-behavior:contain}.modal::backdrop{background:#141e3b66;backdrop-filter:blur(3px)}.modal[open]{animation:modal-in .16s ease-out}.modal.wide{width:min(960px,calc(100vw - 40px))}.modal.compact{width:min(440px,calc(100vw - 40px))}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}.modal-header h2{font-size:18px;margin:0}.modal-header p{font-size:11px;margin:5px 0 0}.modal-body{padding:24px 25px}.modal-body>p{font-size:12px;line-height:1.8}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:16px 25px;border-top:1px solid var(--border);background:var(--surface-2);position:sticky;bottom:0;z-index:2}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field>label,.field-label{font-size:11px;font-weight:600;color:var(--ink)}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.form-control{width:100%;padding:11px 12px;min-height:42px;line-height:1.5;font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input[readonly]{background:var(--surface-2);color:var(--muted)}.field textarea{resize:vertical;min-height:92px}.field small,.field-help{font-size:10px;line-height:1.65;color:var(--muted);margin:0}.field .input-action{position:relative}.field .input-action input{padding-right:44px}.input-action .icon-button{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.switch-field{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0}.switch-field label{font-size:12px;cursor:pointer}.switch-field small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.switch-field input[type=checkbox]{appearance:none;position:relative;width:35px;min-width:35px;height:20px;border-radius:20px;background:var(--border);border:0;cursor:pointer;transition:background .15s}.switch-field input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch-field input[type=checkbox]:checked{background:#6259ed}.switch-field input[type=checkbox]:checked:before{transform:translateX(15px)}.form-section{grid-column:1/-1;padding-top:21px;margin-top:4px;border-top:1px solid var(--border)}.form-section h3{font-size:12px;margin:0 0 6px}.form-section p{font-size:10px;margin:0 0 16px}.form-error,.form-notice{padding:12px 14px;border:1px solid #d4475833;background:var(--red-soft);border-radius:9px;color:var(--red);font-size:12px;line-height:1.7}.form-notice{border-color:var(--border);background:var(--surface-2);color:var(--muted)}.context-menu{position:fixed;z-index:1000;min-width:210px;max-width:calc(100vw - 24px);padding:6px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-float);border-radius:12px;animation:modal-in .12s ease-out}.context-title{font-size:10px;font-weight:650;max-width:240px;padding:9px 10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border);margin-bottom:4px}.context-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border-radius:6px;background:transparent;font-size:11px;text-align:left;color:var(--ink)}.context-item svg{width:16px;height:16px;color:var(--muted)}.context-item:hover,.context-item:focus-visible{background:var(--surface-2)}.context-item.danger,.context-item.danger svg{color:var(--red)}.context-item.danger:hover{background:var(--red-soft)}.context-menu hr{margin:5px 6px;border:0;border-top:1px solid var(--border)}.toast-stack{position:fixed;z-index:2000;right:24px;bottom:24px;display:flex;flex-direction:column;gap:9px;max-width:380px;width:calc(100% - 32px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);padding:14px 15px;border-radius:12px;box-shadow:var(--shadow-float);background:var(--surface);color:var(--ink);font-size:12px;line-height:1.65;pointer-events:auto;animation:toast-in .2s ease-out}.toast>svg{color:var(--green);width:18px;height:18px;margin-top:1px}.toast.error>svg{color:var(--red)}.toast>span,.toast>div{flex:1}.toast .icon-button{width:24px;height:24px}.connection-banner{position:sticky;top:76px;z-index:24;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;font-size:11px;background:var(--orange-soft);color:var(--orange);border-bottom:1px solid var(--border)}.connection-banner svg{width:16px;height:16px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.entity-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);min-width:0}.entity-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.entity-top h3{font-size:14px;margin:0}.entity-top .stream-avatar{width:42px;height:42px}.entity-meta{display:flex;flex-direction:column;gap:12px;font-size:11px;color:var(--muted);margin-top:16px}.entity-meta>div{display:flex;align-items:center;gap:10px;justify-content:space-between;overflow-wrap:anywhere}.entity-meta strong{color:var(--ink);font-weight:550;max-width:70%;text-align:right;overflow-wrap:anywhere}.entity-actions{display:flex;align-items:center;gap:8px;padding-top:19px;margin-top:19px;border-top:1px solid var(--border)}.entity-actions .button{flex:1}.settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:24px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:12px;font-weight:600;display:block}.setting-row p{font-size:10px;line-height:1.7;margin:5px 0 0}.setting-row select{padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:12px;max-width:160px}.log-output{background:#151a25;border:1px solid #303847;border-radius:10px;color:#c6d3e5;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;padding:19px;min-height:220px;max-height:55dvh;margin:0}.player{width:100%;display:block;aspect-ratio:16/9;max-height:60dvh;background:#080b11;border-radius:10px;object-fit:contain}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:5px;min-height:18px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;color:var(--faint);font-size:9px}.page-footer>span{display:flex;align-items:center;gap:6px}.page-footer svg{width:12px;height:12px}.pwa-update{position:fixed;bottom:22px;left:calc(var(--sidebar) + 24px);z-index:1100;display:flex;align-items:center;gap:12px;padding:14px 16px;max-width:calc(100vw - var(--sidebar) - 48px);background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow-float);border-radius:12px;font-size:12px}.pwa-update svg{color:var(--accent);width:18px;height:18px}.pwa-update p{margin:0;font-size:11px}.pwa-update .button{margin-left:auto}.login-page{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface)}.login-showcase{display:flex;flex-direction:column;position:relative;isolation:isolate;padding:45px 60px;min-height:100dvh;overflow:hidden;background:#f1f2fb;border-right:1px solid #e8e9f3}.login-showcase:before{position:absolute;content:"";width:520px;height:520px;border:1px solid #6259ed10;border-radius:50%;top:20%;left:-100px;z-index:-1;box-shadow:0 0 0 70px #6259ed05,0 0 0 140px #6259ed03}.login-showcase .brand{padding:0}.login-showcase .brand-copy strong{color:#202632}.login-showcase .brand-copy small{color:#687488}.showcase-copy{margin:auto 0;max-width:460px;padding:65px 0 35px}.showcase-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;background:#ffffffa6;border:1px solid #e4e6f4;border-radius:20px;color:#6259ed;font-size:10px;font-weight:600}.showcase-badge svg{width:13px;height:13px}.showcase-copy h2{font-size:43px;line-height:1.2;letter-spacing:-1.9px;font-weight:730;color:#242a3e;max-width:430px;margin:23px 0 18px}.showcase-copy h2 em{font-style:normal;color:#6259ed}.showcase-copy>p{color:#767e92;font-size:13px;line-height:1.85;max-width:355px;margin-bottom:29px}.signal-preview{background:#fff;border:1px solid #e5e8f1;border-radius:16px;box-shadow:0 20px 50px #3545840a;padding:20px;max-width:395px;transform:rotate(-2deg)}.signal-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;color:#30374b}.signal-preview-top span{font-size:9px;font-weight:500;color:#168863;display:flex;align-items:center;gap:5px}.signal-preview-top span:before{content:"";width:5px;height:5px;border-radius:50%;background:#168863}.signal-graph{width:100%;height:76px;margin:18px 0 12px;stroke:none;overflow:visible}.signal-preview-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#929bad}.signal-preview-bottom strong{font-size:17px;color:#252b3d;margin-right:5px;letter-spacing:-.4px}.showcase-features{display:flex;gap:18px;margin-top:25px;flex-wrap:wrap}.showcase-features span{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#767e92}.showcase-features svg{width:12px;height:12px;color:#6259ed}.showcase-footer{margin-top:35px;font-size:10px;color:#8c94a6;display:flex;align-items:center;gap:7px}.showcase-footer svg{width:13px;height:13px}.login-main{display:flex;flex-direction:column;min-height:100dvh;padding:36px 42px;background:var(--surface)}.login-topbar{display:flex;justify-content:flex-end;align-items:center;gap:8px}.login-topbar .button{font-size:11px}.login-mobile-brand{display:none}.login-form-wrap{width:100%;max-width:350px;margin:auto; padding:55px 0}.login-welcome-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--accent-soft);border-radius:14px;color:var(--accent);margin-bottom:24px}.login-welcome-icon svg{width:23px;height:23px}.login-form-wrap h1{font-size:28px;letter-spacing:-.9px;margin:0 0 10px}.login-form-wrap>p{font-size:12px;line-height:1.8;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .field{gap:8px}.login-form .field>label{font-size:12px;font-weight:600}.login-form .field input{height:46px;font-size:14px;border-radius:9px}.login-form .button.primary{height:45px;margin-top:3px;font-size:12px;border-radius:9px}.login-form .button.primary svg:last-child{margin-left:auto}.login-form .button.primary .button-label{margin-left:auto}.login-form .form-error{margin:0}.login-hint{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--faint);margin-top:23px}.login-hint svg{width:13px;height:13px}.login-form-footer{padding-top:25px;margin-top:28px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:10px;line-height:1.8}.login-footer{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--faint);font-size:9px;padding-bottom:4px}.login-footer span+span:before{content:"·";margin-right:16px}.login-page .pwa-update{left:24px;max-width:calc(100vw - 48px)}.login-form[aria-busy=true] .button.primary svg{animation:spin 1s linear infinite}.offline-page{min-height:100dvh;display:grid;place-items:center;padding:28px;background:var(--bg)}.offline-card{text-align:center;max-width:430px;padding:39px;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.offline-card .brand-mark{margin:0 auto 27px;width:56px;height:56px;border-radius:16px}.offline-card h1{font-size:24px}.offline-card p{font-size:13px;line-height:1.8;margin-bottom:24px}.offline-card small{display:block;font-size:10px;color:var(--faint);margin-top:21px}.install-steps{padding-left:22px;font-size:12px;line-height:1.9;color:var(--muted)}.install-steps li+li{margin-top:10px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes modal-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.page-content{padding-top:40px}.metric-card{padding:24px}.metric-value{font-size:34px}.overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.health-content{padding-top:15px;padding-bottom:30px}.health-ring{width:155px;height:155px}.resource-row{margin-bottom:22px}.data-table td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1199px){:root{--sidebar:212px}.sidebar{padding-left:12px;padding-right:12px}.brand-copy strong{font-size:15px}.page-content{padding:27px 25px 35px}.topbar{padding:0 25px}.global-search{width:195px}.metrics-grid{gap:13px}.metric-card{padding:17px}.overview-grid{gap:18px}.health-content{gap:20px;padding-left:20px;padding-right:20px}.health-ring{width:124px;height:124px}.health-ring strong{font-size:25px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-showcase{padding:40px}.showcase-copy h2{font-size:37px}.login-main{padding:30px}}
@media(max-width:1023px){:root{--sidebar:0px}.sidebar{width:254px;transform:translateX(-100%);transition:transform .2s;z-index:70;padding-top:max(26px,env(safe-area-inset-top));padding-bottom:max(19px,env(safe-area-inset-bottom))}.sidebar.open,body.menu-open .sidebar{transform:translateX(0)}.sidebar-backdrop.open,body.menu-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:60;background:#17223d66;backdrop-filter:blur(2px)}.mobile-menu{display:inline-flex}.main{margin-left:0}.topbar{height:68px;padding:0 25px;gap:12px}.breadcrumb{margin-right:auto}.topbar-actions{gap:8px}.connection-banner{top:68px}.page-content{padding:25px 25px 40px}.pwa-update{left:20px;max-width:calc(100vw - 40px)}.login-showcase{padding:35px}.showcase-copy h2{font-size:33px}.showcase-features{gap:12px}.login-main{padding:25px}.login-form-wrap{max-width:320px}}
@media(max-width:767px){html{scrollbar-gutter:auto}body{overscroll-behavior-y:none}.topbar{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:8px}.breadcrumb{gap:8px;font-size:12px}.breadcrumb .breadcrumb-root,.breadcrumb>svg{display:none}.topbar-actions{gap:4px}.topbar-divider{margin:0 3px}.topbar-actions .user-avatar{width:31px;height:31px;font-size:11px}.global-search{width:35px;height:35px;justify-content:center;padding:0;background:transparent;border-color:transparent}.global-search>span,.global-search kbd,.global-search input{display:none}.global-search svg{width:18px;height:18px}.topbar .icon-button{width:35px;height:35px}.page-content{padding:25px max(17px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left))}.page-heading{align-items:flex-start;gap:12px;margin-bottom:23px;flex-wrap:wrap}.page-heading h1{font-size:24px;letter-spacing:-.9px}.page-heading p{font-size:11px;max-width:300px}.eyebrow{font-size:9px;margin-bottom:7px}.page-actions{gap:7px}.page-actions .button{font-size:11px;min-height:37px;padding:8px 12px}.page-heading>.page-actions{width:100%;margin-top:5px}.page-heading>.page-actions .live-status{margin-right:auto}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{padding:17px;border-radius:13px}.metric-top{margin-bottom:14px}.metric-icon{width:32px;height:32px;border-radius:9px}.metric-icon svg{width:16px;height:16px}.metric-value{font-size:28px;margin-top:12px}.metric-label{font-size:11px}.metric-note{font-size:9px;margin-top:11px;min-height:13px}.overview-grid{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.panel{border-radius:13px}.panel-heading{padding:19px 18px 0;margin-bottom:18px}.panel-heading h2{font-size:14px}.panel-body{padding:0 18px 19px}.health-content{padding:4px 22px 23px;gap:30px}.health-ring{width:130px;height:130px}.health-legend{gap:16px}.resource-row{margin-left:18px;margin-right:18px;margin-bottom:18px}.quick-grid{gap:9px;margin-bottom:18px}.quick-card{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 12px}.quick-card strong{font-size:11px;line-height:1.6}.quick-card small{display:none}.quick-card>svg:last-child:not(:first-child){display:none}.quick-card>svg{width:19px;height:19px}.table-toolbar{padding:15px;gap:12px;align-items:stretch}.search-field{width:100%;min-height:42px}.search-field input{width:100%;height:40px;font-size:16px}.filter-tabs{max-width:100%;width:100%;justify-content:flex-start;padding:4px;gap:2px}.filter-chip{font-size:10px;padding:7px 10px;min-height:32px}.table-scroll{overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tbody{padding:0 15px}.data-table tr{position:relative;padding:17px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:12px;border-bottom:1px solid var(--border)}.data-table tr:last-child{border-bottom:0}.data-table td,.data-table td:first-child,.data-table td:last-child{padding:0;border:0;min-width:0;font-size:11px;display:flex;align-items:center;gap:8px}.data-table td[data-label]:before{content:attr(data-label);display:block;font-size:9px;color:var(--faint);min-width:0}.data-table td:has(.stream-name){grid-column:1/-1;order:-2;padding-right:27px}.data-table td:has(.stream-name):before,.data-table td:has(.row-actions):before,.data-table td:has(input[type=checkbox]):before{display:none}.data-table td:has(input[type=checkbox]){position:absolute;right:1px;top:25px;width:19px;height:19px}.data-table input[type=checkbox]{height:17px;width:17px}.stream-name{gap:11px;min-width:0;width:100%}.stream-name strong{font-size:12px}.stream-avatar{width:37px;height:37px}.cell-subtitle{font-size:10px;line-height:1.5}.data-table td:has(.row-actions){grid-column:1/-1;justify-content:flex-end;padding-top:1px}.row-actions{gap:7px}.row-actions .icon-button{width:35px;height:33px;border:1px solid var(--border);background:var(--surface);border-radius:7px}.row-actions .icon-button svg{height:16px;width:16px}.data-table td[colspan]{grid-column:1/-1;display:block}.status{font-size:10px;padding:5px 8px}.pagination{padding:15px;align-items:center;gap:10px;font-size:10px}.pagination-actions{gap:4px}.pagination .button{min-height:34px;padding:7px 9px}.bulk-bar{padding:12px 15px;gap:8px;font-size:11px}.bulk-bar strong{width:100%}.bulk-bar .button{min-height:35px}.bottom-nav{position:fixed;inset:auto 0 0;z-index:50;display:flex;align-items:stretch;justify-content:space-around;border-top:1px solid var(--border);padding:8px max(7px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:var(--surface);box-shadow:0 -3px 15px #20263203}.bottom-nav a,.bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:45px;padding:5px 3px;border-radius:8px;background:none;color:var(--muted);font-size:9px;font-weight:550}.bottom-nav svg{width:20px;height:20px}.bottom-nav [aria-current=page],.bottom-nav .active{color:var(--accent);background:var(--accent-soft)}.connection-banner{top:calc(62px + env(safe-area-inset-top));font-size:10px;padding:10px 16px}.modal,.modal.wide,.modal.compact{width:100%;max-width:100%;margin:auto 0 0;max-height:calc(100dvh - env(safe-area-inset-top) - 18px);border:0;border-radius:21px 21px 0 0;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.modal-header{padding:19px 20px 16px}.modal-header h2{font-size:18px}.modal-header .icon-button{width:37px;height:37px;background:var(--surface-2)}.modal-body{padding:21px 20px}.modal-footer{padding:16px 20px;gap:10px}.modal-footer .button{min-height:43px;flex:1;font-size:12px}.form-grid{gap:19px;grid-template-columns:1fr}.field.full,.form-section{grid-column:auto}.field>label,.field-label{font-size:12px}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.form-control{font-size:16px;min-height:46px;padding:11px 12px}.field small,.field-help{font-size:11px}.field textarea{min-height:110px}.switch-field label{font-size:13px}.switch-field small{font-size:11px}.switch-field input[type=checkbox]{height:23px;width:39px;min-width:39px}.switch-field input[type=checkbox]:before{width:17px;height:17px}.switch-field input[type=checkbox]:checked:before{transform:translateX(16px)}.context-menu{position:fixed;inset:auto 9px calc(82px + env(safe-area-inset-bottom))!important;width:auto;max-width:none;border-radius:16px;padding:8px}.context-title{max-width:100%;padding:10px 13px 13px;font-size:11px}.context-item{font-size:13px;padding:13px;min-height:45px;border-radius:8px}.context-item svg{height:18px;width:18px}.toast-stack{right:14px;bottom:calc(86px + env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:none}.toast{font-size:12px}.card-grid{grid-template-columns:1fr;gap:15px}.entity-card{border-radius:13px;padding:19px}.entity-meta{font-size:12px}.settings-grid{grid-template-columns:1fr;gap:18px}.setting-row{padding:18px;gap:15px}.setting-row strong{font-size:12px}.setting-row p{font-size:11px}.setting-row select{font-size:16px;max-width:135px;padding:9px}.log-output{font-size:11px;padding:14px;max-height:50dvh}.page-footer{font-size:9px;margin-top:22px}.page-footer>span:last-child{display:none}.pwa-update{bottom:calc(85px + env(safe-area-inset-bottom));left:14px;max-width:calc(100vw - 28px);padding:12px;gap:9px}.pwa-update p{font-size:10px}.pwa-update .button{font-size:10px;padding:8px}.login-page{display:block;background:var(--bg)}.login-showcase{display:none}.login-main{min-height:100dvh;background:var(--bg);padding:calc(24px + env(safe-area-inset-top)) max(25px,env(safe-area-inset-right)) calc(23px + env(safe-area-inset-bottom)) max(25px,env(safe-area-inset-left))}.login-topbar{justify-content:space-between;gap:12px}.login-mobile-brand{display:flex;padding:0;margin-right:auto}.login-mobile-brand .brand-mark{width:35px;height:35px;border-radius:10px}.login-mobile-brand .brand-copy strong{font-size:14px}.login-mobile-brand .brand-copy small{font-size:9px}.login-topbar .button{padding:8px;font-size:10px;min-height:35px}.login-topbar .button svg{width:15px}.login-form-wrap{padding:55px 0;max-width:380px}.login-welcome-icon{width:49px;height:49px;border-radius:14px;margin-bottom:25px}.login-form-wrap h1{font-size:29px}.login-form-wrap>p{font-size:13px;margin-bottom:30px}.login-form{gap:22px}.login-form .field input{font-size:16px;height:49px;background:var(--surface)}.login-form .field>label{font-size:12px}.login-form .button.primary{height:48px;font-size:13px}.login-hint{font-size:10px;margin-top:24px}.login-form-footer{font-size:11px}.login-page .pwa-update{left:14px;max-width:calc(100vw - 28px);bottom:calc(18px + env(safe-area-inset-bottom))}.login-footer{font-size:9px}.offline-card{padding:31px 24px}.install-steps{font-size:13px}}
@media(max-width:374px){.page-content{padding-left:12px;padding-right:12px}.topbar{padding-left:12px;padding-right:12px}.metric-card{padding:14px}.metric-value{font-size:26px}.metric-note{font-size:8px}.health-content{gap:18px;padding-left:17px;padding-right:17px}.health-ring{width:115px;height:115px}.health-legend>div{font-size:10px}.filter-chip{padding-left:8px;padding-right:8px}.login-main{padding-left:20px;padding-right:20px}.login-topbar .button span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Shared workspace components. */
@font-face{font-family:Inter;src:url('../fonts/inter-latin-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.skip-link{position:fixed;top:12px;left:12px;z-index:3000;transform:translateY(-150%);padding:12px 18px;background:var(--accent);color:white;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.sidebar>.global-search{width:100%;height:36px;margin-top:28px}.sidebar .main-nav{margin-top:0}.sidebar .nav-label{margin-top:26px}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom .sidebar-tip{margin:0 3px 18px}.sidebar-tip>svg{width:16px;height:16px;color:var(--accent);margin-right:8px}.sidebar-tip>strong{font-size:11px;vertical-align:middle}.sidebar-tip p{margin-bottom:0}.sidebar-bottom .sidebar-footer{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding:17px 4px 0;margin-top:16px}.sidebar-footer>div{flex:1;min-width:0}.sidebar-footer strong,.sidebar-footer small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer strong{font-size:11px;font-weight:650}.sidebar-footer small{font-size:9px;color:var(--muted);margin-top:2px}.install-sidebar{width:100%;font-size:11px}.connection-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted);font-size:10px;margin-right:12px}.connection-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.connection-status.offline i{background:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.notification-button{position:relative}.alert-badge{position:absolute;right:-1px;top:-1px;min-width:15px;height:15px;display:grid;place-items:center;font-size:8px;font-weight:650;background:#d44758;color:white;border-radius:10px;padding:1px 4px;line-height:1}.user-avatar.small{width:32px;height:32px;font-size:10px;margin-left:9px}.metric-card{text-align:left;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.metric-card:hover{border-color:var(--accent);box-shadow:0 5px 15px #6259ed0a}.metric-card>.metric-icon{margin-bottom:17px}.metric-card>.metric-label{font-size:11px}.metric-card>.metric-value{margin:7px 0 0}.metric-card>.metric-note{width:100%;justify-content:space-between;line-height:1.65;font-size:9px;gap:10px}.metric-card>.metric-note svg{margin-left:auto;flex-shrink:0;width:13px;height:13px}.health-layout{display:flex;align-items:center;justify-content:space-around;gap:30px;padding:8px 26px 27px}.health-ring{background:conic-gradient(var(--accent) var(--percent,0%),var(--surface-2) 0)}.health-ring strong small{display:inline;font-size:18px;font-weight:500;color:var(--muted);margin-left:2px}.health-ring>div>span{font-size:9px;color:var(--muted)}.health-legend>small{font-size:9px;line-height:1.7;color:var(--faint);padding-top:1px}.legend-dot.blue{background:var(--faint)}.resource-row>div:first-child:not(.progress-track){display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-bottom:9px}.resource-row>div strong{font-size:12px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.resource-row small{font-size:9px;font-weight:400;color:var(--faint)}.network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:16px 0 0;border-top:1px solid var(--border);margin:0 23px 21px}.network-grid>div{display:grid;grid-template-columns:15px 1fr;align-items:center;gap:8px}.network-grid svg{width:14px;height:14px;color:var(--accent)}.network-grid span{font-size:9px;color:var(--muted)}.network-grid strong{grid-column:2;font-size:13px;font-weight:650;letter-spacing:-.2px}.network-grid small{color:var(--faint);font-size:9px;font-weight:400}.metric-icon.orange{background:var(--orange-soft);color:var(--orange)}.metric-icon.purple{background:var(--accent-soft);color:var(--accent)}.text-link{font-size:10px;font-weight:550;display:inline-flex;align-items:center;gap:6px;color:var(--accent);white-space:nowrap}.text-link svg{width:14px;height:14px}.recent-streams{padding-bottom:8px}.recent-stream{display:flex;align-items:center;gap:10px;padding:14px 23px;border-top:1px solid var(--border);min-width:0}.recent-stream-copy{flex:1;min-width:0}.recent-stream-copy strong{font-size:11px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-stream-copy small{font-size:9px;color:var(--faint);display:block;margin-top:4px;line-height:1.6}.recent-stream>.icon-button{width:25px;height:29px}.panel>.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 21px 21px;gap:12px;margin-bottom:0}.panel>.quick-grid>.quick-card{position:relative;display:grid;grid-template-columns:33px 1fr;align-items:center;gap:8px 11px;padding:16px 13px;background:var(--surface-2);border-color:var(--border);border-radius:10px}.panel>.quick-grid>.quick-card .metric-icon{width:30px;height:30px;border-radius:8px;grid-row:1/3}.panel>.quick-grid>.quick-card strong{font-size:10px;margin:0;line-height:1.4}.panel>.quick-grid>.quick-card small{font-size:9px;margin:0;grid-column:2;line-height:1.5}.panel>.quick-grid>.quick-card>svg:last-child{display:none}.panel>.quick-grid>.quick-card:hover{border-color:var(--accent)}.streams-panel>.filter-tabs{border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface);padding:0 23px;gap:24px;min-height:58px}.streams-panel>.filter-tabs .filter-chip{border:0;border-radius:0;background:transparent;box-shadow:none;padding:18px 0;position:relative;min-height:58px;color:var(--muted);font-size:11px}.streams-panel>.filter-tabs .filter-chip.active{color:var(--accent)}.streams-panel>.filter-tabs .filter-chip.active:after{content:"";height:2px;position:absolute;inset:auto 0 0;background:var(--accent);border-radius:2px 2px 0 0}.streams-panel>.filter-tabs .filter-chip span{font-size:9px;border-radius:4px;padding:1px 5px;background:var(--surface-2);color:var(--muted)}.streams-panel>.filter-tabs .filter-chip.active span{color:var(--accent);background:var(--accent-soft)}.filter-chip svg{width:13px;height:13px}.table-toolbar>.search-field{margin-right:auto;flex:1;max-width:360px}.table-toolbar select,.pagination select{border:1px solid var(--border);padding:8px 10px;border-radius:7px;min-height:35px;background:var(--surface);font-size:10px;color:var(--muted);max-width:200px;outline:none}.table-toolbar select:focus,.pagination select:focus{border-color:var(--accent)}.name-button{padding:0;text-align:left;background:none;color:var(--ink);font-size:11px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.name-button:hover{color:var(--accent)}.select-cell{width:20px}.data-table td.select-cell,.data-table th.select-cell{padding-right:0}.data-table th.actions-heading{text-align:right}.favorite-button{padding:4px;flex-shrink:0;margin-left:5px;align-self:center;background:none;color:var(--faint);opacity:.35;border-radius:5px}.favorite-button svg{width:13px;height:13px}.favorite-button.active{opacity:1;color:var(--orange)}.favorite-button.active svg{fill:var(--orange-soft)}.favorite-button:hover,.data-table tr:hover .favorite-button{opacity:1}.data-table .name-cell .stream-name{min-width:210px}.icon-button.positive{color:var(--green)}.icon-button.positive:hover{background:var(--green-soft)}.status.starting{color:var(--orange);background:var(--orange-soft)}.status.starting:before{animation:shimmer 1s infinite}.status>i{display:none}.pagination>div{display:flex;align-items:center;gap:7px}.pagination select{min-height:30px;font-size:9px;padding:6px 8px;margin-right:7px}.pagination .icon-button{width:28px;height:28px;border:1px solid var(--border)}.pagination .icon-button svg{width:14px;height:14px}.flip{transform:rotate(180deg)}.table-hint{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--faint);margin:15px 2px 0;line-height:1.8}.table-hint svg{height:13px;width:13px}.table-hint>span{margin-left:auto}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1620px;padding:0 36px 22px;margin:0 auto;color:var(--faint);font-size:9px}.footer-dot{margin:0 7px}.provider-mark{display:grid;place-items:center;width:45px;height:45px;font-size:13px;font-weight:650;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.provider-mark.tone-1{background:var(--blue-soft);color:var(--blue)}.provider-mark.tone-2{background:var(--green-soft);color:var(--green)}.provider-mark.tone-3{background:var(--orange-soft);color:var(--orange)}.entity-card>h2{font-size:16px;margin-bottom:5px}.entity-card>.cell-subtitle{font-size:10px}.provider-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:23px 0;gap:12px}.provider-stats>div+div{border-left:1px solid var(--border);padding-left:15px}.provider-stats strong{display:block;font-size:21px;font-weight:650;letter-spacing:-.5px}.provider-stats span{font-size:9px;color:var(--muted);display:block;margin-top:5px}.entity-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--border)}.entity-footer .button{padding-left:0}.entity-footer .button svg{order:1}.entity-footer>.icon-button:hover{color:var(--red);background:var(--red-soft)}.role-badge{display:inline-block;padding:5px 8px;border-radius:5px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:550}.activity-list{padding-bottom:12px;max-height:600px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:15px 23px;border-top:1px solid var(--border)}.activity-item>.metric-icon{width:31px;height:31px;border-radius:9px}.activity-item>.metric-icon svg{width:15px;height:15px}.activity-item>div{min-width:0}.activity-item strong{font-size:10px;font-weight:550;display:block;line-height:1.8;overflow-wrap:anywhere}.activity-item small{display:block;color:var(--faint);font-size:9px;margin-top:4px}.danger-panel .panel-heading>svg{color:var(--red)}.field>span{font-size:11px;font-weight:600;color:var(--ink)}.switch-field{justify-content:flex-start;cursor:pointer;gap:10px}.switch-field strong{font-size:11px;font-weight:550}.switch-field>span{display:block}.form-section>summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0 0 17px}.form-section>summary:after{content:"+";font-size:18px;line-height:1;color:var(--muted);font-weight:400}.form-section[open]>summary:after{content:"−"}.form-section>summary::-webkit-details-marker{display:none}.form-section[open]>.form-grid{padding-top:3px;padding-bottom:15px}.source-probe{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:-9px}.source-probe .button{white-space:nowrap;flex-shrink:0}.form-message{font-size:10px;line-height:1.6;margin-right:auto;max-width:55%;color:var(--red)}#editor-form>.field-help{margin-top:18px}.confirm-modal{max-width:450px}.log-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.log-toolbar .switch-field{padding:0;font-size:11px}.player>video{width:100%;height:100%;display:block;border-radius:inherit}.player+.field-help{margin:15px 0 0}.playback-info{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:11px;margin-top:14px}.command-results{display:flex;flex-direction:column;gap:3px;max-height:52dvh;overflow:auto;margin-top:16px}.command-result{display:flex;align-items:center;gap:13px;width:100%;padding:12px;background:transparent;border-radius:9px;color:var(--ink);text-align:left;font-size:12px}.command-result:hover,.command-result:focus-visible{background:var(--surface-2)}.command-result>svg:first-child{color:var(--accent);height:19px;width:19px}.command-result>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.command-result small{font-size:9px;color:var(--faint);display:block;margin-top:4px}.command-result>svg:last-child{width:15px;color:var(--faint);margin-left:auto}.command-result .status{margin-left:auto;flex-shrink:0}.command-search{width:100%;max-width:none}.command-search input{width:100%;font-size:14px}.loading-spinner{display:block;width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 22px}.panel-heading>svg{color:var(--muted);width:18px;height:18px}.context-heading{padding:9px 11px 11px;border-bottom:1px solid var(--border);margin-bottom:4px;font-size:10px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1199px){.sidebar>.global-search{font-size:10px;padding:0 8px;gap:7px}.sidebar>.global-search kbd{font-size:9px}.health-layout{padding-left:20px;padding-right:20px;gap:20px}.panel>.quick-grid{padding-left:17px;padding-right:17px;gap:9px}.panel>.quick-grid>.quick-card{grid-template-columns:1fr;gap:9px;padding:14px}.panel>.quick-grid>.quick-card .metric-icon{grid-row:auto}.panel>.quick-grid>.quick-card small{grid-column:auto}.workspace-footer{padding-left:25px;padding-right:25px}.data-table td,.data-table th{padding-left:12px;padding-right:12px}.table-hint>span{display:none}}
@media(max-width:1023px){.sidebar>.global-search{font-size:11px}.sidebar>.global-search kbd{font-size:10px}.sidebar-bottom{padding-top:28px}.health-layout{gap:35px}.panel>.quick-grid>.quick-card{grid-template-columns:33px 1fr;gap:8px 11px;padding:16px 13px}.panel>.quick-grid>.quick-card .metric-icon{grid-row:1/3}.panel>.quick-grid>.quick-card small{grid-column:2}.workspace-footer{padding-left:25px;padding-right:25px}.sidebar>.global-search{width:100%;justify-content:flex-start}.sidebar>.global-search>span,.sidebar>.global-search kbd{display:inline}}
@media(max-width:767px){.desktop-only{display:none!important}.sidebar>.global-search{background:var(--surface-2);border-color:var(--border);height:38px;padding:0 10px;margin-top:27px}.sidebar>.global-search>span,.sidebar>.global-search kbd{display:inline}.sidebar>.global-search>svg{width:16px;height:16px}.sidebar>.global-search kbd{margin-left:auto}.sidebar-bottom .sidebar-footer{padding-top:18px}.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:10px}.connection-status{font-size:0;margin-right:6px;gap:0}.connection-status i{width:6px;height:6px}.topbar-actions .user-avatar.small{margin-left:6px;width:30px;height:30px}.metric-card>.metric-icon{margin-bottom:13px}.metric-card>.metric-label{font-size:10px}.metric-card>.metric-note{font-size:8px;gap:5px;line-height:1.6}.metric-card>.metric-note svg{width:11px;height:11px}.health-layout{padding:7px 20px 23px;gap:25px}.health-ring{width:128px;height:128px}.health-ring strong{font-size:28px}.health-ring strong small{font-size:17px}.health-legend>small{font-size:8px;line-height:1.7}.network-grid{margin-left:18px;margin-right:18px;padding-top:16px}.network-grid strong{font-size:14px}.resource-row>div:first-child:not(.progress-track){font-size:11px}.resource-row>div strong{font-size:13px}.recent-stream{padding:14px 18px;gap:9px}.recent-stream-copy strong{font-size:11px}.recent-stream-copy small{font-size:9px}.recent-stream>.stream-avatar{height:34px;width:34px}.recent-stream .status{font-size:8px;gap:4px;padding:5px 6px}.recent-stream>.icon-button{width:23px;height:30px}.panel>.quick-grid{padding:0 17px 18px;gap:10px}.panel>.quick-grid>.quick-card{grid-template-columns:1fr;gap:10px;padding:16px}.panel>.quick-grid>.quick-card .metric-icon{grid-row:auto;width:33px;height:33px}.panel>.quick-grid>.quick-card strong{font-size:11px}.panel>.quick-grid>.quick-card small{display:block;grid-column:auto;font-size:9px}.streams-panel>.filter-tabs{padding:0 15px;gap:20px;min-height:51px;justify-content:flex-start}.streams-panel>.filter-tabs .filter-chip{min-height:51px;font-size:10px;gap:5px;padding:16px 0}.table-toolbar{gap:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:15px}.table-toolbar>.search-field{max-width:none;grid-column:1/-1;margin:0}.table-toolbar select{font-size:16px;max-width:none;min-width:0;width:100%;min-height:41px;padding:8px}.data-table td,.data-table td:first-child,.data-table td:last-child{padding:0}.data-table td.select-cell{padding:0;width:19px}.data-table .name-cell .stream-name{min-width:0;padding-right:5px}.name-button{font-size:12px}.favorite-button{margin-left:auto;opacity:.6}.favorite-button svg{width:15px;height:15px}.data-table td[data-label]{flex-wrap:wrap;gap:4px 7px;font-size:10px}.data-table td.status-cell{align-items:center}.data-table td.uptime-cell{font-size:10px}.table-hint{font-size:9px;align-items:flex-start;margin-left:1px;margin-right:1px}.table-hint>svg{margin-top:2px}.pagination{font-size:9px;padding:14px}.pagination>div{gap:6px}.pagination select{font-size:16px;min-height:34px;margin-right:2px;max-width:58px;padding:5px}.pagination .icon-button{width:29px;height:32px}.pagination .icon-button svg{width:13px}.workspace-footer{display:none}.page-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.provider-stats strong{font-size:22px}.provider-stats span{font-size:10px}.entity-footer .button{font-size:11px}.role-badge{font-size:10px}.activity-item{padding:15px 18px}.activity-item strong{font-size:11px}.activity-item small{font-size:9px}.setting-row{align-items:flex-start;flex-wrap:wrap}.setting-row>div:first-child{flex:1;min-width:150px}.setting-row>.button{font-size:11px;white-space:normal;min-height:37px;padding:8px 10px}.setting-row>svg{width:18px;height:18px}.field>span{font-size:12px}.switch-field strong{font-size:12px}.switch-field>input[type=checkbox]{margin-left:0}.source-probe{flex-direction:column;align-items:flex-start;gap:7px}.form-section>summary{font-size:13px;padding-bottom:18px}.form-message{max-width:none;flex:1 0 100%;font-size:11px}.form-message:empty{display:none}.modal-footer{flex-wrap:wrap}.confirm-modal{max-width:none}.log-toolbar{gap:10px}.log-toolbar .switch-field{font-size:10px}.log-toolbar .button{font-size:10px;white-space:nowrap}.command-result{padding:13px 8px;font-size:12px;gap:11px}.command-result small{font-size:10px}.command-result .status{font-size:9px}.command-search input{font-size:16px}.context-heading{max-width:none;font-size:11px;padding:11px 13px 13px}.settings-grid .panel-heading p{font-size:10px}}
@media(pointer:coarse){html{touch-action:pan-x pan-y}}
.context-menu{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1023px){body.sidebar-open{overflow:hidden}body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:60;background:#17223d66;backdrop-filter:blur(2px)}}
@media(max-width:767px){.context-menu{max-height:calc(100dvh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.streams-panel>.filter-tabs{overflow-x:auto;min-width:0;width:100%;flex-wrap:nowrap;overscroll-behavior-x:contain}.streams-panel>.filter-tabs .filter-chip{flex-shrink:0}}
.stream-avatar{position:relative}.stream-avatar>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;padding:4px;background:var(--surface);border-radius:inherit}.stream-avatar>span{position:relative;z-index:0}
@media(max-width:1023px) and (min-width:768px){.topbar{padding-left:max(25px,env(safe-area-inset-left));padding-right:max(25px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}.page-content{padding-left:max(25px,env(safe-area-inset-left));padding-right:max(25px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom))}.connection-banner{top:calc(68px + env(safe-area-inset-top))}}
@media(pointer:coarse){.streams-table tbody tr,.recent-stream[data-stream-id]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}
@media(min-width:768px) and (max-width:1199px){.panel>.quick-grid>.quick-card{grid-template-columns:1fr;gap:9px;padding:14px;min-width:0}.panel>.quick-grid>.quick-card .metric-icon{grid-row:auto}.panel>.quick-grid>.quick-card small{grid-column:auto}.panel>.quick-grid>.quick-card strong{overflow-wrap:anywhere}}
@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}

/* Subscriber delivery workspace */
.sidebar .nav-label{margin-top:20px}.sidebar .nav-link{min-height:40px;padding-top:9px;padding-bottom:9px;margin-top:2px;margin-bottom:2px}.sidebar-bottom{padding-top:24px}.sidebar-tip{display:none}.distribution-metrics .metric-value{font-size:29px}.distribution-metrics .metric-note{min-height:30px}.distribution-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px 30px;padding:17px 21px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;color:var(--muted);font-size:11px}.distribution-summary>span{display:flex;align-items:center;gap:7px}.distribution-summary svg{width:16px;height:16px;color:var(--accent)}.distribution-summary strong{color:var(--ink);font-size:14px;margin-left:3px;font-variant-numeric:tabular-nums}.distribution-updated{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:9px;white-space:nowrap}.distribution-updated svg{width:12px;height:12px}.distribution-table td{vertical-align:middle}.distribution-table .cell-subtitle{max-width:300px;white-space:normal;overflow-wrap:anywhere}.distribution-table .stream-name>div{min-width:0}.distribution-table .stream-name>.metric-icon{width:35px;height:35px;flex-shrink:0}.distribution-table .stream-name .name-button{line-height:1.6}.distribution-table .actions-cell{min-width:125px}.distribution-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:225px}.distribution-tags .role-badge{overflow-wrap:anywhere;max-width:155px;white-space:normal}.connection-usage{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.connection-usage>span{font-weight:400;color:var(--faint)}.connection-usage.at-limit{color:var(--orange)}.distribution-url{font-size:9px!important}.distribution-flow{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:20px 23px;border:1px solid var(--border);background:var(--surface);border-radius:13px;margin-bottom:23px}.distribution-flow>span{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;font-weight:550}.distribution-flow>span>svg{color:var(--accent);width:17px;height:17px}.distribution-flow>svg{width:15px;height:15px;color:var(--faint)}.distribution-flow>p{flex:1 0 100%;font-size:10px;margin:0;line-height:1.8;overflow-wrap:anywhere}.distribution-note{display:flex;align-items:flex-start;gap:12px;padding:15px;background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;margin:18px 0 22px}.distribution-note>svg{width:19px;height:19px;color:var(--accent);margin-top:1px}.distribution-note>div{flex:1;min-width:0}.distribution-note strong{display:block;font-size:11px;font-weight:650;line-height:1.6}.distribution-note p{font-size:10px;line-height:1.8;margin:4px 0 0;color:var(--muted);overflow-wrap:anywhere}.distribution-note>.button{align-self:center;flex-shrink:0}.modal-body>.distribution-note:first-child{margin-top:0}.form-section h3{font-size:12px;font-weight:650;margin-bottom:8px}.form-section>.field-help{margin-bottom:13px}.form-grid>.full{grid-column:1/-1}.form-grid>.field-help{margin-top:-7px;margin-bottom:0}.choice-picker{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.choice-picker>.search-field{margin:12px;border-radius:7px;max-width:none}.choice-picker>.search-field input{width:100%;font-size:12px}.choice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px 11px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--border)}.choice-toolbar>div{display:flex;gap:13px}.choice-toolbar .text-link{padding:2px 0;border:0;background:none;white-space:normal;font-size:10px}.choice-list{max-height:310px;overflow:auto;overscroll-behavior:contain}.choice-item{display:flex;align-items:center;gap:11px;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.choice-item:last-child{border-bottom:0}.choice-item:hover{background:var(--surface-2)}.choice-item:has(input:checked){background:var(--accent-soft)}.choice-item>input{appearance:auto;accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;margin:0;cursor:pointer}.choice-item>span:nth-child(2){min-width:0;flex:1}.choice-item strong{font-size:11px;font-weight:550;display:block;overflow-wrap:anywhere}.choice-item small{display:block;font-size:9px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.choice-item>.status{font-size:8px;flex-shrink:0}.choice-empty,.choice-no-matches{padding:18px;margin:0!important;text-align:center}.assignment-options{margin-top:19px}.credential-list{display:flex;flex-direction:column;gap:19px}.credential-row{display:flex;align-items:flex-end;gap:7px}.credential-row>.field{flex:1;min-width:0}.credential-row input{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;color:var(--ink);background:var(--surface-2)}.credential-row .icon-button{height:40px;margin-bottom:1px}.credential-list+.field-help{margin-top:21px}.node-stream-list{display:flex;flex-direction:column}.node-stream-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--border)}.node-stream-item:first-child{padding-top:0}.node-stream-item:last-child{border:0;padding-bottom:0}.node-stream-item strong{font-size:12px;font-weight:550;display:block;overflow-wrap:anywhere}.node-stream-item small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.node-stream-item>div{min-width:0;flex:1}.node-stream-item>.button{flex-shrink:0}.distribution-toolbar>.search-field{max-width:430px}.distribution-table .role-badge{font-size:9px}.distribution-table td[data-label="Expiration"],.distribution-table td[data-label="Last seen"]{font-variant-numeric:tabular-nums;line-height:1.8;font-size:10px}.distribution-table .name-button{min-width:0}.distribution-table td[data-label="IP"] code{font-size:10px}
@media(min-width:1024px) and (max-height:850px){.sidebar{padding-top:21px}.sidebar>.global-search{margin-top:19px}.sidebar .nav-label{margin-top:17px;margin-bottom:6px;font-size:9px}.sidebar .nav-link{min-height:36px;font-size:12px}.sidebar-bottom{padding-top:16px}.sidebar-bottom .sidebar-footer{margin-top:10px;padding-top:13px}.sidebar .nav-link svg{width:17px;height:17px}}
@media(max-width:767px){.distribution-summary{padding:15px;gap:12px 20px;margin-bottom:17px;font-size:10px}.distribution-summary strong{font-size:13px}.distribution-summary svg{width:14px;height:14px}.distribution-metrics .metric-value{font-size:27px}.distribution-metrics .metric-note{min-height:25px}.distribution-toolbar{display:flex;flex-wrap:wrap}.distribution-toolbar>.search-field{flex:1 0 100%;max-width:none}.distribution-toolbar>select{flex:1}.distribution-updated{font-size:9px;margin-left:auto}.distribution-flow{gap:11px;padding:17px;margin-bottom:19px}.distribution-flow>span{font-size:10px;gap:6px}.distribution-flow>span>svg{width:15px;height:15px}.distribution-flow>svg{width:12px;height:12px}.distribution-flow>p{font-size:10px;line-height:1.8;margin-top:2px}.distribution-table tr{padding:18px 0;row-gap:13px}.distribution-table td:has(.stream-name){padding-right:0}.distribution-table .stream-name{gap:10px}.distribution-table .stream-name .name-button{font-size:13px}.distribution-table .stream-name .cell-subtitle{font-size:10px}.distribution-table .stream-name>.metric-icon,.distribution-table .user-avatar{height:37px;width:37px}.distribution-table td[data-label]{font-size:11px;align-items:flex-start;flex-direction:column;gap:4px}.distribution-table td[data-label]:before{font-size:9px}.distribution-table td[data-label="Expiration"],.distribution-table td[data-label="Last seen"]{font-size:10px}.distribution-table .actions-cell{min-width:0;padding-top:3px!important}.distribution-table .role-badge{font-size:9px;padding:4px 6px}.distribution-table .distribution-tags{max-width:none}.distribution-table .row-actions .icon-button{min-width:38px;height:36px}.distribution-table .row-actions .button{min-height:36px;font-size:11px}.distribution-table .distribution-url{font-size:10px!important}.distribution-note{padding:14px;gap:10px;flex-wrap:wrap}.distribution-note strong{font-size:12px}.distribution-note p{font-size:11px}.distribution-note>.button{margin-left:28px}.form-section h3{font-size:13px}.choice-picker>.search-field{width:auto;margin:11px;min-height:42px}.choice-picker>.search-field input{font-size:16px}.choice-toolbar{padding:0 12px 12px;font-size:10px}.choice-toolbar>div{gap:13px}.choice-toolbar .text-link{font-size:10px;min-height:29px}.choice-list{max-height:38dvh}.choice-item{padding:14px 12px;gap:10px}.choice-item>input{width:19px;height:19px;min-width:19px}.choice-item strong{font-size:12px}.choice-item small{font-size:10px}.choice-item>.status{font-size:8px;padding:5px 6px}.credential-row{gap:4px}.credential-row .icon-button{width:33px;min-width:33px;height:44px}.credential-row input{font-size:16px}.credential-row .field>span{font-size:11px}.node-stream-item strong{font-size:12px}.node-stream-item small{font-size:10px}.form-grid>.full{grid-column:auto}.distribution-summary>span{flex-wrap:wrap}}
@media(pointer:coarse){.distribution-table tbody tr{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}

.engine-label{display:flex;align-items:center;gap:8px;min-height:40px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:12px}.engine-label>svg{width:17px;height:17px;color:var(--accent)}

/* Live operations, explicit On Demand state, and ordered source failover. */
.status.on_demand,.status.idle{color:var(--accent);background:var(--accent-soft)}.status.starting{color:var(--orange);background:var(--orange-soft)}.status.starting i{animation:stream-pulse 1.4s ease-in-out infinite}@keyframes stream-pulse{50%{opacity:.35}}.streams-table .numeric-cell,.streams-table .uptime-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.streams-table .source-cell{max-width:170px}.streams-table .source-detail{display:block;text-align:left;padding:0;background:none;font-size:11px;font-weight:500;white-space:normal;overflow-wrap:anywhere}.source-detail>.cell-subtitle{font-size:9px}.streams-table .failover-text{color:var(--orange)}.streams-table .name-cell{min-width:200px}.streams-table .stream-name>div{min-width:0}.streams-table .name-button{line-height:1.6}.streams-table td,.streams-table th{padding-left:11px;padding-right:11px}.streams-table td[data-label="Video"]{white-space:nowrap}.streams-table .status-cell{min-width:88px}.streams-panel>.bulk-bar{flex-wrap:wrap}.stream-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.stream-health-grid>div{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.stream-health-grid>div>span:first-child{font-size:10px;color:var(--muted)}.stream-health-grid strong{font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.stream-health-grid small{font-size:10px;color:var(--muted);line-height:1.7}.stream-health-grid .cell-subtitle{font-weight:400}.stream-error{margin-top:22px;padding:15px;border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:8px;background:var(--surface-2)}.stream-error strong{font-size:11px}.stream-error p{font-size:11px;line-height:1.8;overflow-wrap:anywhere;margin:7px 0 0;color:var(--muted)}.stream-behavior .switch-field{align-self:start;align-items:flex-start;padding-top:9px}.stream-behavior .switch-field input{margin-top:4px}.stream-behavior .switch-field small{display:block;margin-top:6px;font-size:10px;line-height:1.7;color:var(--muted)}.stream-behavior .behavior-note{margin:15px 0 0;padding:12px 14px;background:var(--accent-soft);border-radius:8px}.source-section-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:17px}.source-section-heading>div{flex:1;min-width:0}.source-section-heading>.button{flex-shrink:0;margin-top:1px}.source-card{border:1px solid var(--border);border-radius:12px;padding:18px;margin-top:14px;background:var(--surface)}.source-card-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px}.source-order{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);border-radius:7px;font-size:11px;font-weight:650}.source-card-heading>strong{font-size:12px;flex:1;min-width:0}.source-enabled{display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer;color:var(--muted)}.source-enabled input{appearance:auto;accent-color:var(--accent);width:15px;height:15px;margin:0}.source-card-heading .row-actions{gap:1px}.source-card-heading .icon-button{width:29px;height:29px}.source-card-heading .icon-button>svg{width:15px;height:15px}.rotate-up{transform:rotate(-90deg)}.rotate-down{transform:rotate(90deg)}.source-credentials{border-top:1px solid var(--border);padding-top:13px}.source-credentials>summary{cursor:pointer;font-size:11px;color:var(--muted);padding:4px 0;line-height:1.7}.source-credentials[open]>.form-grid{margin-top:15px}.source-card>.source-probe{margin-top:16px;margin-bottom:0;align-items:flex-start}.source-card>.source-probe .button{font-size:10px}.source-disabled{background:var(--surface-2);border-style:dashed}.source-disabled .source-order{background:var(--border);color:var(--faint)}.source-change-note{margin-top:15px!important}.source-probe [data-probe-result]{overflow-wrap:anywhere;min-width:0}.streams-table .actions-cell{min-width:116px}
@media(min-width:768px){.streams-table{min-width:980px}.streams-panel>.filter-tabs{overflow-x:auto;justify-content:flex-start;gap:24px}.streams-panel>.filter-tabs .filter-chip{flex-shrink:0}.streams-table .name-button{max-width:220px}}
@media(max-width:767px){.streams-table{min-width:0}.streams-table .name-cell{min-width:0}.streams-table td,.streams-table th{padding:0}.streams-table .source-cell{max-width:none}.streams-table td[data-label]{flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.streams-table td[data-label]:before{font-size:9px}.streams-table .status-cell{min-width:0}.streams-table .actions-cell{min-width:0}.streams-table .source-detail{font-size:11px}.streams-table tbody tr{row-gap:14px}.streams-table .row-actions .icon-button{min-width:38px;height:36px}.source-card{padding:14px 12px;border-radius:10px}.source-card-heading{gap:7px;flex-wrap:wrap;margin-bottom:15px}.source-card-heading>strong{font-size:12px}.source-card-heading .row-actions{margin-left:auto}.source-card-heading .icon-button{width:34px;height:34px}.source-card-heading .source-enabled{font-size:10px}.source-enabled input{width:18px;height:18px}.source-section-heading{flex-wrap:wrap;gap:12px}.source-section-heading>.button{min-height:36px;font-size:11px}.source-credentials>summary{font-size:12px;min-height:34px}.source-credentials[open]>.form-grid{margin-top:12px}.source-card>.source-probe{gap:9px}.source-card>.source-probe .button{min-height:36px;font-size:11px}.source-card>.source-probe .field-help{font-size:10px}.stream-behavior .switch-field small{font-size:11px}.stream-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.stream-health-grid strong{font-size:13px}.stream-health-grid small{font-size:10px}.stream-error p{font-size:11px}.streams-panel>.bulk-bar .button{font-size:10px}.source-card .form-grid>.full{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.status.starting i{animation:none}}

/* Fleet control center: persistent traffic, actual delivery sessions, and reusable profiles. */
.topbar{gap:18px;padding-left:28px;padding-right:28px}.topbar>.breadcrumb .desktop-only{display:none}.topbar-actions{gap:5px}.fleet-topbar{display:flex;align-items:center;justify-content:center;gap:23px;margin-left:auto;margin-right:auto;min-width:0}.fleet-rate,.fleet-channel{display:flex;align-items:center;gap:8px;min-width:0}.fleet-rate>svg{color:var(--accent);width:17px;height:17px}.fleet-rate:nth-child(2)>svg{color:var(--green)}.fleet-rate>span,.fleet-channel>span{display:flex;flex-direction:column;gap:1px}.fleet-rate>span>small,.fleet-channel>span>small{font-size:9px;color:var(--muted);line-height:1.35}.fleet-rate strong,.fleet-channel strong{font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap;font-weight:680;letter-spacing:-.2px;line-height:1.5}.fleet-rate strong>small{color:var(--muted);font-size:9px;font-weight:450}.fleet-channel{padding:4px 7px;background:transparent;border-radius:7px;text-align:left;color:var(--ink)}.fleet-channel:hover{background:var(--surface-2)}.fleet-channel>i{height:6px;width:6px;border-radius:50%;background:var(--green)}.fleet-channel.down>i{background:var(--red)}.fleet-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--border);background:linear-gradient(110deg,var(--surface),var(--accent-soft));border-radius:20px;padding:30px;margin-bottom:22px;overflow:hidden}.fleet-hero-copy{min-width:0}.fleet-hero-copy h2{font-size:27px;font-weight:720;margin:6px 0 8px}.fleet-hero-copy p{font-size:12px;margin:0 0 20px}.fleet-hero .eyebrow{font-size:9px;letter-spacing:1.9px}.fleet-hero-status{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}.fleet-hero-status>span,.fleet-hero-status>button{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--muted)}.fleet-hero-status svg{width:14px;height:14px;color:var(--accent)}.hero-alert{color:var(--red)!important;background:var(--red-soft);padding:5px 8px;border-radius:6px}.hero-alert svg{color:var(--red)}.fleet-bandwidth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;flex-shrink:0}.fleet-bandwidth>div{min-width:120px}.fleet-bandwidth>div>span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-bottom:7px}.fleet-bandwidth svg{width:15px;height:15px;color:var(--accent)}.fleet-bandwidth>div:last-child svg{color:var(--green)}.fleet-bandwidth strong{font-size:30px;font-weight:690;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}.fleet-bandwidth strong small{font-size:11px;letter-spacing:0;color:var(--muted);font-weight:500}.fleet-overview{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.traffic-panel{padding-bottom:15px}.traffic-panel .panel-heading{margin-bottom:10px}.chart-legend{display:flex;gap:12px;font-size:9px;color:var(--muted)}.chart-legend>span{display:flex;align-items:center;gap:5px}.chart-legend>span:before{content:"";height:6px;width:6px;border-radius:50%;background:var(--accent)}.chart-legend>.output:before{background:var(--green)}.traffic-chart{display:block;width:calc(100% - 38px);height:150px;margin:0 19px;overflow:visible}.traffic-chart.compact{width:100%;height:63px;margin:0}.traffic-chart path{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.traffic-chart .chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 5}.traffic-chart .chart-area{fill:var(--green);fill-opacity:.06;stroke:none}.traffic-chart .chart-input{stroke:var(--accent);stroke-width:2;fill:none}.traffic-chart .chart-output{stroke:var(--green);stroke-width:2;fill:none}.chart-caption{display:flex;justify-content:space-between;gap:10px;margin:8px 25px 0;font-size:9px;color:var(--faint)}.graph-pending{height:150px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--faint);font-size:11px;padding:20px;text-align:center}.graph-pending svg{width:17px;height:17px}.graph-pending.compact{height:63px;font-size:10px;padding:10px}.channel-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 24px 22px;gap:20px}.channel-health-grid>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:13px 17px;text-align:left}.channel-health-grid>button:hover{border-color:var(--accent)}.channel-health-grid .legend-dot{position:absolute;top:17px;right:17px}.channel-health-grid strong{font-size:37px;font-weight:700;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.channel-health-grid small{color:var(--muted);font-size:10px}.health-footnote{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 24px 18px;color:var(--muted);font-size:9px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 17px}.section-heading .eyebrow{font-size:9px;margin-bottom:6px}.section-heading h2{font-size:20px;margin-bottom:4px}.section-heading p{font-size:11px;margin:0}.server-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:27px}.server-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);padding:22px;min-width:0}.server-card-top{display:flex;align-items:center;gap:11px;margin-bottom:20px}.server-card-top>div{flex:1;min-width:0}.server-card-top>div>span{font-size:9px;color:var(--muted)}.server-card-top h3{font-size:14px;line-height:1.5;margin:0 0 2px;overflow-wrap:anywhere}.server-card-top .status{font-size:9px}.server-card-top>.metric-icon{flex-shrink:0}.server-traffic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:12px}.server-traffic>div>span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.server-traffic>div>span>svg{width:13px;height:13px;color:var(--accent)}.server-traffic>div:last-child>span>svg{color:var(--green)}.server-traffic strong{display:block;font-size:23px;font-weight:660;letter-spacing:-.7px;margin-top:3px;font-variant-numeric:tabular-nums}.server-traffic strong small{color:var(--muted);font-size:10px;font-weight:450;letter-spacing:0}.server-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:20px 0;margin:10px 0 18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.server-resource>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:9px;font-size:10px;color:var(--muted)}.server-resource strong{font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.resource-meter{height:5px;border-radius:6px;background:var(--surface-2);overflow:hidden}.resource-meter>i{display:block;height:100%;border-radius:6px;background:var(--accent);transition:width .4s}.resource-meter>i.warning{background:var(--orange)}.resource-meter>i.critical{background:var(--red)}.server-resource small{display:block;font-size:8px;color:var(--faint);margin-top:8px;font-variant-numeric:tabular-nums;line-height:1.7}.server-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.server-facts>div>span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.server-facts strong{font-weight:600;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.2px}.server-facts strong small{font-weight:400;font-size:9px;color:var(--muted)}.server-facts .load-values{font-size:11px}.server-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border);font-size:9px;color:var(--faint)}.server-card-footer>.text-link{border:0;background:none;padding:0;font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.server-card-footer svg{width:13px;height:13px}.server-labels{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.server-label{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;font-size:9px;line-height:1.5;white-space:normal;text-align:left;border-radius:6px;background:var(--surface-2);color:var(--muted);max-width:150px;overflow-wrap:anywhere}.server-label:hover{color:var(--accent);background:var(--accent-soft)}.server-label svg{width:12px;height:12px}.stream-server-cell{min-width:90px;max-width:175px}.streams-panel .table-toolbar{gap:9px}.streams-panel .table-toolbar>.search-field{flex:1 1 230px}.streams-panel .table-toolbar>select{min-width:110px;max-width:175px;flex:1 1 110px}.organization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.organization-grid>div{min-width:0}.organization-grid h4{font-size:11px;font-weight:600;color:var(--muted);margin:8px 0 12px;letter-spacing:0}.organization-grid .choice-list{max-height:210px}.organization-grid .choice-toolbar{gap:7px}.organization-grid .choice-toolbar>div{gap:8px}.organization-grid .choice-toolbar .text-link{font-size:9px}.inline-create{margin-top:8px;max-width:100%;white-space:normal;text-align:left;justify-content:flex-start;overflow-wrap:anywhere}.inline-create-help{font-size:9px!important;margin-top:9px!important;margin-bottom:0!important}.category-card h2,.transcode-card h2{overflow-wrap:anywhere;line-height:1.5}.category-card>p,.transcode-card>p{font-size:11px;line-height:1.8}.profile-specs{display:flex;flex-direction:column;gap:11px;margin:19px 0 22px}.profile-specs>span{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.profile-specs svg{width:15px;height:15px;color:var(--accent)}.encoding-fields{margin-top:20px}.muted-settings{opacity:.55}.encoding-fields input:disabled,.encoding-fields select:disabled{cursor:not-allowed;background:var(--surface-2)}.connection-duration{font-size:15px;font-weight:650;letter-spacing:.2px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.transport-label{display:table;font-size:8px;line-height:1.4;letter-spacing:.5px;color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:3px 5px;margin-top:5px;white-space:nowrap}.transport-ts{color:var(--green);background:var(--green-soft);border-color:transparent}.connection-duration+.cell-subtitle{font-size:8px!important;margin-top:5px}.distribution-table .actions-cell .row-actions{flex-wrap:wrap}.distribution-table .icon-button.danger{color:var(--red)}.icon-button.positive{color:var(--green)}
@media(min-width:1500px){.server-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.server-performance-grid:has(>.server-card:only-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.streams-table{min-width:1080px}.topbar-actions .connection-status{font-size:0;gap:0;width:10px}.topbar-actions .connection-status i{display:block}}
@media(min-width:1024px) and (max-width:1250px){.fleet-topbar{gap:13px}.topbar{gap:13px;padding-left:22px;padding-right:22px}.topbar .breadcrumb{font-size:11px}.topbar-actions #top-avatar{display:none}.fleet-hero{padding:25px;gap:20px}.fleet-bandwidth{gap:17px}.fleet-bandwidth strong{font-size:24px}.fleet-bandwidth>div{min-width:90px}.fleet-hero-copy h2{font-size:23px}.fleet-hero-status{gap:10px}.fleet-overview{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(max-width:1023px){.topbar{gap:13px}.fleet-topbar{gap:17px}.topbar .breadcrumb{display:none}.fleet-hero{padding:25px}.fleet-bandwidth{gap:20px}.fleet-bandwidth strong{font-size:27px}.fleet-bandwidth>div{min-width:105px}.fleet-hero-copy h2{font-size:24px}}
@media(max-width:767px){.topbar{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:space-between;column-gap:8px;row-gap:0;height:calc(111px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) 16px 0;background:var(--surface)}.topbar .mobile-menu{order:0;width:34px;height:37px}.topbar .breadcrumb{display:flex;flex:1;font-size:12px;order:0}.topbar-actions{order:0;gap:1px;height:37px}.topbar-actions .connection-status,.topbar-actions #top-avatar{display:none}.topbar-actions .icon-button{height:34px;width:34px}.fleet-topbar{order:2;display:grid;grid-template-columns:1.25fr 1.25fr .7fr .7fr;width:100%;gap:8px;margin:5px 0 0;padding:9px 0 10px;border-top:1px solid var(--border)}.fleet-rate,.fleet-channel{gap:6px}.fleet-rate>svg{width:14px;height:14px}.fleet-channel{padding:0 3px}.fleet-rate>span>small,.fleet-channel>span>small{font-size:8px}.fleet-rate strong,.fleet-channel strong{font-size:12px;line-height:1.5;letter-spacing:-.3px}.fleet-rate strong>small{font-size:8px}.fleet-channel>i{width:5px;height:5px}.connection-banner{top:calc(111px + env(safe-area-inset-top))}.fleet-hero{display:block;padding:22px 20px;border-radius:16px;margin-bottom:17px}.fleet-hero-copy h2{font-size:25px;margin:7px 0 8px}.fleet-hero-copy p{font-size:11px;margin-bottom:15px}.fleet-hero-status{gap:10px 15px}.fleet-hero-status>span,.fleet-hero-status>button{font-size:9px}.fleet-hero-status svg{width:13px;height:13px}.fleet-bandwidth{margin-top:22px;border-top:1px solid var(--border);padding-top:18px;gap:24px}.fleet-bandwidth strong{font-size:27px}.fleet-bandwidth strong small{font-size:10px}.fleet-bandwidth>div>span{font-size:10px}.fleet-overview{grid-template-columns:1fr;gap:17px}.traffic-panel .panel-heading{align-items:flex-start}.traffic-panel .panel-heading p{font-size:9px}.chart-legend{gap:10px;font-size:8px;flex-shrink:0;padding-top:3px}.traffic-chart{height:135px;width:calc(100% - 30px);margin:0 15px}.chart-caption{margin:8px 20px 0;font-size:8px;line-height:1.8}.graph-pending{height:135px;font-size:10px}.channel-health-grid{padding:0 20px 17px;gap:15px}.channel-health-grid strong{font-size:32px}.channel-health-grid>button{padding:11px 15px}.health-footnote{padding:0 20px 18px;font-size:9px;gap:8px 13px}.section-heading{margin:26px 0 15px;align-items:flex-start;gap:10px}.section-heading h2{font-size:19px}.section-heading p{font-size:10px;line-height:1.7}.section-heading>.button{font-size:10px;padding:8px;gap:5px;margin-top:18px}.section-heading>.button svg{width:14px}.server-performance-grid{grid-template-columns:minmax(0,1fr);gap:17px;margin-bottom:20px}.server-card{padding:19px 18px;border-radius:15px}.server-card-top{gap:10px;margin-bottom:18px}.server-card-top h3{font-size:14px}.server-card-top>div>span{font-size:9px}.server-card-top>.metric-icon{width:33px;height:33px}.server-card-top .status{font-size:8px;flex-shrink:0}.server-traffic strong{font-size:25px}.server-traffic strong small{font-size:10px}.server-resources{gap:14px;padding:18px 0}.server-resource>div:first-child{font-size:10px;gap:5px}.server-resource strong{font-size:10px}.server-resource small{font-size:8px}.server-facts{gap:17px}.server-facts>div>span{font-size:9px}.server-facts strong{font-size:13px}.server-facts strong small{font-size:10px}.server-facts .load-values{font-size:12px}.server-card-footer{font-size:9px}.server-card-footer>.text-link{font-size:10px;min-height:28px}.streams-panel .table-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.streams-panel .table-toolbar>.search-field{grid-column:1/-1;width:100%}.streams-panel .table-toolbar>select{max-width:100%;min-width:0;width:100%;font-size:16px}.streams-table .stream-server-cell{min-width:0;max-width:none}.server-labels{gap:4px}.server-label{font-size:10px;max-width:100%;padding:4px 6px}.organization-grid{grid-template-columns:1fr;gap:20px}.organization-grid h4{font-size:12px}.organization-grid .choice-list{max-height:220px}.organization-grid .choice-toolbar .text-link{font-size:10px}.inline-create-help{font-size:10px!important}.inline-create{font-size:11px;min-height:36px}.transcode-card .profile-specs>span{font-size:11px}.connection-duration{font-size:16px}.connection-duration+.cell-subtitle{font-size:9px!important}.transport-label{font-size:9px;margin-top:5px}.distribution-table .actions-cell .row-actions{justify-content:flex-end;gap:4px}.distribution-table .actions-cell .row-actions>.icon-button{width:36px;min-width:36px}.distribution-table .cell-subtitle{max-width:100%}.encoding-fields{margin-top:18px}}
@media(max-width:380px){.topbar{padding-left:12px;padding-right:12px}.fleet-topbar{gap:5px}.fleet-rate{gap:4px}.fleet-rate>svg{width:12px;height:12px}.fleet-rate strong{font-size:11px}.fleet-hero{padding:19px 16px}.fleet-hero-copy h2{font-size:22px}.fleet-bandwidth strong{font-size:24px}.server-card{padding:17px 14px}.server-resources{gap:10px}.server-resource small{font-size:7px}.section-heading>.button>svg{display:none}.section-heading>.button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.resource-meter>i{transition:none}}

/* Compact live fleet strip, kept visible with the workspace controls. */
.topbar{height:auto;min-height:0;display:flex;flex-wrap:nowrap;align-items:center;gap:14px;padding:calc(10px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 10px max(22px,env(safe-area-inset-left));background:var(--surface)}
.topbar .breadcrumb{display:flex;flex:0 1 auto;min-width:0;gap:9px;font-size:12px;order:0}
.topbar .breadcrumb>.desktop-only{display:none}
.topbar .breadcrumb>strong{font-weight:650;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.topbar-actions{order:2;height:34px;gap:3px;flex-shrink:0}
.topbar-actions .icon-button{height:32px;width:32px}
.topbar-actions #top-avatar{display:grid}
.topbar-actions .connection-status{display:none}
.fleet-live{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:8px;height:8px;padding:0;border:0;background:none;font-size:0;white-space:nowrap}
.fleet-live:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.fleet-live.is-stale:before{background:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}
.fleet-live.is-loading:before{background:var(--faint);box-shadow:none}
.fleet-topbar{order:1;flex:1 1 auto;width:auto;min-width:0;display:flex;justify-content:center;align-items:center;gap:2px;padding:0;margin:0;border:0}
.fleet-stat{--stat-color:var(--accent);--stat-soft:var(--accent-soft);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:32px;padding:6px 9px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--ink);transition:background .15s}
.fleet-stat:hover:not(:disabled){background:var(--stat-soft)}
.fleet-stat:focus-visible{outline:2px solid var(--stat-color);outline-offset:1px}
.fleet-stat:disabled{opacity:1}
.fleet-stat-input,.fleet-stat-connections{--stat-color:var(--blue);--stat-soft:var(--blue-soft)}
.fleet-stat-output{--stat-color:var(--accent);--stat-soft:var(--accent-soft)}
.fleet-stat-up,.fleet-stat-subscribers{--stat-color:var(--green);--stat-soft:var(--green-soft)}
.fleet-stat-down{--stat-color:var(--red);--stat-soft:var(--red-soft)}
.fleet-stat-down.is-zero{--stat-color:var(--muted);--stat-soft:var(--surface-2)}
.fleet-stat-heading{display:flex;align-items:center;gap:4px;min-width:0}
.fleet-stat-icon{display:grid;place-items:center;width:14px;height:14px;flex-shrink:0;color:var(--stat-color)}
.fleet-stat-icon svg{width:14px;height:14px;stroke-width:1.9}
.fleet-stat-label{font-size:10px;font-weight:500;color:var(--muted);line-height:1.2;white-space:nowrap}
.fleet-stat-reading{display:flex;align-items:center;min-width:0}
.fleet-stat-reading strong{font-size:14px;font-weight:650;letter-spacing:-.25px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.fleet-stat-reading strong small{font-size:9px;font-weight:500;letter-spacing:0;color:var(--muted)}
.fleet-stat-up .fleet-stat-reading strong{color:var(--green)}
.fleet-stat-down:not(.is-zero) .fleet-stat-reading strong{color:var(--red)}
.fleet-spark{display:none}
.connection-banner{top:var(--workspace-topbar-height,55px)}
@media(min-width:768px){.topbar .mobile-menu{display:none}}
@media(min-width:768px) and (max-width:1250px){
 .topbar{gap:10px;padding-left:16px;padding-right:16px}
 .topbar .breadcrumb>strong{max-width:80px;font-size:11px}
 .topbar-actions #top-avatar{display:none}
 .fleet-stat{padding:6px;gap:5px}
 .fleet-stat-label{display:none}
 .fleet-stat-reading strong{font-size:13px}
}
@media(max-width:767px){
 .topbar{flex-wrap:wrap;align-content:flex-start;justify-content:space-between;column-gap:8px;row-gap:4px;padding:calc(6px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}
 .topbar .mobile-menu{display:inline-flex;order:0;height:34px;width:30px}
 .topbar .breadcrumb{flex:1;font-size:12px;gap:8px}
 .topbar .breadcrumb>strong{max-width:none}
 .topbar-actions{order:0;height:34px;gap:0}
 .topbar-actions #top-avatar{display:none}
 .topbar-actions .icon-button{height:32px;width:30px}
 .fleet-topbar{order:2;flex:0 0 100%;width:100%;display:grid;grid-template-columns:1.45fr 1.45fr .85fr .85fr 1fr 1fr;gap:2px;align-items:stretch}
 .fleet-stat{flex-direction:column;gap:3px;min-height:38px;padding:4px 1px;border-radius:5px}
 .fleet-stat-heading{gap:3px}
 .fleet-stat-icon,.fleet-stat-icon svg{width:11px;height:11px}
 .fleet-stat-label{font-size:8px}
 .fleet-stat-reading strong{font-size:12px;letter-spacing:-.2px}
 .fleet-stat-reading strong small{font-size:8px}
 .connection-banner{top:var(--workspace-topbar-height,89px)}
}
@media(max-width:380px){
 .topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
 .fleet-stat-reading strong{font-size:11px}
 .fleet-stat-heading{gap:2px}
 .fleet-stat-label{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.fleet-stat{transition:none}}

/* Server management and SSH provisioning */
.server-fleet-banner{display:flex;align-items:center;gap:18px;padding:24px 26px;margin-bottom:22px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(115deg,var(--accent-soft),var(--surface) 72%)}
.server-fleet-banner>.metric-icon{width:48px;height:48px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.server-fleet-banner>.metric-icon svg{width:23px;height:23px}
.server-fleet-banner>div:nth-child(2){flex:1;min-width:0}.server-fleet-banner h2{font-size:20px;margin:0 0 6px}.server-fleet-banner p{font-size:12px;line-height:1.7;margin:0;max-width:630px}
.server-fleet-count{padding-left:25px;border-left:1px solid var(--border);text-align:right;flex-shrink:0}.server-fleet-count>strong{font-size:30px;line-height:1.25;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums}.server-fleet-count>strong>small{font-size:18px;font-weight:450;color:var(--muted)}.server-fleet-count>span{font-size:10px;color:var(--muted)}
.servers-toolbar-panel{margin-bottom:20px;box-shadow:none}.servers-toolbar-panel .distribution-toolbar{padding:17px 20px;border:0}.servers-toolbar-panel .distribution-toolbar>.search-field{max-width:none;flex:1}.managed-server-grid{margin-bottom:20px}.managed-server-grid .server-card{padding-bottom:18px}.managed-server-grid .server-card-footer{margin-top:18px}.managed-server-grid .server-card-top h3{overflow-wrap:anywhere}.managed-server-grid .server-card-top>.status{flex-shrink:0}
.server-endpoint{margin-top:16px;display:flex;flex-direction:column;gap:6px;min-width:0}.server-endpoint>span{display:flex;gap:6px;align-items:flex-start;font-size:10px;color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.server-endpoint svg{width:13px;height:13px;margin-top:2px}.server-endpoint>small{font-size:9px;color:var(--faint);padding-left:19px}
.server-capacity{padding:14px;margin:18px 0;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;position:relative}.server-capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-capacity>div:first-child>span{font-size:10px;color:var(--muted)}.server-capacity strong{font-size:15px;letter-spacing:-.3px;font-weight:650;font-variant-numeric:tabular-nums}.server-capacity strong small{font-size:9px;font-weight:450;color:var(--muted)}.server-capacity-source{display:block;font-size:9px;color:var(--faint);margin-top:3px}.server-capacity .resource-meter{margin-top:11px;background:var(--border)}.server-capacity>small{display:block;font-size:8px;color:var(--muted);margin-top:7px;line-height:1.6}
.managed-server-actions{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border)}.managed-server-actions>.button.primary{margin-left:auto}.managed-server-actions>.button{font-size:10px;gap:6px}.managed-server-actions>.icon-button{width:31px;height:31px}.managed-server-actions>.icon-button>svg{width:15px;height:15px}.managed-server-actions>.icon-button.danger{color:var(--red)}
.server-install-summary{display:flex;align-items:center;gap:11px;border:1px solid var(--accent);border-radius:10px;padding:11px 13px;margin:15px 0;background:var(--accent-soft);color:var(--accent);width:100%;text-align:left}.server-install-summary>span{flex:1;min-width:0}.server-install-summary strong{display:block;font-size:10px;font-weight:650;overflow-wrap:anywhere}.server-install-summary small{display:block;font-size:9px;margin-top:3px;color:var(--muted)}.server-install-summary>svg{width:16px;height:16px}.server-install-summary.failed{background:var(--red-soft);border-color:var(--red);color:var(--red)}
.server-job-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid var(--border);border-radius:11px;padding:14px 18px;margin-bottom:20px;color:var(--accent)}.server-job-notice>div{flex:1;min-width:200px}.server-job-notice strong{display:block;font-size:12px}.server-job-notice span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.server-setup-note{display:flex;gap:12px;padding:19px 22px;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}.server-setup-note>svg{width:19px;margin-top:2px;color:var(--accent)}.server-setup-note strong{font-size:12px;color:var(--ink)}.server-setup-note p{font-size:11px;margin:5px 0 0;line-height:1.8}
#server-wizard-footer{display:flex;align-items:center;gap:9px;width:100%}#server-wizard-footer>.form-message{flex:1;font-size:11px;line-height:1.6}.install-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 25px}.install-steps>li{display:flex;gap:8px;align-items:center;color:var(--faint);padding-bottom:16px;border-bottom:2px solid var(--border);min-width:0}.install-steps>li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:650;flex-shrink:0}.install-steps>li>span>svg{width:15px;height:15px}.install-steps>li>strong{font-size:11px;font-weight:600;line-height:1.4}.install-steps>li.current{color:var(--accent);border-color:var(--accent)}.install-steps>li.current>span{background:var(--accent);color:#fff}.install-steps>li.complete{color:var(--green);border-color:var(--green)}.install-steps>li.complete>span{background:var(--green-soft);color:var(--green)}
.wizard-intro{display:flex;gap:13px;margin-bottom:24px;align-items:flex-start}.wizard-intro>.metric-icon{width:38px;height:38px;border-radius:11px;flex-shrink:0}.wizard-intro h3{font-size:17px;letter-spacing:-.4px;margin:1px 0 7px}.wizard-intro p{font-size:11px;margin:0;line-height:1.8}.ssh-trust-panel{padding:19px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);margin:22px 0 15px}.ssh-trust-panel .source-section-heading{align-items:flex-start;margin-bottom:15px}.ssh-trust-panel .source-section-heading .button{flex-shrink:0;font-size:10px}.ssh-trust-panel .source-section-heading h3{font-size:12px}.ssh-trust-panel .source-section-heading .field-help{font-size:10px;line-height:1.8}.ssh-trust-panel [name=expected_host_key]{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}.ssh-probe-result{color:var(--muted);font-size:10px;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.install-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;margin:18px 0 5px;cursor:pointer}.install-consent input{width:17px;height:17px;flex-shrink:0;margin:2px 0 0;accent-color:var(--accent)}
.server-review{margin:0;border:1px solid var(--border);border-radius:12px;padding:5px 18px;background:var(--surface-2)}.server-review>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:15px;padding:13px 0;border-bottom:1px solid var(--border)}.server-review>div:last-child{border-bottom:0}.server-review dt{font-size:10px;color:var(--muted)}.server-review dd{font-size:11px;margin:0;overflow-wrap:anywhere;color:var(--ink);font-weight:550}.server-review .fingerprint{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;line-height:1.8;font-weight:400}.installation-package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;margin:24px 0}.installation-package-list>div{display:flex;gap:9px;align-items:flex-start}.installation-package-list svg{width:16px;height:16px;color:var(--accent);margin-top:2px}.installation-package-list strong{display:block;font-size:11px;font-weight:600}.installation-package-list small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:4px}
.installation-progress{padding:21px;border:1px solid var(--border);border-radius:14px;background:var(--accent-soft)}.installation-progress-heading{display:flex;align-items:center;gap:12px}.installation-progress-heading>div{flex:1;min-width:0}.installation-progress-heading .metric-icon{flex-shrink:0;background:var(--surface)}.installation-progress-heading h3{font-size:15px;margin:0 0 5px}.installation-progress-heading p{font-size:11px;line-height:1.7;margin:0;overflow-wrap:anywhere}.installation-progress-heading>strong{font-size:23px;letter-spacing:-.5px;color:var(--accent);font-variant-numeric:tabular-nums}.installation-progress-track{height:6px;border-radius:8px;background:var(--surface);overflow:hidden;margin-top:20px}.installation-progress-track>span{display:block;height:100%;background:var(--accent);border-radius:8px;transition:width .5s}.installation-progress-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);margin-top:11px;flex-wrap:wrap}.installation-progress.complete{background:var(--green-soft)}.installation-progress.complete .metric-icon,.installation-progress.complete .installation-progress-heading>strong{color:var(--green)}.installation-progress.complete .installation-progress-track>span{background:var(--green)}.installation-progress.failed{background:var(--red-soft)}.installation-progress.failed .metric-icon,.installation-progress.failed .installation-progress-heading>strong{color:var(--red)}.installation-progress.failed .installation-progress-track>span{background:var(--red)}
.installation-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;margin:22px 0 27px}.installation-stages>li{display:flex;align-items:center;flex-direction:column;text-align:center;gap:8px;font-size:9px;color:var(--faint);line-height:1.6}.installation-stages>li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-size:10px;font-weight:600}.installation-stages>li>span>svg{width:14px;height:14px}.installation-stages>li.complete{color:var(--green)}.installation-stages>li.complete>span{background:var(--green-soft);border-color:transparent}.installation-stages>li.current{color:var(--accent)}.installation-stages>li.current>span{border-color:var(--accent);background:var(--accent-soft)}.installation-stages>li.failed{color:var(--muted)}.installation-log{min-height:200px;max-height:330px;font-size:11px;line-height:1.8}.install-footer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-right:auto}#node-install-poll-error{margin-bottom:12px}
@media(min-width:1500px){.managed-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.managed-server-grid:has(>.server-card:only-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px) and (min-width:768px){.managed-server-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.server-fleet-banner{padding:20px 18px;gap:12px;flex-wrap:wrap;margin-bottom:17px}.server-fleet-banner>.metric-icon{width:37px;height:37px;border-radius:11px}.server-fleet-banner>.metric-icon svg{width:19px;height:19px}.server-fleet-banner>div:nth-child(2){flex-basis:calc(100% - 54px)}.server-fleet-banner h2{font-size:18px}.server-fleet-banner p{font-size:11px}.server-fleet-count{display:flex;align-items:baseline;gap:10px;padding:12px 0 0;border-left:0;border-top:1px solid var(--border);width:100%;margin-top:2px;text-align:left}.server-fleet-count>strong{font-size:25px}.server-fleet-count>strong>small{font-size:17px}.servers-toolbar-panel .distribution-toolbar{padding:15px;gap:12px;flex-wrap:wrap}.servers-toolbar-panel .distribution-toolbar>.search-field{flex-basis:100%;width:100%;max-width:none}.servers-toolbar-panel .distribution-toolbar>select{flex:1;font-size:16px;min-width:0}.servers-toolbar-panel .distribution-updated{font-size:9px}.managed-server-grid{grid-template-columns:minmax(0,1fr)}.managed-server-actions{gap:4px;padding-top:13px}.managed-server-actions>.button{font-size:11px;padding:8px 9px;min-height:36px}.managed-server-actions>.icon-button{width:34px;height:36px}.managed-server-actions>.button.primary{margin-left:auto}.server-capacity{padding:13px}.server-capacity>div:first-child>span{font-size:11px}.server-capacity>small{font-size:9px}.server-capacity-source{font-size:10px}.server-endpoint>span{font-size:11px}.server-endpoint>small{font-size:10px}.server-job-notice{padding:15px;gap:10px}.server-job-notice>div{min-width:0;flex-basis:calc(100% - 40px)}.server-job-notice .button{margin-left:25px}.server-setup-note{padding:16px;gap:10px}.server-setup-note p{font-size:10px}.install-steps{gap:8px;margin-bottom:22px}.install-steps>li{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.install-steps>li>strong{font-size:10px}.install-steps>li>span{width:25px;height:25px;font-size:11px}.wizard-intro{gap:11px;margin-bottom:21px}.wizard-intro h3{font-size:16px}.wizard-intro p{font-size:11px}.wizard-intro>.metric-icon{width:32px;height:32px}.ssh-trust-panel{padding:15px}.ssh-trust-panel .source-section-heading{display:block}.ssh-trust-panel .source-section-heading .button{margin-top:10px;padding-left:0;font-size:11px}.ssh-trust-panel [name=expected_host_key]{font-size:16px}.install-consent{font-size:11px;gap:9px}.install-consent input{width:18px;height:18px}.server-review{padding:3px 14px}.server-review>div{grid-template-columns:minmax(0,1fr);gap:5px;padding:12px 0}.server-review dt{font-size:10px}.server-review dd{font-size:12px}.server-review .fingerprint{font-size:10px}.installation-package-list{grid-template-columns:minmax(0,1fr);gap:16px;margin:22px 0}.installation-package-list strong{font-size:12px}.installation-package-list small{font-size:11px}.installation-progress{padding:17px 15px}.installation-progress-heading{align-items:flex-start;gap:10px}.installation-progress-heading .metric-icon{width:31px;height:31px}.installation-progress-heading h3{font-size:14px}.installation-progress-heading p{font-size:10px}.installation-progress-heading>strong{font-size:20px}.installation-progress-meta{font-size:8px;gap:7px}.installation-stages{gap:6px;margin:19px 0 22px}.installation-stages>li{font-size:8px;gap:7px}.installation-stages>li>span{width:24px;height:24px;font-size:10px}.installation-log{font-size:10px;min-height:180px;max-height:300px}#server-wizard-footer{flex-wrap:wrap;gap:8px;justify-content:flex-end}#server-wizard-footer>.form-message:not(:empty){flex:1 0 100%;font-size:11px;margin-bottom:4px}#server-wizard-footer>.form-message:empty{display:none}#server-wizard-footer>.button{min-height:42px;font-size:12px}.install-footer-actions{gap:5px}.install-footer-actions .button{font-size:10px;min-height:38px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.installation-progress-track>span{transition:none}}
.server-facts .server-effective-limit{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:5px}

/* Persistent stream outage and restart history */
.streams-table .history-count-cell{white-space:nowrap;width:112px}
.history-count{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:48px;min-height:32px;padding:5px 9px;border-radius:7px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);font-size:11px;font-variant-numeric:tabular-nums}
.history-count .icon{width:13px;height:13px}.history-count strong{font-weight:700}.history-count.down.has-events{color:var(--red);background:var(--red-soft);border-color:transparent}.history-count.restart.has-events{color:var(--accent);background:var(--accent-soft);border-color:transparent}button.history-count:hover{border-color:currentColor}
.stream-history-health{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.stream-history-health>span{font-size:11px;color:var(--muted)}
.stream-history-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:14px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.stream-history-summary>div{display:grid;grid-template-columns:18px auto;align-items:center;gap:3px 9px;min-width:110px}.stream-history-summary>div>.icon{width:17px;height:17px;color:var(--red)}.stream-history-summary>div:nth-child(2)>.icon{color:var(--accent)}.stream-history-summary strong{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stream-history-summary span{grid-column:2;color:var(--muted);font-size:10px}.stream-history-summary>small{color:var(--muted);font-size:10px;margin-left:auto;line-height:1.8}
#stream-history-events{display:grid;gap:12px}#stream-history-pagination{display:flex;justify-content:center;margin-top:15px}#stream-history-error:not(:empty){margin-bottom:12px;font-size:12px}
.stream-history-event{min-width:0;border:1px solid var(--border);border-left:3px solid var(--faint);border-radius:10px;padding:14px 16px;background:var(--surface)}.stream-history-event.down{border-left-color:var(--red)}.stream-history-event.restart{border-left-color:var(--accent)}.stream-history-event.recovered{border-left-color:var(--green)}.history-event-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.history-event-kind{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.history-event-kind>.icon{width:14px;height:14px}.down .history-event-kind{color:var(--red)}.restart .history-event-kind{color:var(--accent)}.recovered .history-event-kind{color:var(--green)}.history-event-heading time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.history-event-reason{font-size:12px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 9px;line-height:1.65}.history-event-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-bottom:8px;overflow-wrap:anywhere}.history-event-meta>span{display:inline-flex;align-items:center;gap:5px;min-width:0}.history-event-meta .icon{width:12px;height:12px;flex-shrink:0}.stream-history-event>small{font-size:10px}.history-event-logs{margin-top:10px;border-top:1px solid var(--border);padding-top:9px}.history-event-logs summary{font-size:11px;color:var(--accent);cursor:pointer;min-height:25px}.history-event-logs pre{font-size:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;background:var(--surface-2);padding:12px;border-radius:7px;color:var(--ink);margin:5px 0 0}
@media(max-width:767px){.streams-table .history-count-cell{width:auto}.history-count{min-height:40px;min-width:62px}.stream-history-summary{gap:15px;padding:13px}.stream-history-summary>small{flex:1 0 100%;margin-left:0}.history-event-heading{align-items:flex-start;flex-wrap:wrap}.stream-history-event{padding:12px}.history-event-logs summary{min-height:36px;padding-top:6px}}
/* Saved event diagnostics keep the source and the observed cause together. */
.history-event-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 14px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.history-event-context>div{min-width:0}.history-event-context dt{display:flex;gap:5px;align-items:center;font-size:9px;font-weight:550;color:var(--muted);margin-bottom:3px}.history-event-context dt>.icon{width:12px;height:12px}.history-event-context dd{font-size:12px;font-weight:650;line-height:1.5;color:var(--ink);margin:0;overflow-wrap:anywhere}.history-event-source dd{color:var(--accent)}.history-event-context dd>small{display:block;font-size:9px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:2px}
.history-diagnosis-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:5px}.history-diagnosis-heading>strong{font-size:10px;font-weight:650;color:var(--muted)}.history-diagnosis-heading>span{font-size:9px;font-weight:500;line-height:1.4;padding:2px 6px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:4px;text-transform:capitalize;overflow-wrap:anywhere}.history-event-diagnosis>.history-event-reason{margin:0;font-size:12px;line-height:1.7}.history-event-evidence{margin-top:9px;padding:9px 11px;border-radius:7px;background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 15%,var(--border))}.restart .history-event-evidence,.notice .history-event-evidence,.recovered .history-event-evidence{background:var(--surface-2);border-color:var(--border)}.history-event-evidence>span{display:block;font-size:9px;color:var(--muted);font-weight:550;margin-bottom:4px}.history-event-evidence>pre{font-size:10px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:0;max-height:160px;overflow:auto}.history-event-action{display:flex;align-items:flex-start;gap:6px;margin:9px 0 0;font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.history-event-action>.icon{width:13px;height:13px;margin-top:2px;color:var(--accent)}.history-event-action strong{font-size:10px;color:var(--ink);font-weight:650;margin-right:6px}
.history-event-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;margin:13px 0 0;padding-top:12px;border-top:1px solid var(--border)}.history-event-facts>div{min-width:0}.history-event-facts dt{font-size:9px;color:var(--muted);line-height:1.5}.history-event-facts dd{font-size:11px;line-height:1.6;color:var(--ink);font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:3px 0 0}.history-event-note{display:flex;align-items:flex-start;gap:6px;font-size:10px;line-height:1.65;color:var(--muted);margin:10px 0 0}.history-event-note>.icon{width:12px;height:12px;margin-top:2px;color:var(--faint)}.history-event-note>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:767px){.history-event-context{gap:10px;padding:10px;margin:11px 0 12px}.history-event-context dt{font-size:10px}.history-event-context dd{font-size:12px}.history-event-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.history-event-facts dt{font-size:10px}.history-event-evidence{padding:9px}.history-event-evidence>pre{font-size:10px}.history-event-heading time{font-size:9px}}
@media(max-width:767px){.streams-table td.status-cell{grid-column:1/-1}}

/* Compact stream details: one history action, media codecs and configured source labels. */
.history-count.combined{gap:8px;padding:5px 8px;white-space:nowrap}
.history-value{display:inline-flex;align-items:center;gap:5px}.history-value.down.has-events{color:var(--red)}.history-value.restart.has-events{color:var(--accent)}
.history-divider{align-self:stretch;width:1px;background:var(--border)}
.streams-table .media-cell{white-space:nowrap}.media-audio-codec{color:var(--ink);font-weight:500}
.streams-table .source-detail>span:first-child{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:768px){.streams-table{min-width:1020px}}
@media(max-width:767px){.streams-table .history-count-cell{width:auto}.history-count.combined{min-height:40px}.streams-table .source-detail>span:first-child{max-width:100%;white-space:normal}}

/* Team access, player setup and stream editor */
.player-credentials-modal{width:min(560px,calc(100vw - 32px))}.player-credentials-modal .modal-header{padding:22px 24px 17px}.player-credentials-modal .modal-body{padding:0 24px 20px}.player-credentials-modal .modal-footer{padding:15px 24px}.player-account{display:flex;align-items:center;gap:12px;margin-bottom:20px}.player-account>.user-avatar{width:42px;height:42px;border-radius:13px;font-size:14px}.player-account>div{flex:1;min-width:0}.player-account strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}.player-account>div>span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.player-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-2);padding:4px;border:1px solid var(--border);border-radius:11px;margin-bottom:18px}.player-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border-radius:7px;padding:10px;color:var(--muted);font-size:12px;font-weight:650;min-height:40px}.player-tabs button svg{width:16px;height:16px}.player-tabs button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 5px #0000000a}.player-instruction{font-size:12px;line-height:1.7;margin-bottom:18px}.player-instruction strong{color:var(--ink);font-weight:600}.player-credentials{display:grid;gap:15px}.player-credential>label{display:block;font-size:11px;font-weight:650;color:var(--muted);margin-bottom:7px}.player-credential>div{display:flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:9px;padding:3px 4px 3px 11px;background:var(--surface-2)}.player-credential input{border:0!important;background:none!important;box-shadow:none!important;min-width:0;width:100%;height:36px;font-size:13px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;outline-offset:0;padding:0!important}.player-credential .icon-button{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:7px;margin-left:3px;color:var(--muted)}.player-credential .icon-button:hover{color:var(--accent);border-color:var(--accent)}.player-credential .icon-button svg{width:15px;height:15px}.player-copy-all{margin-top:19px;width:100%;justify-content:center;font-size:12px;min-height:39px}.player-private-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--faint);margin:19px 0 0}.player-private-note svg{width:13px;height:13px}.player-links{display:grid;gap:10px}.player-link-card{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:13px}.player-link-card .metric-icon{width:34px;height:34px;border-radius:9px}.player-link-card .metric-icon svg{width:16px;height:16px}.player-link-card>div{flex:1;min-width:0}.player-link-card strong{display:block;font-size:12px}.player-link-card small{display:block;font-size:10px;color:var(--muted);margin:2px 0 5px}.player-link-card input{display:block;border:0;background:none;padding:0;width:100%;font-size:10px!important;color:var(--muted);text-overflow:ellipsis;height:19px;box-shadow:none}.player-link-card>.icon-button{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.player-link-card>.icon-button svg{width:15px;height:15px}
.stream-editor-modal.wide{width:min(940px,calc(100vw - 40px))}.stream-editor-modal .modal-body{padding:0 26px 24px}.stream-editor-modal .modal-header{padding:21px 26px 19px}.stream-editor-modal .modal-footer{padding:15px 26px;gap:10px}.stream-editor-modal .modal-body{scroll-padding-top:100px}.editor-tabs{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:var(--surface);padding:0 0 16px;border-bottom:1px solid var(--border);margin-bottom:22px}.editor-tabs button{display:flex;align-items:center;gap:10px;text-align:left;padding:13px 12px;border-radius:10px;color:var(--muted);background:var(--surface-2);border:1px solid transparent;min-width:0}.editor-tabs button>svg{width:19px;height:19px}.editor-tabs button>span{min-width:0}.editor-tabs strong{display:block;font-size:12px;line-height:1.4}.editor-tabs small{display:block;font-size:10px;font-weight:400;white-space:nowrap;color:var(--muted);margin-top:2px}.editor-tabs button[aria-selected=true]{border-color:color-mix(in srgb,var(--accent) 24%,transparent);background:var(--accent-soft);color:var(--accent)}.editor-tabs button[aria-selected=true] small{color:var(--accent);opacity:.8}.editor-panel{min-height:380px}.editor-section-heading{display:flex;align-items:center;gap:12px;margin:2px 0 24px}.editor-section-heading>div{flex:1;min-width:0}.editor-section-heading h3{font-size:16px;margin:0 0 4px}.editor-section-heading p{font-size:12px;line-height:1.6;margin:0}.editor-step{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:11px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.editor-panel .form-section{margin-top:23px}.editor-panel h4{font-size:12px;letter-spacing:0;margin:0 0 7px}.editor-panel .organization-grid{gap:20px}.editor-panel .choice-list{max-height:180px}.editor-panel .choice-toolbar{font-size:10px}.editor-panel .stream-organization>.organization-grid{margin-top:0}.editor-panel .choice-item{padding:9px 10px}.editor-subsection{margin:0 0 24px}.editor-subsection+.editor-subsection{border-top:1px solid var(--border);padding-top:24px}.editor-subsection>h4{font-size:13px;margin-bottom:15px}.editor-save-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;margin-right:auto;white-space:nowrap}.editor-save-note svg{width:14px;height:14px;color:var(--green)}.stream-editor-modal .form-message:empty{display:none}.stream-editor-modal .source-card{padding:17px;border-radius:12px;background:var(--surface-2)}.stream-editor-modal .source-card .form-grid input{background:var(--surface)}.stream-editor-modal .source-card-heading{margin-bottom:17px}.stream-editor-modal .source-credentials{border-color:var(--border)}.stream-editor-modal .source-credentials>summary{font-size:11px}.stream-editor-modal .source-probe{margin-top:16px;padding-top:12px}.stream-editor-modal .source-probe .field-help{font-size:10px}.routing-origin-field{display:flex;align-items:flex-start;gap:13px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));padding:18px;border-radius:12px}.routing-origin-field>.metric-icon{width:37px;height:37px;margin-top:20px}.routing-origin-field>div{flex:1;min-width:0}.routing-origin-field .field{margin:0}.routing-origin-field .field>span{color:var(--ink);font-size:12px}.routing-origin-field .field select{background:var(--surface)}.routing-origin-field .field-help{font-size:11px;margin:8px 0 0}.routing-preview{border:1px solid var(--border);border-radius:12px;margin-top:18px;padding:17px;background:var(--surface-2)}.topology-origin{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.topology-origin>svg{color:var(--accent);width:21px;height:21px}.topology-origin>span:not(.topology-tag){flex:1;min-width:0}.topology-origin small{display:block;color:var(--faint);font-size:9px;letter-spacing:.09em;font-weight:650}.topology-origin strong{display:block;font-size:12px;margin-top:2px;overflow-wrap:anywhere}.topology-tag{font-size:10px;color:var(--accent);border-radius:5px;background:var(--accent-soft);padding:3px 7px}.topology-branches{border-left:1px solid var(--border);margin:0 0 0 23px;padding:12px 0 0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.topology-relay{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px;font-size:11px;min-width:0}.topology-relay svg{width:15px;height:15px;color:var(--blue)}.topology-relay>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topology-relay small{font-size:9px;color:var(--faint)}.topology-direct{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);grid-column:1/-1;padding:5px}.topology-direct svg{width:17px;height:17px}.choice-item.choice-origin{opacity:.48}.routing-explanation{display:flex;gap:10px;align-items:flex-start;padding:15px;border-radius:10px;background:var(--surface-2);margin-top:18px}.routing-explanation>svg{color:var(--accent);width:17px;height:17px;margin-top:2px}.routing-explanation>p{font-size:11px;margin:0;line-height:1.7}.routing-config>.form-section>.source-section-heading{margin-bottom:12px}.routing-config .choice-list{max-height:240px}.routing-config .role-badge{font-size:9px;white-space:nowrap}
.team-access-note{display:flex;align-items:center;gap:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));padding:16px 19px;border-radius:12px;margin-bottom:20px}.team-access-note>svg{color:var(--accent);width:21px;height:21px}.team-access-note strong,.team-access-note span{display:block}.team-access-note strong{font-size:12px}.team-access-note span{font-size:11px;color:var(--muted);margin-top:4px}.role-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.role-overview article{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px}.role-overview article>span{display:grid;place-items:center;background:var(--surface-2);color:var(--accent);border-radius:8px;width:29px;height:29px;margin-bottom:11px}.role-overview article svg{width:15px;height:15px}.role-overview article>strong{display:block;font-size:12px}.role-overview article>p{font-size:10px;line-height:1.7;margin:7px 0 0}.owner-role{display:inline-flex;align-items:center;gap:5px;color:var(--accent);background:var(--accent-soft)}.owner-role svg{width:12px;height:12px}.permission-summary{max-width:350px;white-space:normal;font-size:10px;line-height:1.6;margin-top:5px}.protected-account{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);padding:8px}.protected-account svg{width:14px;height:14px}.owner-role-field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;padding:11px 13px;min-height:43px}.owner-role-field svg{width:16px;height:16px}.role-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px;margin:22px 0 18px}.role-preview>div:first-child{display:flex;gap:8px;align-items:center;font-size:12px}.role-preview>div:first-child svg{width:17px;height:17px;color:var(--accent)}.role-preview>p{font-size:11px;line-height:1.7;margin:9px 0 14px}.role-capabilities{display:flex;flex-wrap:wrap;gap:6px}.role-capabilities>span{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:5px 7px;font-size:10px}.role-capabilities svg{width:12px;height:12px;color:var(--green)}.distribution-toolbar [data-connection-subscriber]{max-width:240px;min-width:170px}.distribution-toolbar [data-distribution-filter=connections]{min-width:140px}
@media(max-width:1100px){.role-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.distribution-toolbar:has([data-connection-subscriber]){flex-wrap:wrap}.distribution-toolbar:has([data-connection-subscriber]) .search-field{min-width:220px}}
@media(max-width:680px){.player-credentials-modal{width:calc(100vw - 24px);max-width:560px;max-height:calc(100dvh - 40px);margin:auto;border-radius:18px}.player-credentials-modal .modal-header{padding:19px 18px 16px}.player-credentials-modal .modal-body{padding:0 18px 17px}.player-credentials-modal .modal-footer{padding:13px 18px}.player-credentials-modal .modal-header h2{font-size:18px}.player-account{margin-bottom:17px}.player-private-note{font-size:9px}.player-credential input{font-size:16px!important}.player-credential .icon-button{width:36px;height:36px}.player-link-card input{font-size:16px!important;transform-origin:left center;transform:scale(.75);width:133.333%;max-width:133.333%;height:23px}.player-link-card>div{overflow:hidden}.stream-editor-modal.wide{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.stream-editor-modal .modal-header{padding:17px 16px 14px}.stream-editor-modal .modal-body{padding:0 16px 20px}.stream-editor-modal .modal-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}.editor-tabs{gap:5px;padding-bottom:12px;margin-bottom:20px}.editor-tabs button{justify-content:center;flex-direction:column;gap:5px;padding:11px 3px;border-radius:8px;text-align:center}.editor-tabs button>svg{width:18px;height:18px}.editor-tabs small{display:none}.editor-tabs strong{font-size:10px}.editor-panel{min-height:unset}.editor-section-heading{gap:10px;flex-wrap:wrap;margin-bottom:20px}.editor-section-heading h3{font-size:14px}.editor-section-heading p{font-size:11px}.editor-section-heading .button{margin-left:48px;min-height:36px}.editor-step{width:34px;height:34px;font-size:10px;border-radius:9px}.editor-save-note{display:none}.stream-editor-modal .form-message:not(:empty){flex-basis:100%;order:-1}.editor-panel .organization-grid{grid-template-columns:1fr;gap:24px}.editor-panel .choice-list{max-height:150px}.stream-editor-modal .source-card{padding:13px}.stream-editor-modal .source-card-heading{gap:7px;flex-wrap:wrap}.stream-editor-modal .source-card-heading>.row-actions{margin-left:auto}.source-card-heading [data-source-title]{font-size:12px}.routing-origin-field{padding:14px;gap:10px}.routing-origin-field>.metric-icon{display:none}.routing-preview{padding:12px}.topology-branches{grid-template-columns:1fr;margin-left:18px;padding-left:12px}.topology-tag{font-size:9px}.routing-config .source-section-heading{align-items:flex-start;gap:8px}.routing-config .role-badge{font-size:8px}.role-overview{grid-template-columns:1fr 1fr;gap:9px}.role-overview article{padding:13px}.role-overview article>p{font-size:10px}.role-overview article:last-child{grid-column:1/-1}.team-access-note{padding:14px;align-items:flex-start}.team-access-note span{line-height:1.7}.distribution-toolbar:has([data-connection-subscriber]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.distribution-toolbar:has([data-connection-subscriber]) .search-field{grid-column:1/-1;min-width:0}.distribution-toolbar [data-connection-subscriber],.distribution-toolbar [data-distribution-filter=connections]{min-width:0;width:100%;max-width:none;font-size:12px!important}.distribution-toolbar:has([data-connection-subscriber]) .distribution-updated{grid-column:1/-1;font-size:9px}}
.stream-editor .form-grid>*{min-width:0}.stream-editor .switch-field{min-width:0}.stream-editor .switch-field>span{min-width:0;overflow-wrap:anywhere}.stream-editor .field>select{width:100%;min-width:0}.stream-editor .editor-panel{min-width:0}
@media(max-width:680px){.stream-editor .form-grid{grid-template-columns:minmax(0,1fr)}}
.stream-editor .field>select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* XCore identity: small, crisp vector marks on every screen. */
.xcore-brand-mark{background:transparent;box-shadow:0 4px 12px #10142619;border-radius:10px;overflow:hidden}
.xcore-brand-mark img{display:block;width:100%;height:100%}
.brand-copy .xcore-wordmark{font-size:22px;font-weight:740;letter-spacing:-1.05px;line-height:1.12}
.brand-copy small{font-size:9px;letter-spacing:.025em}
.login-showcase .brand-copy .xcore-wordmark{font-size:27px;letter-spacing:-1.3px}
.login-showcase .xcore-brand-mark{width:47px;height:47px;border-radius:11px}
.login-showcase{background:radial-gradient(ellipse at 15% 82%,#39c8e80c,transparent 50%),linear-gradient(135deg,#f0effc,#f6f8fc)}
.login-welcome-icon.xcore-welcome{background:transparent;width:54px;height:54px;border-radius:13px;overflow:hidden;box-shadow:0 8px 22px #10142612}
.xcore-welcome img,.xcore-app-icon{display:block;width:100%;height:100%}
.offline-card>.xcore-app-icon{width:64px;height:64px;margin:0 auto 24px;border-radius:16px}
.showcase-footer img{flex-shrink:0;opacity:.8}
[data-theme=dark] .login-showcase{background:radial-gradient(ellipse at 15% 82%,#39c8e80a,transparent 50%),linear-gradient(135deg,#191b30,#121728)}
.pwa-install-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.pwa-install-brand img{width:52px;height:52px;border-radius:13px;flex-shrink:0}
.pwa-install-brand strong{font-size:24px;letter-spacing:-1px;line-height:1.2}
.pwa-install-brand p,.pwa-install-brand small,.pwa-install-brand div>span{display:block;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.pwa-install-steps{display:grid;gap:16px;list-style:none;padding:0;margin:22px 0}
.pwa-install-steps li{display:flex;gap:12px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.75}
.pwa-install-steps li>span{flex:0 0 26px;height:26px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:650;border-radius:8px}
.pwa-install-steps strong{color:var(--ink);font-weight:600}
.pwa-help-note{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:12px 14px;font-size:11px;line-height:1.7;color:var(--muted)}
@media(display-mode:standalone){html,body{overscroll-behavior-y:none}.login-main{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(max-width:767px){.login-mobile-brand .brand-copy .xcore-wordmark{font-size:22px}.pwa-install-brand strong{font-size:22px}.pwa-install-steps li{font-size:12px}}

/* Fubo source connector: catalog selection and local key checks stay in the stream editor. */
.fubo-connect{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:11px;background:var(--surface);overflow:hidden;min-width:0}
.fubo-connect>summary{display:flex;align-items:center;gap:11px;padding:13px 14px;cursor:pointer;list-style:none;min-height:62px}
.fubo-connect>summary::-webkit-details-marker{display:none}.fubo-connect>summary>.icon{width:16px;height:16px;margin-left:auto;color:var(--muted);transition:transform .18s}.fubo-connect[open]>summary>.icon{transform:rotate(90deg)}
.fubo-mark{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:18px;font-weight:760;font-style:italic}
.fubo-connect>summary>span:not(.fubo-mark){min-width:0}.fubo-connect>summary strong{display:block;font-size:12px;font-weight:650;color:var(--ink)}.fubo-connect>summary small{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.5}
.fubo-connect-body{padding:0 14px 14px;border-top:1px solid var(--border)}.fubo-intro{font-size:11px;line-height:1.65;margin:13px 0;color:var(--muted)}.fubo-catalog-controls{display:grid;gap:11px}.fubo-catalog-controls .field>span{display:flex;justify-content:space-between;gap:8px}.fubo-catalog-controls .field>span small{font-size:10px;font-weight:450;color:var(--muted)}.fubo-catalog-controls .field>select{padding:4px;background:var(--surface-2);height:132px;white-space:normal;font-size:12px}.fubo-catalog-controls select option{padding:6px 9px;line-height:1.4;border-radius:5px}.fubo-catalog-controls select option:checked{background:var(--accent-soft);color:var(--accent)}.fubo-connect-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px}.fubo-connect-actions .button{min-height:37px}.fubo-connect-actions .text-link{font-size:10px;border:0;background:transparent;cursor:pointer;line-height:1.6}.fubo-result{font-size:11px;line-height:1.7;color:var(--muted);background:var(--surface-2);border-radius:8px;padding:10px 11px;margin-top:12px;overflow-wrap:anywhere}.fubo-result[data-tone=success]{color:var(--green);background:color-mix(in srgb,var(--green) 8%,var(--surface))}.fubo-result[data-tone=error]{color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface))}.fubo-result[data-tone=pending]{color:var(--accent);background:var(--accent-soft)}.fubo-save-note{font-size:10px;line-height:1.7;color:var(--muted);margin:11px 0 0}.fubo-key-note{font-size:10px;margin:6px 0 0}.fubo-connect[aria-busy=true] .fubo-mark{opacity:.55}.fubo-connect summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:680px){.fubo-connect>summary{padding:12px;gap:9px}.fubo-connect-body{padding:0 12px 12px}.fubo-connect-actions{gap:10px}.fubo-connect-actions .button{flex:1;min-height:42px;justify-content:center}.fubo-connect-actions .text-link{min-height:42px;padding:4px}.fubo-catalog-controls .field>select{height:146px;font-size:16px}.fubo-catalog-controls .field>input{font-size:16px}.fubo-connect>summary small{font-size:9px}.fubo-result{font-size:11px}}

/* A connector belongs to the provider selected for this source. */
.source-script-slot:empty{display:none}
.source-script-slot>.script-connect{width:100%}