.v28-stream-row td{padding:9px 10px!important;vertical-align:middle;white-space:nowrap;font-size:12px}.v28-stream-row small{display:block;color:#8ca5c3;font-size:11px;margin-top:4px}.v28-id{color:#56a6ff;font-weight:700}.v28-logo{width:32px;height:28px;object-fit:contain}.v28-main{color:#76b7ff}.v28-clients{background:#4c5967;border-radius:5px;padding:5px 10px}.v28-tabs{display:flex;gap:5px;overflow-x:auto;margin:12px 0;border-bottom:1px solid #2f4865}.v28-tab{background:#1a293b;color:#b8cce5;border:0;padding:10px 13px;cursor:pointer;border-radius:6px 6px 0 0}.v28-tab.active{background:#1869c7;color:white}.v28-pane{min-height:140px;padding:10px 2px}.v28-pane[hidden]{display:none!important}.v28-source{display:flex;gap:8px;margin:8px 0}.v28-source input{flex:1;min-width:0}.tablewrap{overflow-x:auto}.tablewrap table{min-width:1150px}#createDialog .modal{width:min(820px,94vw);max-width:none}#createDialog{max-width:min(860px,97vw)} .v28-action-menu{position:fixed;z-index:100000;background:#142337;border:1px solid #405671;border-radius:7px;min-width:205px;padding:5px;box-shadow:0 12px 22px #0008}.v28-action-menu button{display:block;width:100%;text-align:left;border:0;color:#dbe8f7;background:transparent;padding:9px 11px;cursor:pointer}.v28-action-menu button:hover{background:#275177} /* V29: Stream editor — responsive, no sideways scrolling. */ #createDialog { width: min(900px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; max-height: min(92dvh, 940px) !important; margin: auto !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; border-radius: 16px; scrollbar-gutter: stable; } #createDialog .modal { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: clamp(15px, 2.8vw, 28px) !important; display: flex !important; flex-direction: column !important; gap: 16px !important; overflow-x: hidden !important; } #createDialog .modal > *, #createDialog .modal label, #createDialog .v28-pane, #createDialog .v28-source, #createDialog #v28SourceRows {min-width: 0; max-width: 100%; box-sizing: border-box;} #createDialog .modal label {width: 100%;} #createDialog .modal input, #createDialog .modal select, #createDialog .modal textarea { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; } #createDialog .v28-tabs { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)); overflow: visible !important; width: 100%; gap: 6px; margin: 3px 0 0; } #createDialog .v28-tab { min-width: 0; padding: 12px 6px; font-weight: 650; text-align: center; white-space: nowrap; border-radius: 8px 8px 0 0; } #createDialog .v28-pane {width: 100%; min-height: 130px; padding: 9px 0 0;} #createDialog .v28-pane[hidden] {display: none !important;} #createDialog .v28-source {display: flex; align-items: stretch; flex-wrap: nowrap; gap: 8px; width: 100%;} #createDialog .v28-source input {flex: 1 1 0; min-width: 0; width: auto; overflow: hidden; text-overflow: ellipsis;} #createDialog .v28-source button {flex: 0 0 auto;} #createDialog .hint {overflow-wrap: anywhere; line-height: 1.55; margin: 6px 0;} #createDialog .modalhead {gap: 12px;} #createDialog .modalhead h2 {min-width: 0; font-size: clamp(18px,2vw,23px);} #createDialog .modalactions { position: sticky; bottom: 0; z-index: 2; background: #101a29; border-top: 1px solid #304059; padding: 15px 0 0; margin-top: auto; flex-wrap: wrap; } @media(max-width:620px) { #createDialog {width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; max-height: 94dvh !important;} #createDialog .modal {padding: 14px !important; gap: 12px !important;} #createDialog .v28-tabs {grid-template-columns: repeat(3,minmax(0,1fr));} #createDialog .v28-tab {font-size: 12px; padding: 10px 3px;} #createDialog .v28-source {gap: 5px;} #createDialog .v28-source button {padding: 9px 7px;} #createDialog .modalactions button {flex: 1 1 auto;} } /* V30 playback UI */ #v30Player{width:min(900px,calc(100vw - 24px));max-width:calc(100vw - 24px);border:1px solid #344968;background:#101c2d;color:#e4f0ff;border-radius:14px;padding:0;} #v30Player::backdrop{background:rgba(0,0,0,.75)} .v30-player{padding:22px;display:grid;gap:14px}.v30-player-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.v30-player video{display:block;width:100%;max-height:65vh;aspect-ratio:16/9;background:#000;border-radius:8px}.v30-player p{margin:0;color:#b6cce5;overflow-wrap:anywhere}.v30-player-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.v30-player a{color:#83c4ff}.v28-stream-row td:nth-child(11){white-space:normal;min-width:190px} /* SCHAU X V31 – source inspector */ #v28SourceRows .v31-source{display:grid;grid-template-columns:36px 36px minmax(0,1fr) 95px 36px;gap:9px;align-items:center;margin-bottom:16px;min-width:0} #v28SourceRows .v31-source input{min-width:0;width:100%;box-sizing:border-box} #v28SourceRows .v31-source .v31-probe-result{grid-column:1 / -1;padding:9px 12px;border:1px solid #293c50;background:#101b2c;border-radius:8px;font-size:12px;line-height:1.5;color:#a8bdd5;white-space:normal;overflow-wrap:anywhere} #v28SourceRows .v31-source .v31-probe-good{color:#7ae4a7;border-color:#245a43} #v28SourceRows .v31-source .v31-probe-bad{color:#ff9999;border-color:#754044} #v28SourceRows .v31-probe-button{white-space:nowrap} @media(max-width:620px){#v28SourceRows .v31-source{grid-template-columns:36px 36px minmax(0,1fr) 36px}#v28SourceRows .v31-probe-button{grid-column:3/4;grid-row:2}#v28SourceRows .v31-source .v31-probe-result{grid-row:3}} /* V32: graceful broken-logo fallback */ .v32-logo-fallback{color:#95bbdf;font-size:11px;font-weight:700;text-align:center;min-width:32px} .v28-stream-row .v28-logo{object-fit:contain} .v33-cat-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.v33-cat-controls input{flex:1 1 220px;min-width:140px}.v33-cat-controls button{white-space:nowrap}.v33-ts-note{padding:10px 16px;color:#8faac6;font-size:12px;overflow-wrap:anywhere} /* SCHAU X V35 */ #createDialog .v35-toggle{display:flex;align-items:center;gap:12px;flex-direction:row;margin:16px 0;line-height:1.45}#createDialog .v35-toggle input{width:19px;height:19px;flex:0 0 auto}#createDialog #v35Bouquets{height:130px;max-height:180px;padding:8px;background:#101b2c;color:#e6f1ff}#createDialog #v35Bouquets option{padding:7px;border-radius:4px}#createDialog #v35Notes{width:100%;min-height:86px;background:#101b2c;color:#e6f1ff;border:1px solid #34445f;border-radius:8px;padding:12px;resize:vertical}#createDialog .v28-pane{min-width:0}#createDialog .v28-pane input,#createDialog .v28-pane select{max-width:100%} /* SCHAU X V63 – visual-only neon navigation; no backend changes */ :root{--sx-aqua:#21dfff;--sx-iris:#844fff} body{background:#070e20} .top{background:linear-gradient(100deg,#0b1834,#080f21 70%)!important;border-bottom:1px solid #233b68!important;min-height:74px} .top .hamb{border:1px solid #295087!important;background:linear-gradient(140deg,#142e51,#0c1932)!important;color:#cbeaff!important;border-radius:13px!important;box-shadow:inset 0 0 14px #1d75b316} .top .logo{gap:12px!important;color:transparent!important;font-size:0!important} .top .logo::before{content:'✕';display:inline-grid;place-items:center;font-size:30px;font-weight:900;width:36px;height:40px;color:#5fc8ff;text-shadow:-3px 1px #9a4cfb,3px -2px #19dcfa} .top .logo>span{font-size:initial} .top .logo small{color:#a9c3ef!important;letter-spacing:2.6px!important;font-size:10px!important} .top .logo b{color:#fff!important;font-weight:850!important;font-size:19px!important;letter-spacing:-.3px} .topsearch{background:#0c1933!important;color:#9ab9e8!important;border:1px solid #25416b!important;border-radius:12px!important} .topsearch input{background:transparent!important;color:#e5efff!important} .topsearch input::placeholder{color:#8da8d2!important} .shell{grid-template-columns:284px minmax(0,1fr)!important;min-width:0} .side{position:relative;background:radial-gradient(ellipse at 0 0,#11264c 0%,#091529 37%,#081020 85%)!important;border-right:1px solid #254c82!important;box-shadow:inset -1px 0 0 #4278bf22,7px 0 35px #050f2f4d} .side::before{content:'';position:absolute;inset:6px 3px;pointer-events:none;border-left:1px solid #17daff75;border-radius:16px;box-shadow:-2px 0 17px #15c4ff39} .sidegroup{padding:17px 18px 10px!important} .sidehead{margin:14px 0 7px!important;padding:14px 10px 9px!important;color:#9cbdf2!important;letter-spacing:2.4px!important;font-size:10px!important;font-weight:700;border-bottom:1px solid #294671!important} .side .nav{position:relative;min-height:47px!important;margin:4px 0!important;padding:9px 37px 9px 47px!important;border:1px solid transparent!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:0!important;background:transparent;color:#d5e2fc!important;font-size:0!important;box-shadow:none;transition:background .15s,border-color .15s,box-shadow .15s} .side .nav span{font-size:14px!important;line-height:1.3!important;white-space:nowrap} .side .nav:not(:disabled)::before{content:'◇';position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#7aaaff;font-size:20px;font-weight:650;width:23px;text-align:center} .side .nav[data-page="streams"]::before{content:'⇄';color:#3fe3ff} .side .nav[data-page="overview"]::before{content:'▦'} .side .nav[data-page="movies"]::before{content:'▤'} .side .nav[data-page="series"]::before{content:'▣'} .side .nav[data-page="epg"]::before{content:'◷'} .side .nav[data-page="packages"]::before{content:'⬡'} .side .nav[data-page="customers"]::before{content:'♙'} .side .nav[data-page="access"]::before{content:'♧'} .side .nav[data-page="categories"]::before{content:'▦'} .side .nav[data-page="bouquets"]::before{content:'▥'} .side .nav[data-page="resellers"]::before{content:'◇'} .side .nav[data-page="cluster"]::before{content:'⬡'} .side .nav[data-page="system"]::before{content:'⚙'} .side .nav:not(:disabled)::after{content:'›';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:23px;color:#a1c9ff} .side .nav:hover:not(:disabled){background:linear-gradient(100deg,#13264b,#1a2753)!important;border-color:#3a65ac8a!important;color:#fff!important} .side .nav.active:not(:disabled){background:linear-gradient(105deg,#074e8f,#183a92 44%,#42218a 100%)!important;border:1px solid #5b80ef!important;color:#fff!important;box-shadow:inset 2px 0 #26eeff,0 0 0 1px #2866ff24,0 0 20px #3762e94d!important} .side .nav.active::before{color:#67f9ff!important} .side .nav.unavailable{opacity:.48!important;font-size:0!important} .side .nav.unavailable span{font-size:13px!important} .sidefoot{margin:14px 15px 17px!important;padding:17px 20px!important;position:relative;overflow:hidden;background:linear-gradient(125deg,#122852,#11244c 60%,#053c64)!important;border:1px solid #346eb3!important;border-radius:15px!important;box-shadow:0 7px 25px #0004} .sidefoot::after{content:'▤';position:absolute;right:15px;bottom:13px;font-size:28px;color:#59cbff;text-shadow:0 0 12px #2d91ff} .sidefoot span{color:#a7c5f4!important;font-size:11px!important;z-index:1} .sidefoot b{color:#fff!important;font-size:15px!important;z-index:1} .shell.collapsed{grid-template-columns:65px minmax(0,1fr)!important} .shell.collapsed .sidegroup{padding:12px 4px!important} .shell.collapsed .side .nav{padding:10px 0!important;min-height:44px!important;justify-content:center!important} .shell.collapsed .side .nav span,.shell.collapsed .sidehead,.shell.collapsed .sidefoot{display:none!important} .shell.collapsed .side .nav::before{position:static!important;transform:none!important;font-size:22px!important} .shell.collapsed .side .nav::after{display:none!important} @media(max-width:800px){.shell:not(.collapsed){grid-template-columns:1fr!important}.shell:not(.collapsed) .side{display:none}.top .logo{display:none}.main{min-width:0}} @media(prefers-reduced-motion:reduce){.side .nav{transition:none!important}} /* SCHAU X V64 – stream operations visual layout only */ #streamsPage.workspace{background:linear-gradient(160deg,#0b1428 0%,#0b1323 65%,#0a1120 100%)!important;border:1px solid #25416c!important;border-radius:19px!important;overflow:hidden!important;box-shadow:0 16px 46px #02091a65,inset 0 1px #6b91d014!important} #streamsPage .workhead{padding:24px 26px 14px!important;border-bottom:0!important;background:radial-gradient(ellipse at 90% 0,#22235755,transparent 56%)!important} #streamsPage .workhead b{font-size:18px!important;font-weight:750!important;letter-spacing:-.25px!important;color:#f4f8ff!important} #streamsPage .workhead .cyan{color:#26e3fa!important;text-shadow:0 0 14px #24d6ff99} #streamsPage .workhead p{margin-top:8px!important;font-size:12px!important;color:#9db4d8!important;line-height:1.6!important} #streamsPage .filters{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;padding:12px 24px 22px!important;margin:0!important;background:transparent!important;min-width:0!important} #streamsPage .filters>*{box-sizing:border-box!important;margin:0!important} #streamsPage .filters input#search{flex:1 1 235px!important;width:auto!important;min-width:180px!important;max-width:390px!important;height:44px!important;border:1px solid #2a4164!important;background:#0c1930!important;border-radius:11px!important;padding:0 14px!important;color:#e7f1ff!important;outline:none!important} #streamsPage .filters select{flex:0 1 165px!important;min-width:142px!important;max-width:195px!important;height:44px!important;padding:0 12px!important;border:1px solid #2a4164!important;background:#101e36!important;color:#dfebff!important;border-radius:11px!important;white-space:nowrap!important} #streamsPage .filters #state{max-width:160px!important} #streamsPage .filters .rowbtn{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:44px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1!important;font-size:12px!important;font-weight:650!important;letter-spacing:0!important;text-align:center!important;border-radius:11px!important;background:linear-gradient(145deg,#182742,#142139)!important;border:1px solid #334e77!important;color:#e5f2ff!important;box-shadow:inset 0 1px #ffffff0b!important;transition:border-color .16s,background .16s,transform .16s!important} #streamsPage .filters .rowbtn:hover{border-color:#52aafa!important;background:linear-gradient(135deg,#1d3760,#262655)!important;transform:translateY(-1px)!important} #streamsPage .filters #bulkStart{border-color:#137c93!important;background:linear-gradient(110deg,#075e73,#164f7a)!important;color:#d9fdff!important} #streamsPage .filters #bulkStop{border-color:#594676!important} #streamsPage .filters #bulkRestart{border-color:#474d8f!important} #streamsPage .filters #bulkClear{background:#111d33!important;color:#a9c2e7!important} #streamsPage .filters #bulkCount{margin-left:auto!important;white-space:nowrap!important;color:#92b5da!important;font-size:12px!important} #streamsPage .filters #countLabel{white-space:nowrap!important;font-size:12px!important;color:#74bdf5!important;font-weight:700!important} #streamsPage .tablewrap{overflow-x:auto!important;max-width:100%!important;border-top:1px solid #243550!important;scrollbar-color:#395c8a #0d1628!important} #streamsPage .tablewrap table{width:100%!important;min-width:1110px!important;border-collapse:separate!important;border-spacing:0!important} #streamsPage .tablewrap thead{background:#17243a!important} #streamsPage .tablewrap th{padding:16px 12px!important;border-bottom:1px solid #2b4061!important;color:#a3bfeb!important;font-weight:700!important;font-size:10px!important;letter-spacing:1.05px!important;white-space:nowrap!important} #streamsPage .tablewrap tbody tr{background:#0c1628!important;transition:background .16s!important} #streamsPage .tablewrap tbody tr:nth-child(even){background:#101c30!important} #streamsPage .tablewrap tbody tr:hover{background:#152843!important} #streamsPage .tablewrap td{border-bottom:1px solid #20324c!important;padding:15px 12px!important;vertical-align:middle!important;color:#d6e6ff!important} #streamsPage .tablewrap .rowbtn,#streamsPage .tablewrap button{border-radius:10px!important} #streamsPage .tablewrap input[type=checkbox]{accent-color:#27ceee!important} #streamsPage .tablewrap tr:last-child td{border-bottom:0!important} @media(max-width:1250px){#streamsPage .filters #bulkCount{margin-left:0!important}} @media(max-width:780px){#streamsPage .workhead{padding:19px 16px 12px!important}#streamsPage .filters{padding:10px 15px 17px!important;gap:8px!important}#streamsPage .filters input#search{flex:1 1 100%!important;max-width:none!important}#streamsPage .filters select{flex:1 1 140px!important;max-width:none!important}#streamsPage .filters .rowbtn{height:41px!important;padding:0 11px!important;font-size:11px!important}} @media(prefers-reduced-motion:reduce){#streamsPage .filters .rowbtn,#streamsPage .tablewrap tbody tr{transition:none!important}} /* SCHAU_V65_BIG_LOGOS */ #streamsPage .v28-logo { width: 64px !important; height: 52px !important; max-width: none !important; max-height: none !important; object-fit: contain !important; display: block; margin: auto; } #streamsPage .v28-stream-row td:nth-child(3) { min-width: 88px !important; width: 88px !important; text-align: center; } #streamsPage .v28-stream-row td { height: 72px; vertical-align: middle; } /* SCHAU_V67_SINGLE_ACTIVE_MENU */ /* Kein starkes Neon-Leuchten bei blossem Hover */ .sidebar a:hover:not(.active):not([aria-current="page"]), .sidebar button:hover:not(.active):not([aria-current="page"]) { background: rgba(35, 60, 105, .25) !important; box-shadow: none !important; border-color: transparent !important; } /* Starkes Neon nur fuer aktive Navigation */ .sidebar a.active, .sidebar button.active, .sidebar a[aria-current="page"], .sidebar button[aria-current="page"] { background: linear-gradient( 110deg, #075f91, #29318f 70%, #4926a8 ) !important; border-left: 3px solid #00d9ff !important; box-shadow: 0 0 14px rgba(0, 200, 255, .24) !important; color: #fff !important; } /* SCHAU_V68_NAV_HOVER_FIX */ /* Normale Menüpunkte: kein starkes Leuchten */ .side .nav:not(.active):not(:disabled), .side .nav:not(.active):hover:not(:disabled) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* Dezente Reaktion auf den Mauszeiger */ .side .nav:not(.active):hover:not(:disabled) { background: rgba(42, 79, 137, .25) !important; } /* Aktive Seite: Neon */ .side .nav.active:not(:disabled) { background: linear-gradient( 105deg, #075b92 0%, #283eaa 55%, #49228e 100% ) !important; border: 1px solid #607ef5 !important; box-shadow: inset 3px 0 #21e6ff, 0 0 15px rgba(46, 107, 255, .25) !important; } /* SCHAU_V76_CORE_NAVIGATION_CSS */ /* Single view visibility guarantee */ .workspace[hidden],.schau-v75-pane[hidden]{display:none!important} .schau-v75-content{padding:16px 20px 24px} .schau-v75-content>p{margin:12px 0;opacity:.8} .schau-v75-content input{padding:9px 12px;margin-right:10px;max-width:300px} /* SCHAU_V77_RESELLER_PROFILES_CSS */ .v77-rights{width:100%;padding:16px;border:1px solid rgba(125,164,216,.3);border-radius:14px;background:rgba(15,30,50,.32);margin:12px 0} .v77-rights>b{display:block;font-size:16px;margin-bottom:8px} .v77-rights>p{font-size:12px;opacity:.85;margin:0 0 12px} .v77-rightgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px} .v77-rightgrid label{display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 10px;border:1px solid rgba(125,164,216,.18);border-radius:9px;cursor:pointer} .v77-rightgrid input{width:17px;height:17px;accent-color:#42c9e6} /* ================================================== SCHAU_STREAM_PREMIUM_V2 SCHAU X - PREMIUM STREAMVERWALTUNG Nur optische Anpassungen ================================================== */ #streamsPage { position: relative !important; background: radial-gradient( ellipse at 90% 0%, rgba(28, 122, 211, .17), transparent 47% ), linear-gradient( 145deg, #101d35 0%, #0b1527 70%, #091220 100% ) !important; border: 1px solid #376083 !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 16px 45px rgba(0,0,0,.22), 0 0 0 1px rgba(45,190,240,.05), inset 0 1px rgba(255,255,255,.055) !important; } /* Oberer Cyan-Streifen */ #streamsPage::before { content: ""; display: block; height: 4px; background: linear-gradient( 90deg, #13ddf4, #348eff, #8b5cf6 ); } /* Überschrift */ #streamsPage .workhead { padding: 26px 30px 23px !important; background: linear-gradient( 90deg, rgba(21,76,126,.23), transparent ) !important; } #streamsPage .workhead b { font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.55px !important; color: #ffffff !important; } #streamsPage .workhead .cyan { color: #25e1f6 !important; text-shadow: 0 0 17px rgba(25,218,245,.6); } #streamsPage .workhead p { color: #a3c4e8 !important; font-size: 13px !important; margin-top: 10px !important; } /* Werkzeugleiste */ #streamsPage .filters { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 11px !important; padding: 23px 24px !important; background: rgba(15,34,58,.55) !important; border-top: 1px solid rgba(77,139,192,.19); border-bottom: 1px solid #335071; } /* Suche und Filter */ #streamsPage #search, #streamsPage #category, #streamsPage #state { height: 49px !important; min-height: 49px !important; background: #0b192e !important; color: #f2f8ff !important; border: 1px solid #355a80 !important; border-radius: 12px !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.15) !important; transition: border-color .2s, box-shadow .2s !important; } #streamsPage #search { flex: 1 1 230px !important; min-width: 180px !important; } #streamsPage #category, #streamsPage #state { flex: 0 1 180px !important; min-width: 145px !important; } #streamsPage #search:focus, #streamsPage #category:focus, #streamsPage #state:focus { outline: none !important; border-color: #1de0ed !important; box-shadow: 0 0 0 3px rgba(29,224,237,.15) !important; } #streamsPage #search::placeholder { color: #89a9cc !important; } /* Aktionsbuttons */ #streamsPage #bulkStart, #streamsPage #bulkStop, #streamsPage #bulkRestart, #streamsPage #bulkClear { min-height: 46px !important; padding: 0 16px !important; font-size: 12px !important; font-weight: 750 !important; border-radius: 11px !important; white-space: nowrap !important; transition: transform .18s, box-shadow .18s, filter .18s !important; } #streamsPage #bulkStart { color: #ffffff !important; background: linear-gradient( 135deg, #009db8, #076f9d ) !important; border: 1px solid #19cee7 !important; box-shadow: 0 4px 15px rgba(0,185,221,.13) !important; } #streamsPage #bulkStop { color: #ffdce4 !important; background: linear-gradient( 135deg, #51243f, #321c39 ) !important; border: 1px solid #995477 !important; } #streamsPage #bulkRestart { color: #e9e4ff !important; background: linear-gradient( 135deg, #393477, #27365f ) !important; border: 1px solid #6861b8 !important; } #streamsPage #bulkClear { color: #b8d5ef !important; background: #182b42 !important; border: 1px solid #416080 !important; } #streamsPage .filters button:hover:not(:disabled) { transform: translateY(-2px) !important; filter: brightness(1.15) !important; box-shadow: 0 6px 18px rgba(0,0,0,.2) !important; } #streamsPage .filters button:focus-visible { outline: 2px solid #20dff5 !important; outline-offset: 3px !important; } /* Zähler */ #streamsPage #bulkCount { color: #a8c7e8 !important; font-weight: 600 !important; } #streamsPage #countLabel { color: #46c9ff !important; font-weight: 800 !important; } /* Tabelle */ #streamsPage .tablewrap { background: #0b1629 !important; overflow-x: auto !important; } #streamsPage table { width: 100% !important; border-collapse: collapse !important; } #streamsPage thead { background: linear-gradient( 90deg, #203654, #182b47 ) !important; } #streamsPage thead th { color: #b2d1ff !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 1px !important; padding: 20px 17px !important; white-space: nowrap !important; border-bottom: 2px solid #345d83 !important; } /* Senderzeilen */ #streamsPage tbody tr { background: #0d1a2e !important; transition: background .18s ease !important; } #streamsPage tbody tr:nth-child(even) { background: #13243a !important; } #streamsPage tbody tr:hover { background: #203c5a !important; } #streamsPage tbody td { padding: 22px 17px !important; border-bottom: 1px solid #29405b !important; color: #e2eeff !important; font-size: 13px !important; vertical-align: middle !important; } /* ID */ #streamsPage tbody td:nth-child(2) { color: #76bfff !important; font-weight: 800 !important; } /* Sendername */ #streamsPage tbody td:nth-child(4) { color: #ffffff !important; font-weight: 700 !important; } /* Master-Server */ #streamsPage tbody td:nth-child(5) { color: #81c5ff !important; } /* Streamlogos */ #streamsPage tbody img { max-width: 90px !important; max-height: 46px !important; object-fit: contain !important; border-radius: 6px !important; } /* Zeilenaktionen */ #streamsPage tbody button { min-width: 39px !important; min-height: 39px !important; border-radius: 11px !important; border-color: #3b5475 !important; background: #20324a !important; transition: background .18s, transform .18s, border-color .18s !important; } #streamsPage tbody button:hover:not(:disabled) { background: #305479 !important; border-color: #58adff !important; transform: translateY(-2px) !important; } /* Statusfarben */ #streamsPage tbody .running, #streamsPage tbody .active { color: #57efb6 !important; } #streamsPage tbody .stopped, #streamsPage tbody .inactive { color: #ff9ba8 !important; } /* Checkboxen */ #streamsPage input[type="checkbox"] { accent-color: #24d9ef !important; } /* Scrollbar */ #streamsPage .tablewrap::-webkit-scrollbar { height: 9px; } #streamsPage .tablewrap::-webkit-scrollbar-track { background: #0b1527; } #streamsPage .tablewrap::-webkit-scrollbar-thumb { background: #416386; border-radius: 20px; } /* Responsive */ @media (max-width: 1100px) { #streamsPage #search { flex-basis: 100% !important; } #streamsPage .filters button { flex: 1 1 auto; } } @media (max-width: 650px) { #streamsPage .workhead { padding: 20px 16px !important; } #streamsPage .filters { padding: 17px !important; } #streamsPage #category, #streamsPage #state { flex: 1 1 100% !important; } #streamsPage tbody td { padding: 15px 12px !important; } #streamsPage thead th { padding: 15px 12px !important; } } @media (prefers-reduced-motion: reduce) { #streamsPage *, #streamsPage *::before, #streamsPage *::after { transition: none !important; } } /* END SCHAU_STREAM_PREMIUM_V2 */ /* ================================================== SCHAU_STREAM_PREMIUM_V3 Toolbar, Status, Tabelle und Responsive Design ================================================== */ /* Werkzeugleiste sauber ausrichten */ #streamsPage .filters { display: grid !important; grid-template-columns: minmax(185px, 1.7fr) minmax(135px, 1fr) minmax(135px, 1fr) minmax(140px, .95fr) minmax(140px, .95fr) minmax(155px, 1.05fr) minmax(125px, .85fr) !important; column-gap: 10px !important; row-gap: 15px !important; align-items: center !important; padding: 22px 23px 18px !important; } /* Suchfeld */ #streamsPage #search { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* Kategorien */ #streamsPage #category { grid-column: 2 !important; grid-row: 1 !important; } /* Statusfilter */ #streamsPage #state { grid-column: 3 !important; grid-row: 1 !important; } /* Start */ #streamsPage #bulkStart { grid-column: 4 !important; grid-row: 1 !important; } /* Stopp */ #streamsPage #bulkStop { grid-column: 5 !important; grid-row: 1 !important; } /* Neustart */ #streamsPage #bulkRestart { grid-column: 6 !important; grid-row: 1 !important; } /* Auswahl leeren */ #streamsPage #bulkClear { grid-column: 7 !important; grid-row: 1 !important; } /* Gleiche Höhe für alle Elemente */ #streamsPage #search, #streamsPage #category, #streamsPage #state, #streamsPage #bulkStart, #streamsPage #bulkStop, #streamsPage #bulkRestart, #streamsPage #bulkClear { width: 100% !important; height: 48px !important; min-height: 48px !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; } /* Zähler in eigener Zeile rechts */ #streamsPage #bulkCount { grid-column: 1 / 7 !important; grid-row: 2 !important; justify-self: end !important; font-size: 12px !important; } #streamsPage #countLabel { grid-column: 7 !important; grid-row: 2 !important; justify-self: end !important; white-space: nowrap !important; font-size: 12px !important; } /* Hochwertigere Tabellenüberschrift */ #streamsPage thead th { background: rgba(31,51,78,.55) !important; color: #b7d4ff !important; font-weight: 800 !important; letter-spacing: 1.05px !important; } /* Streamzeilen */ #streamsPage tbody tr { transition: background .18s ease, box-shadow .18s ease !important; } #streamsPage tbody tr:hover { background: #203e5b !important; box-shadow: inset 3px 0 #24d5f0 !important; } /* Streamnamen klarer */ #streamsPage tbody td:nth-child(4) { font-size: 14px !important; font-weight: 800 !important; } /* Serverinformationen */ #streamsPage tbody td:nth-child(5) { color: #80c8ff !important; line-height: 1.7 !important; } /* Laufzeit und vorhandene Status-Badges */ #streamsPage tbody td:nth-child(7) { font-variant-numeric: tabular-nums; } #streamsPage tbody td:nth-child(7) span, #streamsPage tbody td:nth-child(7) .badge, #streamsPage tbody td:nth-child(7) .status { border-radius: 9px !important; font-weight: 700 !important; } /* Vorhandene Statusfarben */ #streamsPage tbody .running, #streamsPage tbody .active { color: #5cf0b3 !important; } #streamsPage tbody .stopped, #streamsPage tbody .inactive { color: #ff9cae !important; } /* Streaminformationen lesbarer */ #streamsPage tbody td:nth-child(11) { color: #a9ceef !important; font-size: 12px !important; line-height: 1.8 !important; font-variant-numeric: tabular-nums; } /* Player und Aktionsbuttons */ #streamsPage tbody td:nth-child(8) button, #streamsPage tbody td:nth-child(9) button { border-radius: 12px !important; background: linear-gradient( 145deg, #263f5c, #1c304a ) !important; border: 1px solid #496588 !important; } #streamsPage tbody td:nth-child(8) button:hover, #streamsPage tbody td:nth-child(9) button:hover { background: #315f88 !important; border-color: #40bbf0 !important; } /* Dropdowns und Menüs in Streamzeilen */ #streamsPage tbody td:nth-child(8) { position: relative; } /* Focus für Tastaturbedienung */ #streamsPage button:focus-visible, #streamsPage input:focus-visible, #streamsPage select:focus-visible { outline: 2px solid #25d8ef !important; outline-offset: 3px !important; } /* Mittlere Bildschirme */ @media (max-width: 1550px) { #streamsPage .filters { grid-template-columns: minmax(180px, 1.5fr) repeat(2, minmax(125px, 1fr)) repeat(4, minmax(125px, 1fr)) !important; } #streamsPage .filters button { padding-left: 8px !important; padding-right: 8px !important; font-size: 11px !important; } } /* Tablet */ @media (max-width: 1250px) { #streamsPage .filters { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } #streamsPage #search { grid-column: 1 / 3 !important; grid-row: 1 !important; } #streamsPage #category { grid-column: 3 !important; grid-row: 1 !important; } #streamsPage #state { grid-column: 4 !important; grid-row: 1 !important; } #streamsPage #bulkStart { grid-column: 1 !important; grid-row: 2 !important; } #streamsPage #bulkStop { grid-column: 2 !important; grid-row: 2 !important; } #streamsPage #bulkRestart { grid-column: 3 !important; grid-row: 2 !important; } #streamsPage #bulkClear { grid-column: 4 !important; grid-row: 2 !important; } #streamsPage #bulkCount { grid-column: 1 / 4 !important; grid-row: 3 !important; } #streamsPage #countLabel { grid-column: 4 !important; grid-row: 3 !important; } } /* Handy */ @media (max-width: 700px) { #streamsPage .filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 15px !important; } #streamsPage #search { grid-column: 1 / 3 !important; grid-row: 1 !important; } #streamsPage #category { grid-column: 1 !important; grid-row: 2 !important; } #streamsPage #state { grid-column: 2 !important; grid-row: 2 !important; } #streamsPage #bulkStart { grid-column: 1 !important; grid-row: 3 !important; } #streamsPage #bulkStop { grid-column: 2 !important; grid-row: 3 !important; } #streamsPage #bulkRestart { grid-column: 1 !important; grid-row: 4 !important; } #streamsPage #bulkClear { grid-column: 2 !important; grid-row: 4 !important; } #streamsPage #bulkCount { grid-column: 1 !important; grid-row: 5 !important; justify-self: start !important; } #streamsPage #countLabel { grid-column: 2 !important; grid-row: 5 !important; justify-self: end !important; } #streamsPage .filters button { font-size: 11px !important; } } /* END SCHAU_STREAM_PREMIUM_V3 */ /* ================================================== SCHAU_ADMIN_PREMIUM_V4 SCHAU X - GLOBAL PREMIUM DESIGN Nur CSS - keine Rechte-/Funktionsänderungen ================================================== */ :root { --sx4-cyan: #23d9f3; --sx4-blue: #418fff; --sx4-purple: #9358ff; --sx4-green: #19cba2; --sx4-border: #2a4262; --sx4-text: #edf6ff; --sx4-muted: #9eb8d8; } /* Gesamter Administrationsbereich */ body { background: #070f20; color: var(--sx4-text); } /* Kopfzeile */ header.top { background: linear-gradient( 100deg, #0b1830 0%, #0a1328 60%, #101631 100% ) !important; border-bottom: 1px solid #2d4a70 !important; box-shadow: 0 4px 25px rgba(0,0,0,.17) !important; } header.top .logo b { color: #fff !important; letter-spacing: -.5px; } /* Globale Suche */ header.top .topsearch { background: #0f2039 !important; border: 1px solid #315379 !important; border-radius: 14px !important; } header.top .topsearch:focus-within { border-color: #23d9f3 !important; box-shadow: 0 0 0 3px rgba(35,217,243,.12) !important; } /* Kennzahlen in der Kopfzeile */ header.top .topmetric { background: #1a263a !important; border: 1px solid #30445f !important; border-radius: 13px !important; } /* Linke Navigation */ aside.side { background: linear-gradient( 180deg, #0d1b34 0%, #081427 100% ) !important; border-right: 1px solid #294869 !important; } aside.side .sidehead { color: #86b8ff !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: 2px !important; } aside.side .nav { border-radius: 12px !important; transition: background .2s, color .2s, transform .2s !important; } aside.side .nav:hover:not(.active) { background: #192f50 !important; color: #ffffff !important; } aside.side .nav.active { background: linear-gradient( 105deg, #105d9e, #39309c ) !important; border: 1px solid #627cda !important; border-left: 4px solid #26d9f3 !important; color: #ffffff !important; box-shadow: 0 5px 19px rgba(39,93,211,.17) !important; } /* Hauptbereich */ main.main { background: radial-gradient( ellipse at 85% 0%, rgba(34,80,153,.09), transparent 42% ), #080f21 !important; } /* Seitenüberschriften */ main.main .pagetitle h1 { color: #ffffff !important; font-weight: 850 !important; letter-spacing: -.8px !important; } main.main .pagetitle p { color: #94b5d9 !important; } main.main .eyebrow .chip { border-radius: 100px !important; } /* Statistik-Karten */ main.main .stats .stat { position: relative; overflow: hidden; background: linear-gradient( 145deg, #152338, #101b2d ) !important; border: 1px solid #2d425e !important; border-radius: 17px !important; box-shadow: 0 7px 25px rgba(0,0,0,.12) !important; transition: transform .2s, border-color .2s, box-shadow .2s !important; } main.main .stats .stat:hover { transform: translateY(-3px); border-color: #456d96 !important; box-shadow: 0 12px 30px rgba(0,0,0,.18) !important; } main.main .stats .stat strong { color: #ffffff !important; font-weight: 850 !important; font-variant-numeric: tabular-nums; } main.main .stats .stat.blue { border-top: 3px solid #378bff !important; } main.main .stats .stat.amber { border-top: 3px solid #ffb020 !important; } main.main .stats .stat.purple { border-top: 3px solid #9258ff !important; } main.main .stats .stat.green { border-top: 3px solid #16cba2 !important; } /* Allgemeine Arbeitsbereiche */ main.main .workspace:not(#streamsPage) { border-radius: 18px; } main.main .workspace:not(#streamsPage) .workhead { padding: 23px 24px; } main.main .workspace:not(#streamsPage) .workhead b { color: #f1f8ff; font-size: 19px; font-weight: 800; } main.main .workspace:not(#streamsPage) .workhead p { color: #9fbcdc; line-height: 1.6; } /* Tabellen außerhalb der Streamverwaltung */ main.main .workspace:not(#streamsPage) .tablewrap { overflow-x: auto; border-radius: 13px; border: 1px solid #2d4665; background: #101b2e; } main.main .workspace:not(#streamsPage) thead th { background: #1d304b; color: #add0ff; font-size: 11px; font-weight: 800; letter-spacing: .7px; } main.main .workspace:not(#streamsPage) tbody tr { transition: background .18s ease; } main.main .workspace:not(#streamsPage) tbody tr:hover { background: rgba(49,90,135,.21); } /* Globale Formulare */ main.main input:not([type="checkbox"]):not([type="radio"]), main.main select, main.main textarea { border-radius: 11px; border-color: #345274; } main.main input:focus-visible, main.main select:focus-visible, main.main textarea:focus-visible { outline: 2px solid #27d8ef; outline-offset: 2px; } /* Allgemeine Buttons */ main.main button.primary { background: linear-gradient( 125deg, #0b98c0, #5f4de0 ) !important; color: white !important; border-radius: 11px !important; border: 1px solid rgba(137,187,255,.4) !important; box-shadow: 0 4px 16px rgba(35,95,200,.15) !important; } main.main button.primary:hover:not(:disabled) { filter: brightness(1.12); } main.main button.outline, main.main button.rowbtn { border-radius: 11px; transition: border-color .18s, background .18s, transform .18s; } main.main button.outline:hover:not(:disabled), main.main button.rowbtn:hover:not(:disabled) { border-color: #5d91c5; } /* Gesperrte Aktionen bleiben erkennbar */ main.main button:disabled { cursor: not-allowed !important; opacity: .52; } /* Panels, Scanbereiche und Systemkarten */ main.main .panel, main.main .scanblock, main.main .cluster-pad { border-radius: 15px; } /* Dialogfenster */ dialog { border: 1px solid #355475 !important; border-radius: 20px !important; background: #101d32 !important; color: #eaf4ff !important; box-shadow: 0 25px 80px rgba(0,0,0,.55) !important; } dialog::backdrop { background: rgba(2,8,20,.78); backdrop-filter: blur(4px); } dialog .modalhead h2 { color: #ffffff; font-weight: 800; } /* Hinweise und Untertexte */ main.main .sys-note, main.main .hint { color: #a4bfdc; line-height: 1.6; } /* Barrierefreiheit */ button:focus-visible, a:focus-visible { outline: 2px solid #2bdcf2 !important; outline-offset: 3px !important; } /* Kleinere Bildschirme */ @media (max-width: 900px) { main.main .pagetitle h1 { font-size: clamp(24px, 5vw, 34px); } main.main .stats .stat { border-radius: 14px !important; } main.main .workspace:not(#streamsPage) .workhead { padding: 18px 16px; } } /* Animationen reduzieren, falls gewünscht */ @media (prefers-reduced-motion: reduce) { main.main .stats .stat, aside.side .nav, main.main button { transition: none !important; } dialog::backdrop { backdrop-filter: none; } } /* END SCHAU_ADMIN_PREMIUM_V4 */ /* SCHAU_ADMIN_SECONDARY_ROWS_V1 */ #streamsPage .sx-secondary-row td { vertical-align: middle; } #streamsPage .sx-secondary-online { display: inline-block; padding: 8px 11px; color: #59eeb0; background: #123b31; border: 1px solid #245c49; border-radius: 9px; font-size: 12px; font-weight: 700; } #streamsPage .sx-secondary-unknown { display: inline-block; padding: 8px 11px; color: #ffc18a; background: #382b25; border: 1px solid #654938; border-radius: 9px; font-size: 12px; font-weight: 700; } #streamsPage .sx-secondary-server { color: #7dc4ff; font-weight: 650; } #streamsPage .sx-secondary-row button:disabled { opacity: .40; cursor: not-allowed; } /* END SCHAU_ADMIN_SECONDARY_ROWS_V1 */ /* SCHAU_FILTER_V71 */ #streamsPage #serverFilter { min-width: 150px; height: 46px; padding: 0 13px; color: #edf6ff; background: #0b192e; border: 1px solid #355a80; border-radius: 12px; box-sizing: border-box; } #streamsPage #serverFilter:focus { outline: none; border-color: #32c5ff; box-shadow: 0 0 0 3px rgba(50,197,255,.15); } #streamsPage .filters { display: flex !important; align-items: center; flex-wrap: wrap; gap: 12px; } #streamsPage .filters > * { min-width: 120px; } #streamsPage #search { flex: 1 1 200px; } #streamsPage #category, #streamsPage #state, #streamsPage #serverFilter { flex: 1 1 150px; max-width: 230px; } @media (max-width: 850px) { #streamsPage .filters { flex-wrap: wrap !important; } #streamsPage #category, #streamsPage #state, #streamsPage #serverFilter { max-width: none; } } /* END SCHAU_FILTER_V71 */ /* SCHAU_FILTER_LAYOUT_V8 */ #streamsPage .filters { display: grid !important; grid-template-columns: minmax(200px, 2fr) repeat(3, minmax(140px, 1fr)) repeat(4, minmax(115px, .82fr)) !important; align-items: center !important; gap: 12px !important; width: 100% !important; } #streamsPage .filters > * { grid-row: 1 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 48px !important; margin: 0 !important; box-sizing: border-box !important; flex: none !important; } #streamsPage #search { grid-column: 1 !important; } #streamsPage #category { grid-column: 2 !important; } #streamsPage #state { grid-column: 3 !important; } #streamsPage #serverFilter { grid-column: 4 !important; } #streamsPage #bulkStart { grid-column: 5 !important; } #streamsPage #bulkStop { grid-column: 6 !important; } #streamsPage #bulkRestart { grid-column: 7 !important; } #streamsPage #bulkClear { grid-column: 8 !important; } #streamsPage .filters button { padding: 0 9px !important; white-space: nowrap !important; font-size: 12px !important; font-weight: 700 !important; } @media (max-width: 1250px) { #streamsPage .filters { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } #streamsPage .filters > * { grid-row: auto !important; } #streamsPage #search, #streamsPage #category, #streamsPage #state, #streamsPage #serverFilter { grid-row: 1 !important; } #streamsPage #bulkStart { grid-column: 1 !important; grid-row: 2 !important; } #streamsPage #bulkStop { grid-column: 2 !important; grid-row: 2 !important; } #streamsPage #bulkRestart { grid-column: 3 !important; grid-row: 2 !important; } #streamsPage #bulkClear { grid-column: 4 !important; grid-row: 2 !important; } } @media (max-width: 600px) { #streamsPage .filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #streamsPage .filters > * { grid-column: auto !important; grid-row: auto !important; } #streamsPage #search { grid-column: 1 / -1 !important; grid-row: 1 !important; } #streamsPage #category { grid-column: 1 !important; grid-row: 2 !important; } #streamsPage #state { grid-column: 2 !important; grid-row: 2 !important; } #streamsPage #serverFilter { grid-column: 1 / -1 !important; grid-row: 3 !important; } #streamsPage #bulkStart { grid-column: 1 !important; grid-row: 4 !important; } #streamsPage #bulkStop { grid-column: 2 !important; grid-row: 4 !important; } #streamsPage #bulkRestart { grid-column: 1 !important; grid-row: 5 !important; } #streamsPage #bulkClear { grid-column: 2 !important; grid-row: 5 !important; } } /* END SCHAU_FILTER_LAYOUT_V8 */ /* SCHAU_BUTTON_LANGUAGE_V10 */ #streamsPage .filters #bulkStart, #streamsPage .filters #bulkStop, #streamsPage .filters #bulkRestart, #streamsPage .filters #bulkClear { font-family: inherit !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: -0.15px !important; line-height: 1.2 !important; white-space: nowrap !important; text-align: center !important; padding: 0 7px !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; } #streamsPage .filters #category, #streamsPage .filters #state, #streamsPage .filters #serverFilter { font-family: inherit !important; font-size: 13px !important; font-weight: 500 !important; min-width: 0 !important; text-overflow: ellipsis !important; } /* END SCHAU_BUTTON_LANGUAGE_V10 */ /* SCHAU_LB_LAYOUT_V21 */ /* Doppelte Registrierungsmaske verstecken */ #clusterPage #nodeForm { display: none !important; } /* Klare Serververwaltung */ #clusterPage { --lb-line: #345574; --lb-surface: #0d1b30; } #clusterPage h2, #clusterPage h3 { color: #f4f8ff; letter-spacing: -.3px; } #clusterPage input:not([type="checkbox"]), #clusterPage select { min-height: 45px; padding: 10px 13px; border-radius: 11px; border: 1px solid var(--lb-line); background: var(--lb-surface); color: #f1f7ff; box-sizing: border-box; font-size: 13px; } #clusterPage input:focus, #clusterPage select:focus { outline: none; border-color: #2ecaff; box-shadow: 0 0 0 3px rgba(46,202,255,.12); } #clusterPage button { border-radius: 11px; transition: filter .2s, transform .2s; } #clusterPage button:not(:disabled):hover { filter: brightness(1.1); } #clusterPage table { width: 100%; border-collapse: separate; border-spacing: 0; } #clusterPage th { padding: 15px 13px; font-size: 12px; color: #a9ceff; letter-spacing: .6px; text-transform: uppercase; } #clusterPage td { padding: 15px 13px; border-bottom: 1px solid rgba(90,140,190,.13); } #clusterPage tbody tr:hover { background: rgba(50,115,175,.08); } #clusterPage #nodeRows button { min-height: 38px; padding: 7px 12px; margin-right: 5px; } #clusterPage p { line-height: 1.6; } @media(max-width:850px) { #clusterPage th, #clusterPage td { padding: 10px 8px; font-size: 12px; } } /* END SCHAU_LB_LAYOUT_V21 */ /* SCHAU_LB_STATUS_SYNC_V7 */ #clusterPage #nodeRows td[data-sx-stream-count]::before { content: attr(data-sx-stream-count); display: inline-block; padding: 8px 11px; margin: 0 10px 5px 0; border-radius: 9px; border: 1px solid #275e59; background: #103936; color: #83e8cb; font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap; } #clusterPage #nodeRows .sx-lb-status-detail { display: block; color: #93aecb; font-size: 11px; margin-top: 3px; } #clusterPage #nodeRows td { vertical-align: middle; } /* END SCHAU_LB_STATUS_SYNC_V7 */ /* SCHAU_BOUQUET_UI_V11 */ #sxBouquetToolbarV11 { background:#102238; border:1px solid #304d70; border-radius:13px; padding:15px; margin:13px 0 18px; display:grid; gap:12px; } #sxBouquetToolbarV11 .sx-bq-top { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; } #sxBouquetToolbarV11 input[type="search"], #sxCategorySearchV11 { width:100%; min-height:43px; border:1px solid #395a7b; border-radius:10px; background:#0b1729; color:#edf7ff; padding:10px 14px; box-sizing:border-box; font-size:13px; } #sxBouquetToolbarV11 .sx-bq-selected { display:flex; align-items:center; gap:8px; color:#c2daf1; white-space:nowrap; font-size:13px; } #sxBouquetToolbarV11 .sx-bq-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; } #sxBqCountV11 { color:#7de2c1; font-size:12px; font-weight:700; margin-right:auto; } #sxBouquetToolbarV11 button { min-height:37px; border-radius:9px; padding:7px 11px; font-size:12px; } #sxBouquetToolbarV11 [hidden], #bouquetsPage label[hidden], #categoriesPage [hidden] { display:none!important; } .sx-category-search-v11 { max-width:520px; margin:14px 0 18px; } #bouquetsPage, #categoriesPage { --sx-editor-border:#304d70; } #bouquetsPage table, #categoriesPage table { width:100%; border-collapse:separate; border-spacing:0; } #bouquetsPage th, #categoriesPage th { color:#a9cfff; font-size:12px; letter-spacing:.35px; padding:13px 12px; } #bouquetsPage td, #categoriesPage td { padding:13px 12px; border-bottom:1px solid rgba(100,150,200,.15); } #bouquetsPage tbody tr:hover, #categoriesPage tbody tr:hover { background:rgba(55,120,190,.07); } @media(max-width:700px){ #sxBouquetToolbarV11 .sx-bq-top { grid-template-columns:1fr; } #sxBouquetToolbarV11 .sx-bq-actions { align-items:stretch; } #sxBouquetToolbarV11 button { flex:1; } } /* END SCHAU_BOUQUET_UI_V11 */ /* SCHAU_BOUQUET_CATEGORY_V12 */ #sxBouquetToolbarV11 .sx-bq-top { grid-template-columns: minmax(190px,1fr) minmax(170px,260px) auto; } #sxBqCategoryV12 { width:100%; min-height:43px; border:1px solid #395a7b; border-radius:10px; background:#0b1729; color:#edf7ff; padding:9px 12px; box-sizing:border-box; font-size:13px; } #sxBqCategoryV12:focus { outline:none; border-color:#30c7ff; box-shadow:0 0 0 3px rgba(48,199,255,.12); } @media(max-width:900px){ #sxBouquetToolbarV11 .sx-bq-top { grid-template-columns:1fr; } } /* END SCHAU_BOUQUET_CATEGORY_V12 */ /* SCHAU_UI_FAST_V13 */ /* Große Senderlisten bekommen einen Scrollbereich. */ #bouquetsPage .sx-bq-scroll-v13 { max-height:340px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#42688f #101e33; padding:9px 12px; border:1px solid #304b6b; border-radius:12px; background:#0b1729; box-sizing:border-box; } /* Such- und Filterbereich übersichtlicher. */ #sxBouquetToolbarV11 { position:relative; padding:16px; gap:11px; background:#10243b; border:1px solid #355879; box-shadow:0 8px 24px rgba(0,0,0,.10); } #sxBouquetToolbarV11 .sx-bq-top { align-items:center; } #sxBouquetToolbarV11 .sx-bq-actions { gap:8px; } #sxBouquetToolbarV11 button { min-height:39px; padding:9px 14px; font-weight:600; background:#1b334f; color:#e8f3ff; border:1px solid #3d5d80; border-radius:9px; cursor:pointer; } #sxBouquetToolbarV11 button:hover { background:#274a70; border-color:#5b85b4; } #sxBqCountV11 { font-size:13px; letter-spacing:.1px; } /* Kompaktere Kategorieverwaltung. */ #categoriesPage .sx-category-search-v11 { max-width:680px; } #categoriesPage button, #bouquetsPage button { transition:background .15s,border-color .15s; } /* Einheitliche Formulare. */ #categoriesPage input, #bouquetsPage input[type="text"], #bouquetsPage input[type="search"], #bouquetsPage select { box-sizing:border-box; } #categoriesPage h2, #categoriesPage h3, #bouquetsPage h2, #bouquetsPage h3 { letter-spacing:-.3px; } /* Tabellen gut lesbar. */ #bouquetsPage tbody tr { transition:background .15s; } #bouquetsPage td, #bouquetsPage th { vertical-align:middle; } @media(max-width:850px){ #bouquetsPage .sx-bq-scroll-v13 { max-height:300px; } #sxBouquetToolbarV11 { padding:12px; } #sxBouquetToolbarV11 .sx-bq-actions button { flex:1; } } /* END SCHAU_UI_FAST_V13 */ /* SCHAU_MASS_EDIT_V171 */ #sxMassSubmenuV171 { display:grid; gap:4px; margin:3px 0 12px 23px; padding:7px 0 7px 12px; border-left:2px solid #315475; } #sxMassSubmenuV171[hidden], #sxMassEditorV171[hidden] { display:none!important; } #sxMassSubmenuV171 button { text-align:left; background:#13263e; color:#c9e0fa; border:1px solid #2c4869; border-radius:9px; padding:11px 13px; cursor:pointer; font-size:13px; } #sxMassSubmenuV171 button:hover { background:#1d3a5c; color:#fff; } #sxMassEditorV171 { margin:18px; padding:20px; border:1px solid #365b80; border-radius:14px; background:#10233a; } #sxMassEditorV171 .sx-mass-title { display:flex; justify-content:space-between; align-items:center; font-size:20px; margin-bottom:10px; } #sxMassEditorV171 .sx-mass-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-top:18px; } #sxMassEditorV171 label { display:grid; gap:7px; color:#bcd6f1; font-size:13px; } #sxMassEditorV171 input, #sxMassEditorV171 select { width:100%; box-sizing:border-box; min-height:43px; padding:10px; border:1px solid #375879; border-radius:9px; background:#0b192d; color:#edf6ff; } #sxMassEditorV171 .sx-mass-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:15px; margin-top:20px; } #sxMassApplyV171 { min-height:44px; background:linear-gradient(90deg,#139cc8,#5950df); color:#fff; border:0; border-radius:10px; padding:12px 20px; font-weight:700; cursor:pointer; } @media(max-width:800px){ #sxMassEditorV171 .sx-mass-grid { grid-template-columns:1fr; } } /* END SCHAU_MASS_EDIT_V171 */ /* SCHAU_MASS_DESIGN_V18 */ #sxMassEditorV171 { margin:12px 18px 18px; padding:18px; border-radius:15px; background:linear-gradient( 145deg,#10243c,#0c1b30 ); border:1px solid #33577a; } #sxMassEditorV171 .sx-mass-title { display:flex; align-items:center; gap:12px; margin:0 0 8px; } #sxMassEditorV171 .sx-mass-title b { font-size:19px; letter-spacing:-.4px; } #sxMassEditorV171 .sx-mass-title button { margin-left:auto; min-width:36px; min-height:36px; border-radius:9px; } #sxMassSelectedV18 { display:inline-block; padding:7px 11px; border:1px solid #265c58; border-radius:9px; background:#113c35; color:#7be6c2; font-size:12px; font-weight:700; white-space:nowrap; } #sxMassEditorV171>p { font-size:12px; color:#96b6d8; margin:5px 0 14px; } #sxMassEditorV171 .sx-mass-grid { gap:12px 15px; } #sxMassEditorV171 label { font-weight:600; font-size:12px; } #sxMassEditorV171 input, #sxMassEditorV171 select { min-height:43px; font-size:13px; border-radius:10px; background:#0a192d; } #sxMassEditorV171 input:focus, #sxMassEditorV171 select:focus { outline:none; border-color:#32c7ff; box-shadow:0 0 0 3px rgba(50,199,255,.12); } #sxMassEditorV171 .sx-mass-bottom { margin-top:15px; padding-top:14px; border-top:1px solid rgba(100,150,200,.18); } #sxMassApplyV171 { min-height:43px; } #sxMassSubmenuV171 button { min-height:41px; font-weight:600; } @media(max-width:900px){ #sxMassEditorV171 { margin:10px; padding:13px; } #sxMassEditorV171 .sx-mass-title { flex-wrap:wrap; } } /* END SCHAU_MASS_DESIGN_V18 */ /* SCHAU_MASS_UI_V19 */ /* Auswahlfeld im Tabellenkopf */ #streamsPage #sxBulkSelectAllV19, #sxBulkSelectAllV19 { width:17px; height:17px; min-width:17px; cursor:pointer; accent-color:#25bded; } #sxBulkSelectAllV19:disabled { cursor:not-allowed; opacity:.45; } /* Massenbearbeitung */ #sxMassEditorV171 { padding:18px 20px !important; border-radius:14px !important; } #sxMassEditorV171 h2, #sxMassEditorV171 h3 { font-size:19px !important; margin-bottom:6px !important; } #sxMassEditorV171 label { font-size:13px; font-weight:600; } #sxMassEditorV171 input:not([type="checkbox"]), #sxMassEditorV171 select:not([multiple]) { width:100%; min-height:43px !important; height:43px !important; padding:8px 12px !important; border-radius:9px !important; font-size:13px !important; line-height:1.35 !important; box-sizing:border-box; } #sxMassEditorV171 select[multiple] { width:100%; min-height:105px !important; max-height:145px !important; padding:8px 10px !important; border-radius:9px !important; font-size:13px !important; box-sizing:border-box; overflow-y:auto; } #sxMassEditorV171 select[multiple] option { padding:5px 7px; border-radius:5px; } #sxMassEditorV171 button { min-height:40px; border-radius:9px; font-size:13px; font-weight:600; } #sxMassEditorV171 #sxMassSelectedV18 { font-size:12px; white-space:nowrap; } #sxMassEditorV171 select:focus, #sxMassEditorV171 input:focus { outline:2px solid #24bff0; outline-offset:1px; } /* Senderauswahl übersichtlicher */ #streamsPage .tablewrap, #streamsPage table { scroll-margin-top:15px; } #streamsPage .streamPick { width:16px; height:16px; cursor:pointer; accent-color:#25bded; } /* Mobil */ @media(max-width:850px){ #sxMassEditorV171 { padding:13px !important; } #sxMassEditorV171 select[multiple] { max-height:115px !important; } } /* END SCHAU_MASS_UI_V19 */ /* SCHAU_X_BULK_REFERENCE_UI_V20 */ #sxMassEditorV171{padding:0!important;overflow:hidden;background:#101f34!important;border:1px solid #345879!important} #sxMassEditorV171 .sx-mass-title{padding:16px 20px 8px!important;margin:0!important} #sxMassEditorV171>p{padding:0 20px;margin:4px 0 14px} #sxBulkRefV20{color:#deedff} #sxBulkRefV20 [hidden],#sxMassEditorV171 .sx-mass-grid[hidden],#sxMassEditorV171 .sx-mass-bottom[hidden]{display:none!important} #sxBulkRefV20 .sx-ref-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#162d49;border-top:1px solid #294766;border-bottom:1px solid #294766} #sxBulkRefV20 button{cursor:pointer;font:inherit} #sxBulkRefV20 .sx-ref-tabs button{padding:14px 7px;border:0;border-right:1px solid #2a4564;background:transparent;color:#adc7e4;font-size:13px;font-weight:700;min-height:48px} #sxBulkRefV20 .sx-ref-tabs button.active{background:#1766c5;color:#fff} #sxBulkRefV20 .sx-ref-tabs button:hover:not(.active){background:#223e5d;color:#fff} #sxBulkRefV20 .sx-ref-select{padding:17px 19px 12px} #sxBulkRefV20 .sx-ref-modes{display:flex;gap:7px;flex-wrap:wrap;align-items:center} #sxBulkRefV20 .sx-ref-modes button,#sxBulkRefV20 #sxRefSelectCategoryV20{background:#102740;color:#cde3ff;border:1px solid #41658a;border-radius:8px;padding:9px 15px;font-size:12px;min-height:37px} #sxBulkRefV20 .sx-ref-modes button.active{background:#2388d3;color:#fff;border-color:#2388d3} #sxBulkRefV20 .sx-ref-modes .sx-ref-clear{margin-left:auto;color:#9cdbff;border-color:transparent;background:transparent} #sxBulkRefV20 .sx-ref-help{margin:13px 0;color:#a1bed9;font-size:12px} #sxBulkRefV20 .sx-ref-category{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:12px} #sxBulkRefV20 .sx-ref-category select,#sxBulkRefV20 .sx-ref-pages select{width:auto;min-height:38px;border:1px solid #3c6184;border-radius:8px;background:#091b2f;color:#ecf7ff;padding:7px 11px;font-size:12px} #sxBulkRefV20 #sxRefToolbarV20 .filters{display:flex!important;flex-wrap:wrap;align-items:center;gap:9px;padding:9px 0;margin:0!important} #sxBulkRefV20 #sxRefToolbarV20 .filters input,#sxBulkRefV20 #sxRefToolbarV20 .filters select{min-width:135px;min-height:40px;flex:1 1 150px;font-size:12px} #sxBulkRefV20 #sxRefToolbarV20 .filters button{min-height:39px;font-size:12px;padding:8px 10px} #sxBulkRefV20 .sx-ref-pages{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #294766;color:#9fbad9;font-size:12px} #sxBulkRefV20 .sx-ref-unavailable{padding:26px 22px;color:#c7d9ed;line-height:1.6;font-size:13px} #sxMassEditorV171 .sx-mass-grid{padding:20px!important;margin:0!important} #sxMassEditorV171 .sx-mass-bottom{padding:15px 20px 19px!important;margin:0!important;border-top:1px solid #284869} #streamsPage #rows tr[hidden]{display:none!important} #streamsPage #sxBulkSelectAllV19{cursor:pointer} @media(max-width:850px){ #sxBulkRefV20 .sx-ref-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} #sxBulkRefV20 .sx-ref-tabs button{font-size:12px} #sxBulkRefV20 .sx-ref-modes .sx-ref-clear{margin-left:0} #sxBulkRefV20 .sx-ref-select{padding:12px} } /* SCHAU_BULK_LAYOUT_V21 */ #streamsPage #sxBulkRefV20 #sxRefToolbarV20[hidden] { display:none!important; } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters { display:grid!important; grid-template-columns:minmax(170px,1.5fr) repeat(3,minmax(125px,1fr)); align-items:center!important; gap:10px!important; width:100%!important; margin:0!important; padding:10px 0!important; box-sizing:border-box; } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > input, #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > select { width:100%!important; max-width:none!important; min-width:0!important; height:42px!important; min-height:42px!important; padding:8px 11px!important; font-size:12px!important; flex:none!important; margin:0!important; box-sizing:border-box; } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > button { width:100%!important; min-width:0!important; min-height:42px!important; padding:9px 11px!important; margin:0!important; border-radius:8px!important; font-size:12px!important; line-height:1.25!important; flex:none!important; box-sizing:border-box; } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #bulkCount { grid-column:1 / span 2; font-size:12px; } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #countLabel { grid-column:3 / span 2; text-align:right; font-size:12px; } #streamsPage #sxMassEditorV171 .sx-ref-tabs button { width:auto!important; margin:0!important; } @media(max-width:950px){ #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters { grid-template-columns:repeat(2,minmax(0,1fr)); } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #bulkCount, #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #countLabel { grid-column:auto; } } /* END SCHAU_BULK_LAYOUT_V21 */ /* SCHAU_MASS_ACTIONS_UI_V22 */ #sxBulkRefV20 .sx-v22-form {display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;align-items:end;margin:8px 0 14px} #sxBulkRefV20 .sx-v22-form label {display:flex;flex-direction:column;gap:8px;font-weight:600;color:#e5f2ff} #sxBulkRefV20 .sx-v22-form select,#sxBulkRefV20 .sx-v22-form input {width:100%;min-height:42px;background:#122840;color:#eef7ff;border:1px solid #466584;border-radius:9px;padding:8px 11px} #sxBulkRefV20 .sx-v22-form button,#sxBulkRefV20 #sxV22Delete {min-height:42px;padding:9px 14px;background:#214b75;color:#fff;border:1px solid #5c85b4;border-radius:9px;font-weight:650;cursor:pointer} #sxBulkRefV20 .sx-v22-form button:disabled,#sxBulkRefV20 #sxV22Delete:disabled {opacity:.45;cursor:not-allowed} #sxBulkRefV20 #sxV22Delete.sx-v22-danger {background:#73303b;border-color:#cc6d73} #sxBulkRefV20 #sxV22Warning {color:#ffb1ad;font-weight:600;margin-bottom:14px} #sxBulkRefV20 #sxV22Status {min-height:22px;line-height:1.5;overflow-wrap:anywhere} @media(max-width:740px){#sxBulkRefV20 .sx-v22-form{grid-template-columns:1fr}} /* SCHAU_BULK_POLISH_V23 */ #streamsPage #sxMassEditorV171 { background:linear-gradient(145deg,#10233b 0%,#0e1d32 65%,#102139 100%)!important; border:1px solid #315573!important; border-radius:16px!important; box-shadow:0 18px 45px rgba(1,8,22,.25); } #sxMassEditorV171 .sx-mass-title { padding:20px 23px 9px!important; font-size:20px; letter-spacing:-.35px; } #sxMassEditorV171>p {padding:0 23px;margin:0 0 18px;color:#adc4de;line-height:1.55} /* Five tabs stay on one line at normal widths. */ #streamsPage #sxBulkRefV20 .sx-ref-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; padding:7px 9px; background:#142d4a; border-top:1px solid #2b4b69; border-bottom:1px solid #2b4b69; } #streamsPage #sxBulkRefV20 .sx-ref-tabs button { min-width:0; min-height:44px; padding:11px 8px; border:1px solid transparent; border-radius:9px; background:transparent; color:#c6dcf3; font-weight:700; font-size:13px; white-space:nowrap; } #streamsPage #sxBulkRefV20 .sx-ref-tabs button.active { background:linear-gradient(115deg,#1776d6,#1a59aa); border-color:#378fee; box-shadow:0 4px 14px rgba(0,68,158,.22); color:#fff; } #streamsPage #sxBulkRefV20 .sx-ref-tabs [data-ref-tab="delete"] {color:#ffb4b4} #streamsPage #sxBulkRefV20 .sx-ref-tabs [data-ref-tab="delete"].active { color:#fff; background:linear-gradient(115deg,#963e4e,#6a2536); border-color:#c16876; } #streamsPage #sxBulkRefV20 .sx-ref-select {padding:18px 22px 16px} #streamsPage #sxBulkRefV20 .sx-ref-modes {gap:8px} #streamsPage #sxBulkRefV20 .sx-ref-modes button { border-radius:9px; min-height:39px; padding:9px 14px; } #streamsPage #sxBulkRefV20 .sx-ref-modes .sx-ref-clear { margin-left:auto; color:#90d5ff; } #streamsPage #sxBulkRefV20 .sx-ref-help { margin:12px 0 11px; color:#acc3dd; line-height:1.5; } /* Search/filter controls form a dedicated row; action buttons follow. */ #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters { display:grid!important; grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(140px,1fr)) repeat(4,minmax(110px,.85fr)); gap:9px; padding:13px 0 15px; border-top:1px solid rgba(101,150,198,.19); } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > input, #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > select, #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > button { min-width:0; width:100%; margin:0; box-sizing:border-box; min-height:43px; border-radius:10px; } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > button {font-weight:700} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters #bulkStart {background:#0b5c72;border-color:#178fa5} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters #bulkStop {background:#542843;border-color:#9a456b} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters #bulkRestart {background:#303e79;border-color:#6579b8} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters #bulkClear {background:#182e48;border-color:#3e5f85} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #bulkCount, #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #countLabel { grid-column:span 4; padding:0 3px; font-size:12px; color:#92ccff; } #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #countLabel {text-align:right} #streamsPage #sxBulkRefV20 .sx-ref-pages { padding-top:12px; margin-top:10px; border-color:rgba(105,151,197,.28); } #streamsPage #sxBulkRefV20 .sx-ref-unavailable {padding:24px 22px} #streamsPage #sxBulkRefV20 .sx-v22-form {gap:16px 20px;max-width:950px} #streamsPage #sxBulkRefV20 .sx-v22-form button {max-width:350px} #streamsPage #sxBulkRefV20 #sxV22Delete {min-height:45px} @media(max-width:1380px) { #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters {grid-template-columns:repeat(4,minmax(0,1fr))} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > input:first-child {grid-column:span 1} } @media(max-width:750px) { #streamsPage #sxMassEditorV171 {border-radius:12px!important} #sxMassEditorV171 .sx-mass-title {padding:16px!important} #sxMassEditorV171>p {padding:0 16px} #streamsPage #sxBulkRefV20 .sx-ref-tabs {display:flex;overflow-x:auto;scrollbar-width:thin} #streamsPage #sxBulkRefV20 .sx-ref-tabs button {flex:0 0 auto;min-width:116px} #streamsPage #sxBulkRefV20 .sx-ref-select {padding:14px} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters {grid-template-columns:repeat(2,minmax(0,1fr))} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 .filters > input:first-child {grid-column:span 2} #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #bulkCount, #streamsPage #sxBulkRefV20 #sxRefToolbarV20 #countLabel {grid-column:span 1} } /* SCHAU_BULK_SELECTION_V24 */ #streamsPage #sxV24Selection{padding:11px 22px;background:#10243b;border-bottom:1px solid #2a4867;color:#a8d8fc} #streamsPage #sxV24Selection .sx-v24-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #streamsPage #sxV24Count{font-size:13px;font-weight:700;color:#8be4c0} #streamsPage #sxV24Toggle{border:1px solid #3b6185;border-radius:9px;background:#183955;color:#e5f5ff;padding:8px 12px;font-size:12px;font-weight:700} #streamsPage #sxV24Toggle:disabled{opacity:.45;cursor:default} #streamsPage #sxV24Details{padding:12px 0 3px} #streamsPage #sxV24Items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto} #streamsPage .sx-v24-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#0c1c31;border:1px solid #315373;border-radius:8px;color:#ddeeff;min-width:0} #streamsPage .sx-v24-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px} #streamsPage .sx-v24-item button{flex:0 0 auto;background:#552d3d;color:#fff;border:1px solid #9a5466;border-radius:7px;min-width:28px;min-height:28px} #streamsPage #sxV24More{color:#a5c7e3;font-size:12px;margin:8px 2px 0} @media(max-width:1050px){#streamsPage #sxV24Items{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){#streamsPage #sxV24Selection{padding:10px 14px}#streamsPage #sxV24Items{grid-template-columns:1fr}} /* SCHAU_LB_INSTALL_STATUS_UI_V26 */ #sxV26Verify{margin:16px 0 7px;padding:16px;border:1px solid #345b7e;background:#10243a;border-radius:12px} #sxV26Verify .sx-v26-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap} #sxV26Verify label{font-weight:700;color:#cfe4fa;font-size:13px} #sxV26Verify select{min-width:220px;min-height:40px;max-width:100%;background:#081a2f;color:#eef7ff;border:1px solid #49749a;border-radius:9px;padding:7px 10px} #sxV26Verify button{min-height:40px;padding:8px 15px;border:1px solid #4381c5;background:#1d5c9c;color:#fff;border-radius:9px;font-weight:700;cursor:pointer} #sxV26Verify button:disabled{opacity:.45;cursor:default} #sxV26Result{font-size:13px;color:#ffbdab;margin:10px 0 0} #sxV26Result.sx-v26-ok{color:#81e4b9} /* SCHAU_X_XUI_NAV_V75 — visual navigation inspired by reference workflow, original SCHAU X theme. */ #app #sx75Nav{display:block;position:relative;z-index:400;background:linear-gradient(95deg,#101d34,#142443 52%,#101d34);border-bottom:1px solid #2c4162;box-shadow:0 9px 25px rgba(1,8,22,.24);color:#dfecfc;padding:0 22px} #sx75Nav .sx75-nav-inner{display:flex;align-items:stretch;gap:5px;min-height:58px;max-width:1780px;margin:auto} #sx75Nav .sx75-main-link{appearance:none;border:1px solid transparent;background:transparent;color:#c2d6ee;display:flex;align-items:center;gap:9px;justify-content:center;padding:13px 16px;margin:6px 0;border-radius:10px;font-size:13px;line-height:1.4;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .16s,border-color .16s,color .16s} #sx75Nav .sx75-main-link:hover,#sx75Nav .sx75-main-link.sx75-open{color:#fff;background:#213856;border-color:#355a85} #sx75Nav .sx75-main-link.sx75-current{color:#f4fbff;background:#154a7c;border-color:#2673aa} #sx75Nav .sx75-icon{color:#65d7f6;font-size:17px;font-weight:700} #sx75Nav .sx75-caret{color:#82a3c7;margin-left:3px;font-size:16px} #sx75Nav .sx75-menu{position:fixed;z-index:999999;box-sizing:border-box;border-radius:13px;border:1px solid #365272;background:#13243b;box-shadow:0 20px 48px #020918b8;padding:8px;max-height:min(72vh,600px);overflow-y:auto} #sx75Nav .sx75-menu[hidden]{display:none!important} #sx75Nav .sx75-menu button{display:block;width:100%;border:0;border-radius:8px;padding:12px 14px;text-align:left;background:transparent;color:#e0edfd;font-size:13px;cursor:pointer} #sx75Nav .sx75-menu button:hover,#sx75Nav .sx75-menu button:focus-visible{background:#255077;color:#fff;outline:0} #sx75Nav .sx75-menu button.sx75-selected{background:#154a78;color:#fff;font-weight:750;border-left:3px solid #35d4ef} #app #sidebar{display:none!important} #app .shell{display:block!important;min-width:0;width:100%!important} #app .shell main.main{box-sizing:border-box!important;width:100%!important;max-width:1700px!important;margin-inline:auto!important;padding-inline:clamp(16px,2.8vw,42px)!important;min-width:0!important} #app .top #toggle{display:none!important} #app .pagetitle{align-items:center;gap:14px} #app .pagetitle h1{letter-spacing:-.028em} #app .workspace,#app .panel{border-radius:14px} #app button:focus-visible,#sx75Nav button:focus-visible{outline:2px solid #48d7fa;outline-offset:2px} @media(max-width:1120px){ #app #sx75Nav{padding:0 9px} #sx75Nav .sx75-nav-inner{gap:0;justify-content:space-between} #sx75Nav .sx75-main-link{font-size:12px;padding:11px 8px;gap:5px} #sx75Nav .sx75-icon{font-size:15px} } @media(max-width:740px){ #app #sx75Nav{overflow-x:auto;scrollbar-width:thin} #sx75Nav .sx75-nav-inner{justify-content:flex-start;min-width:max-content;min-height:51px} #sx75Nav .sx75-main-link{padding:9px 10px;margin:5px 0} #sx75Nav .sx75-menu{font-size:12px} #app .shell main.main{padding-inline:12px!important} #app .top .topmetric{display:none} } /* SCHAU_X_EDITOR_V76 — monitoring cards for the existing five-tab stream form. */ #createDialog #sx76EditorStatus{background:linear-gradient(110deg,#122946,#18243b);border:1px solid #345376;border-radius:12px;padding:14px 15px;margin:2px 0 8px;color:#e9f4ff;min-width:0} #createDialog #sx76EditorStatus[hidden]{display:none!important} #sx76EditorStatus .sx76-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:13px} #sx76EditorStatus .sx76-head strong{font-size:14px;color:#e7f7ff} #sx76EditorStatus .sx76-head-actions{display:flex;gap:8px;flex-wrap:wrap} #sx76EditorStatus .sx76-secondary{border:1px solid #476586;background:#223c5a;color:#e4f4ff;font-size:12px;border-radius:7px;padding:8px 10px;cursor:pointer} #sx76EditorStatus .sx76-secondary:hover{background:#2a577a} #sx76EditorStatus .sx76-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} #sx76EditorStatus .sx76-card{min-width:0;background:#0c1d32;border:1px solid #2a415d;border-radius:9px;padding:11px;display:grid;gap:8px} #sx76EditorStatus .sx76-card small{text-transform:uppercase;letter-spacing:.06em;color:#90accd;font-weight:700;font-size:10px} #sx76EditorStatus .sx76-card strong{display:block;overflow-wrap:anywhere;line-height:1.4;font-size:12px;color:#e3f0fc} #sx76EditorStatus .sx76-card .sx76-good{color:#5ae5b0} #sx76EditorStatus .sx76-card .sx76-warn{color:#ffd078} #sx76EditorStatus .sx76-card .sx76-off{color:#a8b7c9} #sx76EditorStatus .sx76-note{font-size:12px;margin:12px 0 0;color:#bad0e6;overflow-wrap:anywhere} @media(max-width:720px){#sx76EditorStatus .sx76-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:430px){#sx76EditorStatus .sx76-metrics{grid-template-columns:1fr}} /* SCHAU_X_CATEGORY_TREE_UI_V77 — nested live category manager. */ #categoriesPage.sx77-ready>.cluster-pad{display:none!important} #categoriesPage #sx77Categories{padding:20px;display:grid;gap:17px;color:#ecf5ff;background:#111e32;border:1px solid #2a4260;border-radius:15px;margin:16px} #sx77Categories .sx77-intro{font-size:13px;color:#a6bdd8;line-height:1.55;margin:0} #sx77Categories .sx77-create{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1.2fr) auto;gap:12px;align-items:center} #sx77Categories .sx77-create input,#sx77Categories .sx77-create select,#sx77Categories .sx77-toolbar input{min-width:0;width:100%;box-sizing:border-box;background:#13263e;color:#f2f8ff;border:1px solid #385675;border-radius:9px;min-height:43px;padding:10px 12px} #sx77Categories .sx77-create button{min-height:43px;white-space:nowrap} #sx77Categories .sx77-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap} #sx77Categories .sx77-toolbar input{flex:1 1 280px} #sx77Categories .sx77-toolbar strong{font-size:12px;color:#83b7f4} #sx77Categories .sx77-list{display:grid;gap:7px;min-height:45px} #sx77Categories .sx77-item{display:flex;align-items:center;gap:12px;padding:10px 12px 10px calc(12px + var(--sx77-depth)*25px);background:#162941;border:1px solid #2d4663;border-radius:10px;min-height:47px;transition:background .15s,border-color .15s} #sx77Categories .sx77-item:hover{background:#1b3350;border-color:#46729d} #sx77Categories .sx77-item.sx77-over{border:1px dashed #4dddfb;background:#205276} #sx77Categories .sx77-drag{color:#65bfea;cursor:grab;user-select:none;font-size:19px;padding:0 6px} #sx77Categories .sx77-item>strong{font-size:14px;min-width:100px;flex:1 1 160px;overflow-wrap:anywhere} #sx77Categories .sx77-count{font-size:11px;color:#b3d9ff;background:#153c65;border-radius:7px;padding:7px 9px;white-space:nowrap} #sx77Categories .sx77-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end} #sx77Categories .sx77-actions select{background:#0c2137;color:#e0eefa;border:1px solid #37516b;border-radius:7px;padding:8px 8px;max-width:205px;min-width:115px;font-size:12px} #sx77Categories .sx77-small{min-width:30px;min-height:32px;border:1px solid #3a5472;border-radius:7px;background:#233a55;color:#e3f0ff;font-size:16px;cursor:pointer} #sx77Categories .sx77-small:hover:not(:disabled){background:#2b618b} #sx77Categories .sx77-small:disabled{opacity:.35;cursor:not-allowed} #sx77Categories .sx77-small.sx77-remove{color:#ffc0c0} #sx77Categories .sx77-notice{margin:0;min-height:20px;color:#a9d4f6;font-size:12px} @media(max-width:900px){#sx77Categories .sx77-create{grid-template-columns:1fr 1fr}#sx77Categories .sx77-create button{grid-column:1/-1}#sx77Categories .sx77-item{flex-wrap:wrap}#sx77Categories .sx77-actions{flex-basis:100%}} @media(max-width:600px){#categoriesPage #sx77Categories{padding:12px;margin:8px}#sx77Categories .sx77-create{grid-template-columns:1fr}#sx77Categories .sx77-create button{grid-column:auto}#sx77Categories .sx77-item{padding-left:calc(8px + var(--sx77-depth)*13px)}#sx77Categories .sx77-actions select{min-width:100px}} /* SCHAU_X_BOUQUET_MANAGER_V78 */ #bouquetsPage #sx78Manager {display:grid;gap:16px;margin:0 0 20px;color:#e8f1fc} #bouquetsPage .sx78-title {display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;border:1px solid #254465;border-radius:16px;background:linear-gradient(116deg,#142e4c,#101d33 72%,#193b54)} #bouquetsPage .sx78-kicker {font-weight:800;letter-spacing:2px;font-size:11px;color:#66d8e4} #bouquetsPage .sx78-title h2 {font-size:25px;margin:7px 0} #bouquetsPage .sx78-title p {margin:0;color:#afc5dd} #bouquetsPage .sx78-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #bouquetsPage .sx78-stats span {background:#152740;border:1px solid #2a4964;border-radius:12px;padding:15px;color:#b9c9d9} #bouquetsPage .sx78-stats b {font-size:22px;color:#fff;margin-right:8px} #bouquetsPage .sx78-toolbar,#bouquetsPage .sx78-editorbar {display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#12243c;border:1px solid #29465f;border-radius:12px;padding:12px 16px} #bouquetsPage .sx78-editorbar {margin:6px 0} #bouquetsPage .sx78-editorbar strong {font-size:14px;align-self:center} #bouquetsPage .sx78-editorbar span {align-self:center;color:#72d7e8;font-weight:700} #bouquetsPage #sx78Manager label {display:grid;gap:5px;font-size:12px;color:#b7cadb;min-width:150px} #bouquetsPage #sx78Manager input,#bouquetsPage #sx78Manager select {padding:10px;border:1px solid #365a74;background:#08192d;border-radius:9px;color:#f0f7ff;min-height:39px} #bouquetsPage #sx78Manager button:not(.primary) {background:#24415d;border:1px solid #3b6680;border-radius:9px;color:#e5f7ff;padding:10px;cursor:pointer} #bouquetsPage #sx78Manager button:hover {filter:brightness(1.18)} #bouquetsPage #sx78Found {align-self:center;margin-left:auto;color:#aec6dc} #bouquetsPage #bouquetForm {background:#10223a!important;border-color:#335571!important} #bouquetsPage #bouquetStreams,#bouquetsPage #bouquetCustomers {max-height:360px;overflow:auto;border:1px solid #2b4967;border-radius:10px;padding:8px;background:#0c1c31} #bouquetsPage #bouquetStreams label,#bouquetsPage #bouquetCustomers label {padding:7px 10px;border:1px solid #28445e;border-radius:7px;margin:2px!important;background:#152d46;flex:1 1 210px;max-width:360px;cursor:pointer} #bouquetsPage #bouquetStreams label[hidden],#bouquetsPage #bouquetCustomers label[hidden] {display:none!important} #bouquetsPage tr.sx78-current td {background:rgba(55,179,208,.12)} @media(max-width:720px){#bouquetsPage .sx78-title{align-items:stretch;flex-direction:column}#bouquetsPage .sx78-stats{grid-template-columns:1fr}#bouquetsPage #sx78Manager label{flex:1 1 100%}#bouquetsPage #sx78Found{margin-left:0}} /* SCHAU_X_SMART_BULK_V79 */ #sx79Bulk{display:grid;gap:12px;padding:18px;background:linear-gradient(120deg,#102a45,#0c1c30);border:1px solid #2f5673;border-radius:14px;margin:10px 0 16px;color:#e5f2ff} #sx79Bulk .sx79-head{display:flex;justify-content:space-between;align-items:center;gap:12px} #sx79Bulk .sx79-kicker{color:#76d8eb;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:800} #sx79Bulk h3{font-size:21px;margin:3px 0 5px} #sx79Bulk p{margin:0;color:#a5bed6} #sx79Bulk #sx79Count{background:#174d62;color:#b8f7fb;border:1px solid #2c768a;padding:9px 12px;border-radius:30px;font-weight:750;white-space:nowrap} #sx79Bulk .sx79-controls{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px} #sx79Bulk label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#bdd1e3} #sx79Bulk input,#sx79Bulk select{background:#08192d;border:1px solid #3b5d7a;color:#e6f2ff;border-radius:9px;padding:10px;min-height:40px;width:100%;min-width:0} #sx79Bulk .sx79-actionbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap} #sx79Bulk .sx79-actionbar button{padding:9px 12px;border:1px solid #49748e;border-radius:8px;color:#e6f6ff;background:#244862;cursor:pointer} #sx79Bulk .sx79-actionbar button:hover{background:#31617f} #sx79Bulk .sx79-actionbar strong{margin-right:8px;color:#89d9e8} #sx79Bulk #sx79Info{color:#b6dfd2;font-size:12px} #sx79Bulk #sx79Info.sx79-error{color:#ffb9af} #sx79Bulk .sx79-preview{border:1px solid #315370;border-radius:9px;background:#0e2137;padding:10px 12px} #sx79Bulk .sx79-preview summary{font-weight:700;cursor:pointer} #sx79Bulk #sx79Chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px} #sx79Bulk .sx79-chip{border:1px solid #426783;border-radius:20px;background:#1d3c56;display:flex;gap:8px;align-items:center;padding:5px 7px 5px 11px;font-size:12px} #sx79Bulk .sx79-chip button{border:0;border-radius:50%;width:23px;height:23px;color:#fff;background:#3c5972;cursor:pointer} @media(max-width:1150px){#sx79Bulk .sx79-controls{grid-template-columns:repeat(3,minmax(150px,1fr))}} @media(max-width:680px){#sx79Bulk .sx79-controls{grid-template-columns:1fr}#sx79Bulk .sx79-head{align-items:flex-start;flex-direction:column}} /* SCHAU_X_EPG_ASSIST_V80 */ #epgPage #sx80Epg{border:1px solid #315771;background:linear-gradient(125deg,#112b48,#0c1b2f);padding:18px;border-radius:15px;display:grid;gap:14px;margin:18px 0;color:#e2effd} #epgPage #sx80Epg .sx80-title{display:flex;justify-content:space-between;align-items:center;gap:15px} #epgPage #sx80Epg .sx80-title span{color:#70d9e7;letter-spacing:1.5px;font-size:11px;font-weight:800} #epgPage #sx80Epg .sx80-title h3{font-size:22px;margin:4px 0 5px} #epgPage #sx80Epg .sx80-title p{color:#b0c9dc;margin:0} #epgPage #sx80Epg .sx80-title strong{color:#c5f3ed;background:#174d5d;padding:10px;border-radius:9px;white-space:nowrap} #epgPage #sx80Epg .sx80-tools{display:grid;grid-template-columns:2fr auto 2fr 1fr;gap:10px;align-items:end} #epgPage #sx80Epg label{display:flex;flex-direction:column;gap:6px;color:#b6cee3;font-size:12px} #epgPage #sx80Epg select,#epgPage #sx80Epg input{background:#071829;border:1px solid #355873;color:#eaf5ff;border-radius:9px;min-height:40px;padding:9px;min-width:0;width:100%} #epgPage #sx80Epg .sx80-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px} #epgPage #sx80Epg .sx80-actions>button:not(.primary){background:#26475e;border:1px solid #48728c;color:#e2f4ff;border-radius:8px;padding:10px;cursor:pointer} #epgPage #sx80Epg .sx80-actions .primary{margin-left:auto} #epgPage #sx80Epg button:disabled{opacity:.5;cursor:not-allowed} #epgPage #sx80Epg .sx80-tablewrap{max-height:440px;overflow:auto;border:1px solid #2e4f6d;border-radius:9px;background:#0c1e31} #epgPage #sx80Epg table{width:100%;border-collapse:collapse} #epgPage #sx80Epg th,#epgPage #sx80Epg td{padding:10px;border-bottom:1px solid #24415b;text-align:left} #epgPage #sx80Epg thead{position:sticky;top:0;background:#1b3652} #epgPage #sx80Epg .sx80-exact{color:#8dedbf;font-weight:800} #epgPage #sx80Epg .sx80-review{color:#ffcf80} #epgPage #sx80Epg #sx80Message{color:#aed8cd} #epgPage #sx80Epg #sx80Message.sx80-error{color:#ffc0ad} @media(max-width:1000px){#epgPage #sx80Epg .sx80-tools{grid-template-columns:repeat(2,minmax(160px,1fr))}} @media(max-width:600px){#epgPage #sx80Epg .sx80-tools{grid-template-columns:1fr}#epgPage #sx80Epg .sx80-title{align-items:flex-start;flex-direction:column}} /* SCHAU_X_SERVER_TREE_V81 */ #clusterPage #sx81Tree{display:grid;gap:16px;border:1px solid #2f546f;background:linear-gradient(120deg,#0e243d,#0b1a2d);border-radius:17px;padding:20px;margin-bottom:20px;color:#e7f3ff} #clusterPage #sx81Tree .sx81-head{display:flex;justify-content:space-between;align-items:center;gap:15px} #clusterPage #sx81Tree .sx81-kicker{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#65dce9} #clusterPage #sx81Tree h2{margin:5px 0;font-size:24px} #clusterPage #sx81Tree p{margin:4px 0;color:#adc8dd} #clusterPage #sx81Tree button{border:1px solid #42728d;background:#24526c;color:#ecf9ff;padding:9px 12px;border-radius:9px;cursor:pointer} #clusterPage #sx81Tree button:hover{background:#326783} #clusterPage #sx81Tree button:disabled{opacity:.6;cursor:wait} #clusterPage #sx81Tree .sx81-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} #clusterPage #sx81Tree .sx81-summary span{padding:13px;background:#17314a;border:1px solid #355570;border-radius:12px;color:#a8c2d9} #clusterPage #sx81Tree .sx81-summary b{font-size:24px;color:#eafaff;margin-right:9px} #clusterPage #sx81Tree .sx81-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border:1px solid #2c4e69;background:#0c1d30;padding:12px;border-radius:12px} #clusterPage #sx81Tree label{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1;color:#bad0e0;font-size:12px} #clusterPage #sx81Tree input,#clusterPage #sx81Tree select{background:#071727;border:1px solid #365b79;color:#f2faff;padding:10px;border-radius:9px;min-height:40px;width:100%} #clusterPage #sx81Tree #sx81Notice{font-size:12px;color:#a9daca;align-self:center} #clusterPage #sx81Tree .sx81-list{display:grid;gap:12px} #clusterPage #sx81Tree .sx81-card{border:1px solid #31536d;border-radius:12px;background:#132943;overflow:hidden} #clusterPage #sx81Tree .sx81-node-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px} #clusterPage #sx81Tree .sx81-node-label{display:flex;align-items:center;gap:13px;flex:1;min-width:210px} #clusterPage #sx81Tree .sx81-node-label strong,#clusterPage #sx81Tree .sx81-node-label small{display:block} #clusterPage #sx81Tree .sx81-node-label strong{font-size:17px} #clusterPage #sx81Tree .sx81-node-label small{margin-top:3px;color:#a8c1d6} #clusterPage #sx81Tree .sx81-node-icon{width:48px;height:48px;display:grid;place-items:center;background:#16627c;color:#d9fbff;border-radius:12px;font-weight:800;font-size:13px} #clusterPage #sx81Tree .sx81-node-count{color:#a7daca;font-weight:700} #clusterPage #sx81Tree .sx81-node-actions{display:flex;gap:7px;flex-wrap:wrap} #clusterPage #sx81Tree .sx81-expand{border-top:1px solid #2a4b66;background:#0d2035} #clusterPage #sx81Tree .sx81-expand summary{cursor:pointer;padding:10px 16px;font-size:13px;color:#a4d9ec} #clusterPage #sx81Tree .sx81-channels{max-height:430px;overflow:auto;padding:0 12px 10px} #clusterPage #sx81Tree .sx81-channel{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #29435a} #clusterPage #sx81Tree .sx81-channel>span:nth-child(2){flex:1;min-width:150px} #clusterPage #sx81Tree .sx81-channel small{color:#9eb9cc} #clusterPage #sx81Tree .sx81-channel button{padding:5px 9px;font-size:12px} #clusterPage #sx81Tree .sx81-online{color:#66e3a3} #clusterPage #sx81Tree .sx81-offline{color:#8e9baa} #clusterPage #sx81Tree .sx81-empty{padding:12px} #clusterPage #sx81Tree .sx81-footnote{font-size:12px;border-top:1px solid #304d69;padding-top:12px;color:#aac4d8} @media(max-width:700px){#clusterPage #sx81Tree .sx81-head{flex-direction:column;align-items:flex-start}#clusterPage #sx81Tree .sx81-summary{grid-template-columns:1fr}#clusterPage #sx81Tree .sx81-channel{flex-wrap:wrap}} /* SCHAU_X_STANDBY_PLAN_V82 */ #clusterPage #sx82Standby{border:1px solid #365f78;border-radius:16px;background:linear-gradient(116deg,#0f2a44,#0b1b2e);padding:20px;margin:15px 0;display:grid;gap:15px;color:#e5f2ff} #clusterPage #sx82Standby .sx82-header{display:flex;justify-content:space-between;align-items:center;gap:15px} #clusterPage #sx82Standby .sx82-header span{font-size:11px;color:#66d9e4;font-weight:800;letter-spacing:1.6px} #clusterPage #sx82Standby h2{font-size:23px;margin:5px 0} #clusterPage #sx82Standby p{color:#a9c5da;margin:4px 0} #clusterPage #sx82Standby .sx82-header strong{white-space:nowrap;color:#b4f3e6;padding:9px 12px;border-radius:10px;background:#175263} #clusterPage #sx82Standby .sx82-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.8fr);gap:13px} #clusterPage #sx82Standby .sx82-form,#clusterPage #sx82Standby .sx82-overview{padding:16px;border:1px solid #31536d;border-radius:12px;background:#122841;min-width:0} #clusterPage #sx82Standby .sx82-form>label{display:grid;gap:6px;color:#bed0df;font-size:13px;margin-bottom:12px} #clusterPage #sx82Standby select,#clusterPage #sx82Standby input[type="search"]{background:#071a2b;color:#eaf6ff;border:1px solid #3d607a;border-radius:9px;padding:10px;min-height:40px;max-width:100%} #clusterPage #sx82Standby .sx82-primary{color:#78e4c2;border:1px solid #255d5d;background:#113c46;border-radius:8px;padding:10px;font-weight:700} #clusterPage #sx82Standby h3{font-size:16px;margin:15px 0 10px} #clusterPage #sx82Standby .sx82-nodelist{display:grid;gap:8px;max-height:300px;overflow:auto} #clusterPage #sx82Standby .sx82-node{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:10px;border:1px solid #315571;border-radius:9px;background:#18354f;cursor:pointer} #clusterPage #sx82Standby .sx82-node span{flex:1;min-width:160px} #clusterPage #sx82Standby .sx82-node small{color:#82daca} #clusterPage #sx82Standby .sx82-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} #clusterPage #sx82Standby button{border:1px solid #40758d;background:#21485f;border-radius:8px;color:#e8f8ff;padding:9px 12px;cursor:pointer} #clusterPage #sx82Standby button:disabled{opacity:.5;cursor:not-allowed} #clusterPage #sx82Standby #sx82Msg{color:#9de7c9} #clusterPage #sx82Standby #sx82Msg.sx82-error{color:#ffc2b9} #clusterPage #sx82Standby #sx82Existing{display:grid;gap:8px;max-height:445px;overflow:auto} #clusterPage #sx82Standby .sx82-plan{text-align:left;display:grid;gap:4px;background:#203c55} #clusterPage #sx82Standby .sx82-plan small{color:#accada} #clusterPage #sx82Standby .sx82-note{border-top:1px solid #355776;padding-top:11px;font-size:12px} @media(max-width:820px){#clusterPage #sx82Standby .sx82-layout{grid-template-columns:1fr}#clusterPage #sx82Standby .sx82-header{align-items:flex-start;flex-direction:column}} /* SCHAU_X_FAILOVER_PREFLIGHT_V83 */ #clusterPage #sx83Failover{margin:15px 0;border:1px solid #366277;background:linear-gradient(115deg,#102b42,#09192b);color:#e9f5ff;padding:20px;border-radius:16px;display:grid;gap:15px} #clusterPage #sx83Failover .sx83-head{display:flex;align-items:center;justify-content:space-between;gap:16px} #clusterPage #sx83Failover .sx83-head span{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#75d5e9} #clusterPage #sx83Failover h2{font-size:23px;margin:5px 0} #clusterPage #sx83Failover p{margin:5px 0;color:#b7cce0} #clusterPage #sx83Failover .sx83-head strong{padding:10px 12px;background:#16566a;color:#c9f8ff;border-radius:8px} #clusterPage #sx83Failover .sx83-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px} #clusterPage #sx83Failover label{display:flex;flex-direction:column;gap:6px;color:#b9d1e5;font-size:13px;flex:1;min-width:190px} #clusterPage #sx83Failover select{background:#071929;color:#ecf9ff;border:1px solid #3f647d;border-radius:8px;padding:10px;min-height:40px;width:100%} #clusterPage #sx83Failover button{padding:10px 12px;background:#26536c;color:#e8f7ff;border:1px solid #49768e;border-radius:9px;cursor:pointer;min-height:40px} #clusterPage #sx83Failover button:disabled{opacity:.5;cursor:not-allowed} #clusterPage #sx83Failover .sx83-report{padding:13px;background:#0e2438;border:1px solid #32536e;border-radius:10px} #clusterPage #sx83Failover .sx83-report p{font-size:13px} #clusterPage #sx83Failover .sx83-report small{color:#99bfd3} #clusterPage #sx83Failover .sx83-green{color:#88e7bd} #clusterPage #sx83Failover .sx83-red{color:#ffb6a7} #clusterPage #sx83Failover .sx83-warning{font-size:12px;padding:12px;border-left:4px solid #e6b569;background:#3c302e;border-radius:6px;color:#f5dcbd} @media(max-width:740px){#clusterPage #sx83Failover .sx83-head{align-items:flex-start;flex-direction:column}} /* SCHAU_X_OPERATIONS_SUITE_V84 */ #clusterPage #sx84Operations{display:grid;gap:18px;padding:20px;border:1px solid #34617a;background:linear-gradient(120deg,#102b47,#091a2c);border-radius:18px;color:#e6f5ff;margin-bottom:22px} #clusterPage #sx84Operations .sx84-header{display:flex;justify-content:space-between;gap:16px;align-items:center} #clusterPage #sx84Operations .sx84-header span{color:#70d8e9;font-size:11px;letter-spacing:1.7px;font-weight:800} #clusterPage #sx84Operations h2{margin:6px 0;font-size:25px} #clusterPage #sx84Operations p{margin:4px 0;color:#abc9db} #clusterPage #sx84Operations .sx84-header-actions{display:flex;gap:10px;flex-wrap:wrap} #clusterPage #sx84Operations button{border:1px solid #41728c;background:#234963;color:#e8f7ff;padding:10px 13px;border-radius:9px;cursor:pointer} #clusterPage #sx84Operations button:disabled{opacity:.5;cursor:wait} #clusterPage #sx84Operations .sx84-cards{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px} #clusterPage #sx84Operations .sx84-card{background:#17344f;border:1px solid #37617e;border-radius:12px;display:grid;gap:7px;padding:16px} #clusterPage #sx84Operations .sx84-card strong{font-size:24px;color:#e1fbff} #clusterPage #sx84Operations .sx84-card span{color:#b8d0e2;font-size:12px} #clusterPage #sx84Operations .sx84-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px} #clusterPage #sx84Operations .sx84-block{background:#122a42;border:1px solid #305572;border-radius:12px;padding:15px;min-width:0} #clusterPage #sx84Operations .sx84-wide{grid-column:1/-1} #clusterPage #sx84Operations .sx84-blockhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} #clusterPage #sx84Operations h3{font-size:17px;margin:0 0 7px} #clusterPage #sx84Operations .sx84-list{display:grid;gap:8px;margin-top:12px;max-height:350px;overflow:auto} #clusterPage #sx84Operations .sx84-node{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#1a3854;border:1px solid #365976;border-radius:9px;padding:11px} #clusterPage #sx84Operations .sx84-node>div{flex:1;min-width:150px} #clusterPage #sx84Operations .sx84-node strong,#clusterPage #sx84Operations .sx84-node small{display:block} #clusterPage #sx84Operations .sx84-node small{color:#9dbed1;margin-top:4px} #clusterPage #sx84Operations .sx84-pill{border-radius:30px;padding:7px 10px;font-size:11px;font-weight:750} #clusterPage #sx84Operations .sx84-ok{background:#1d684c;color:#c2fbd8} #clusterPage #sx84Operations .sx84-bad{background:#763b3e;color:#ffdbd8} #clusterPage #sx84Operations .sx84-neutral{background:#365873;color:#d3eaff} #clusterPage #sx84Operations .sx84-node-info{width:100%;font-size:12px} #clusterPage #sx84Operations .sx84-issue{color:#ffdab4;border-left:3px solid #c99650;background:#302f39;padding:10px} #clusterPage #sx84Operations .sx84-good{color:#92e6bf} #clusterPage #sx84Operations .sx84-inline{display:flex;gap:8px;flex-wrap:wrap;flex:1;justify-content:flex-end} #clusterPage #sx84Operations input,#clusterPage #sx84Operations select{border:1px solid #3a6881;background:#071b2b;color:#e5f4ff;border-radius:8px;padding:9px;min-height:39px;min-width:120px} #clusterPage #sx84Operations .sx84-out{min-height:78px;border:1px solid #325772;border-radius:9px;background:#071f32;white-space:pre-wrap;padding:12px;font-size:13px;color:#c9e7f4;margin-top:13px} #clusterPage #sx84Operations footer{display:grid;gap:6px;border-top:1px solid #395f77;padding-top:12px} #clusterPage #sx84Operations #sx84Status{color:#9cddd5} #clusterPage #sx84Operations footer small{color:#a4becf} @media(max-width:980px){#clusterPage #sx84Operations .sx84-cards{grid-template-columns:repeat(2,1fr)}#clusterPage #sx84Operations .sx84-sections{grid-template-columns:1fr}#clusterPage #sx84Operations .sx84-header{align-items:flex-start;flex-direction:column}} @media(max-width:530px){#clusterPage #sx84Operations .sx84-cards{grid-template-columns:1fr}} /* SCHAU_X_CLEAN_REDESIGN_V85 - calm operations interface. */ #app{--sx85-ink:#e9f0fb;--sx85-muted:#9eafc6;--sx85-border:#2b3b53;--sx85-accent:#5ea9e8;background:#0e1522!important;color:var(--sx85-ink)} #app #sx75Nav{display:none!important} #app .top{position:sticky!important;top:0!important;z-index:200!important;min-height:68px!important;background:#111c2b!important;border-bottom:1px solid #29394f!important;box-shadow:none!important;padding-inline:24px!important} #app .top .logo{display:none!important} #app .top .topmetric{padding:6px 12px!important;min-width:auto!important;background:transparent!important;border:0!important;font-size:10px!important;color:var(--sx85-muted)!important} #app .top .topmetric b{font-size:15px!important;color:#eef6ff!important} #app .top .topsearch{max-width:460px!important;flex:1 1 270px!important;background:#172638!important;border-color:#344964!important;border-radius:10px!important} #app .top .user{white-space:nowrap} #app .shell{display:grid!important;grid-template-columns:246px minmax(0,1fr)!important;width:100%!important;min-height:calc(100vh - 68px)!important;align-items:stretch!important} #app #sidebar{display:block!important;position:sticky!important;top:68px!important;height:calc(100vh - 68px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#111b29!important;border-right:1px solid #27384e!important;box-shadow:none!important;width:246px!important;padding:0!important;visibility:visible!important} #app #sidebar>.sidegroup,#app #sidebar>.sidefoot{display:none!important} #sx85CleanMenu{display:block;padding:20px 12px 30px} #sx85CleanMenu .sx85-brand{display:flex;gap:12px;align-items:center;padding:2px 13px 23px;border-bottom:1px solid #2a394b;margin-bottom:15px} #sx85CleanMenu .sx85-emblem{display:grid;place-items:center;width:36px;height:36px;background:#214765;border-radius:11px;color:#96d0fa;font-size:24px;font-weight:800} #sx85CleanMenu .sx85-brand strong{display:block;color:#fff;font-size:16px;letter-spacing:.02em} #sx85CleanMenu .sx85-brand small{display:block;color:#8da3bb;font-size:10px;letter-spacing:.13em;margin-top:4px} #sx85CleanMenu .sx85-group{margin-bottom:17px} #sx85CleanMenu .sx85-group-label{padding:10px 13px 7px;color:#8195af;font-size:10px;letter-spacing:.13em;font-weight:800} #sx85CleanMenu .sx85-menu-item{appearance:none;border:1px solid transparent;background:transparent;border-radius:9px;color:#b9cbe0;display:flex;align-items:center;gap:11px;text-align:left;width:100%;min-height:39px;padding:9px 12px;margin:2px 0;cursor:pointer;font-size:13px;font-weight:600;transition:background .12s,color .12s} #sx85CleanMenu .sx85-menu-item:hover{background:#1c2d43;color:#fff} #sx85CleanMenu .sx85-menu-item.active{color:#f4faff;background:#214664;border-color:#32658b;box-shadow:inset 3px 0 0 #61b6ee} #sx85CleanMenu .sx85-menu-icon{display:inline-flex;width:20px;flex:0 0 20px;justify-content:center;font-size:16px;color:#87bce3} #app .shell main.main{min-width:0!important;max-width:1600px!important;width:100%!important;margin-inline:auto!important;padding:26px clamp(20px,2.5vw,36px) 80px!important;box-sizing:border-box!important} #app .eyebrow{margin-bottom:10px!important;opacity:.78} #app .pagetitle{margin-bottom:23px!important;padding-bottom:18px!important;border-bottom:1px solid #2a3d54!important} #app .pagetitle h1{font-size:clamp(24px,2vw,32px)!important;font-weight:750!important;letter-spacing:-.035em!important} #app .pagetitle p{color:#9fb2c9!important;font-size:13px!important} #app .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:20px!important} #app .stats .stat{padding:17px!important;min-height:110px!important;border-radius:13px!important;background:#162439!important;border:1px solid #2b405b!important;box-shadow:none!important} #app .stats .stat:before{display:none!important} #app .stats .stat strong{font-size:28px!important} #app .stats .statlabel{font-size:10px!important;color:#9eb5cf!important} #app .workspace,#app .panel{border-radius:14px!important;box-shadow:none!important} #app .workspace{margin-top:12px!important} #app[data-sx85-page]:not([data-sx85-page="overview"]):not([data-sx85-page="streams"]) .stats{display:none!important} #app[data-sx85-page="cluster"] #sx84Operations{margin-top:14px!important} #app[data-sx85-page="cluster"] #sx84Operations .sx84-cards{gap:10px!important} #app .main button.primary,#app .modal button.primary{background:#246caa!important;border-color:#3988c5!important;color:#fff!important;box-shadow:none!important} #app .main button.primary:hover{background:#2b80c4!important} #app .main input,#app .main select,#app .main textarea{border-radius:8px!important} #app .tablewrap{border-radius:10px!important;max-width:100%} #app table th{text-transform:none!important;letter-spacing:.025em!important;color:#aec4dd!important} #app #sx85MobileToggle{display:none;border:1px solid #38506b;background:#182e46;color:#e8f5ff;border-radius:9px;padding:9px 12px;font-size:18px;cursor:pointer} @media(max-width:1150px){#app .shell{grid-template-columns:216px minmax(0,1fr)!important}#app #sidebar{width:216px!important}#app .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:800px){ #app .shell{display:block!important;min-height:auto!important} #app #sidebar{display:none!important;position:fixed!important;z-index:201!important;top:66px!important;left:0!important;width:min(286px,88vw)!important;height:calc(100dvh - 66px)!important;box-shadow:12px 0 35px #0009!important} #app.sx85-mobile-open #sidebar{display:block!important} #app #sx85MobileToggle{display:inline-flex!important} #app .shell main.main{padding:18px 12px 55px!important} #app .top{padding-inline:10px!important;gap:7px!important} #app .top .topmetric{display:none!important} #app .top .topsearch{flex:1 1 80px!important;min-width:70px!important} #app .stats{gap:8px!important} #app .stats .stat{min-height:90px!important;padding:12px!important} #app .pagetitle{align-items:flex-start!important;flex-wrap:wrap!important} } /* SCHAU_X_M3U_DOWNLOADS_V86 - premium downloads workspace */ #app #sx86Downloads[hidden],#app #sx86Select[hidden]{display:none!important} #app #sx86Downloads{display:block;border:1px solid #315575;border-radius:17px;padding:22px;background:linear-gradient(136deg,#102a45,#111d2e 40%,#0e192b);color:#e7f3ff;box-shadow:0 16px 40px #0003} #sx86Downloads .sx86-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #35516d} #sx86Downloads .sx86-header span{color:#70d5fd;font-size:11px;font-weight:800;letter-spacing:.12em} #sx86Downloads .sx86-header h2{font-size:26px;color:#fff;margin:5px 0} #sx86Downloads .sx86-header p{font-size:12px;color:#a8bfd8;margin:0} #sx86Downloads .sx86-tabs{display:flex;gap:8px} #sx86Downloads button{border:1px solid #3a6687;border-radius:9px;padding:10px 13px;background:#214363;color:#e5f6ff;font-size:12px;font-weight:700;cursor:pointer} #sx86Downloads button.primary,#sx86Downloads button.selected{background:linear-gradient(110deg,#148eca,#315bc0);border-color:#45aee0;color:white} #sx86Downloads button:hover:not(:disabled){filter:brightness(1.14)} #sx86Downloads button:disabled{opacity:.5;cursor:default} #sx86Downloads .sx86-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} #sx86Downloads .sx86-grid label{display:flex;flex-direction:column;gap:7px;color:#b8d1eb;font-size:12px;font-weight:700;min-width:0} #sx86Downloads .sx86-grid input,#sx86Downloads .sx86-grid select,#sx86Downloads #sx86Filter{width:100%;min-width:0;border:1px solid #3c607d;background:#0e2136;color:#f1f9ff;padding:11px 12px;border-radius:9px;min-height:42px} #sx86Downloads .sx86-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0;color:#a9c7df;font-size:12px} #sx86Downloads .sx86-toolbar label{display:flex;align-items:center;gap:7px} #sx86Downloads .sx86-toolbar input{accent-color:#4babff} #sx86Downloads .sx86-error{color:#ffb1b1!important} #sx86Downloads #sx86Select{padding:15px;border:1px solid #375775;border-radius:12px;background:#14253b} #sx86Downloads .sx86-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:360px;overflow:auto} #sx86Downloads .sx86-series{padding:9px;border:1px solid #355570;border-radius:10px;background:#1a304b} #sx86Downloads .sx86-season{margin-left:20px;display:grid;gap:4px} #sx86Downloads .sx86-check{display:flex;align-items:flex-start;gap:7px;border:1px solid #294b68;background:#172c44;border-radius:8px;padding:10px 11px;color:#e5f2ff;font-size:12px;line-height:1.4;overflow-wrap:anywhere;cursor:pointer} #sx86Downloads .sx86-check input{accent-color:#51b9e8;margin-top:3px} #sx86Downloads h3{font-size:15px;color:#f4fbff;margin:17px 0 9px} #sx86Downloads .sx86-items{max-height:310px;overflow:auto;margin-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #sx86Downloads .sx86-jobs{margin-top:20px;padding:12px;border:1px solid #36516a;border-radius:12px;background:#16293f} #sx86Downloads .sx86-jobs .sx86-toolbar{margin:0 0 8px;justify-content:space-between} #sx86Downloads .sx86-job{border-top:1px solid #34506d;padding:12px 7px;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;flex-wrap:wrap} #sx86Downloads .sx86-job span{color:#a5bed7;max-width:70%;overflow-wrap:anywhere} @media(max-width:740px){#app #sx86Downloads{padding:13px}#sx86Downloads .sx86-grid,#sx86Downloads .sx86-tree,#sx86Downloads .sx86-items{grid-template-columns:1fr}} /* SCHAU_X_PREMIUM_REDESIGN_V87 - cohesive premium UI throughout the existing SPA. */ #app.sx87-premium{--sx87-bg:#080f1c;--sx87-surface:#10213a;--sx87-panel:#132c49;--sx87-line:#2b5373;--sx87-text:#edf7ff;--sx87-sub:#a6c5df;--sx87-cyan:#5ae0fa;--sx87-blue:#318be4;background:radial-gradient(circle at 88% 2%,#183454 0,transparent 36%),linear-gradient(160deg,#070d18,#0b1626 70%)!important;color:var(--sx87-text)} #app.sx87-premium button{transition:filter .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease} #app.sx87-premium button:focus-visible,#app.sx87-premium a:focus-visible,#app.sx87-premium input:focus-visible,#app.sx87-premium select:focus-visible{outline:2px solid #66dafa!important;outline-offset:2px} #app.sx87-premium .top{background:linear-gradient(115deg,#0c182b,#152d4b 55%,#0c1829)!important;border-bottom:1px solid #315373!important;box-shadow:0 6px 30px #02060e5c!important;min-height:70px!important} #app.sx87-premium .top .topsearch{background:linear-gradient(130deg,#122942,#0f1e31)!important;border:1px solid #365d7d!important;border-radius:12px!important;max-width:540px!important} #app.sx87-premium .top .topmetric b{color:#d5f6ff!important;text-shadow:0 0 18px #43c8ff50!important} #app.sx87-premium #sidebar{background:linear-gradient(170deg,#14263d,#0c1a2d 64%,#0b182b)!important;border-right:1px solid #315273!important;box-shadow:10px 0 34px #030a1542!important} #app.sx87-premium #sx85CleanMenu{padding:15px 11px 40px} #app.sx87-premium #sx85CleanMenu .sx85-brand{padding:10px 13px 23px;border-bottom-color:#335c79;margin-bottom:13px} #app.sx87-premium #sx85CleanMenu .sx85-emblem{background:linear-gradient(135deg,#235e9c,#16416d);border:1px solid #4d9cd8;color:#c2f7ff;box-shadow:inset 0 1px 0 #ffffff44,0 8px 18px #04172c66;text-shadow:0 0 14px #63e4ff} #app.sx87-premium #sx85CleanMenu .sx85-brand strong{font-size:18px;letter-spacing:.035em;color:#f8fcff;text-shadow:0 0 10px #b7e9ff2a} #app.sx87-premium #sx85CleanMenu .sx85-brand small{color:#88bddc} #app.sx87-premium #sx85CleanMenu .sx85-group{margin:10px 0 14px} #app.sx87-premium .sx87-nav-head{background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;color:#7eb3d5;text-align:left;font-size:10px;letter-spacing:.13em;font-weight:800;cursor:pointer;border-radius:8px} #app.sx87-premium .sx87-nav-head:hover{background:#1c3851;color:#c2eeff} #app.sx87-premium .sx87-nav-head:after{content:'⌄';font-size:17px;line-height:10px;color:#79d5f1} #app.sx87-premium .sx87-closed .sx87-nav-head:after{transform:rotate(-90deg)} #app.sx87-premium .sx87-closed .sx85-menu-item{display:none} #app.sx87-premium .sx85-menu-item{border-radius:9px;font-size:13px;min-height:39px;color:#c3d8ec;gap:12px;margin:3px 0} #app.sx87-premium .sx85-menu-item:hover{background:#245073;color:#fff} #app.sx87-premium .sx85-menu-item.active{background:linear-gradient(105deg,#205e94,#174166);border:1px solid #388bce;color:#fff;box-shadow:inset 3px 0 0 #70e0ff,inset 0 1px 0 #ffffff1a,0 5px 15px #0b1b2f55} #app.sx87-premium .sx85-menu-icon{color:#7edbff} #app.sx87-premium #sx87StyleButton{background:linear-gradient(145deg,#193d62,#123251);border:1px solid #427aa5;color:#d2f6ff;font-size:19px;cursor:pointer;border-radius:10px;width:41px;height:39px;display:grid;place-items:center;flex:0 0 auto} #app.sx87-premium #sx87StyleButton:hover{filter:brightness(1.2)} #app.sx87-premium #sx87Bread{color:#82c6ed;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:13px} #app.sx87-premium .shell main.main{max-width:1740px!important;padding-top:24px!important} #app.sx87-premium .pagetitle{border-bottom:1px solid #24445f!important;padding-bottom:18px!important;margin-bottom:20px!important} #app.sx87-premium .pagetitle h1{color:#fff!important;letter-spacing:-.045em!important;font-size:clamp(26px,2.4vw,35px)!important;text-shadow:0 2px 18px #0003} #app.sx87-premium .pagetitle p{color:#99bdd8!important} #app.sx87-premium .eyebrow{display:none!important} #app.sx87-premium .stats{gap:12px!important} #app.sx87-premium .stats .stat{border:1px solid #316084!important;border-top:2px solid #49bde9!important;background:linear-gradient(155deg,#193c60 0,#14263f 63%,#102037)!important;box-shadow:inset 0 1px 0 #ffffff12,0 12px 24px #050e1d45!important;padding:18px!important;border-radius:14px!important;min-height:120px!important} #app.sx87-premium .stats .stat strong{font-size:32px!important;color:#fff!important} #app.sx87-premium .stats .stat small{color:#aacbe2!important;font-size:11px!important} #app.sx87-premium[data-sx85-page]:not([data-sx85-page="overview"]) .stats{display:none!important} #app.sx87-premium .workspace,#app.sx87-premium .panel{background:linear-gradient(155deg,#152e4b,#0e1b30 75%)!important;border:1px solid #315471!important;box-shadow:inset 0 1px 0 #ffffff0d,0 10px 26px #040a1445!important;border-radius:14px!important} #app.sx87-premium .workhead{border-bottom:1px solid #315471!important;padding-bottom:16px!important} #app.sx87-premium .workhead b,#app.sx87-premium .workhead h2{font-size:19px!important;color:#f6fcff!important} #app.sx87-premium .workhead p{font-size:12px!important;color:#9fc3df!important} #app.sx87-premium .main button:not(.quiet):not(.sx87-nav-head){border-radius:9px!important} #app.sx87-premium .main button.primary{background:linear-gradient(118deg,#138dc9,#315ec4)!important;border:1px solid #49bce9!important;box-shadow:inset 0 1px 0 #ffffff33,0 6px 14px #09243f52!important;color:#fff!important} #app.sx87-premium .main button.primary:hover{filter:brightness(1.12)!important} #app.sx87-premium .main button.outline,#app.sx87-premium .main button.rowbtn{background:linear-gradient(110deg,#1d3b5a,#17314d)!important;color:#e1f3ff!important;border:1px solid #3d6484!important} #app.sx87-premium .main input,#app.sx87-premium .main select,#app.sx87-premium .main textarea{background:#0a1d31;color:#e9f4ff;border:1px solid #385d7d;border-radius:9px!important} #app.sx87-premium .main input::placeholder{color:#789eb9} #app.sx87-premium .tablewrap,#app.sx87-premium .sx85-listwrap{border:1px solid #345575;border-radius:12px;background:#0e2035;overflow:auto} #app.sx87-premium table{border-collapse:separate;border-spacing:0} #app.sx87-premium table thead th{background:#1d3654!important;color:#bce6fc!important;font-size:11px!important;letter-spacing:.075em!important;position:sticky;top:0;z-index:2;white-space:nowrap;padding:14px 13px!important;border-bottom:1px solid #396484!important} #app.sx87-premium table td{border-bottom:1px solid #253f5c!important;padding:12px 13px!important;color:#d7e8f9!important} #app.sx87-premium table tbody tr:hover td{background:#1a3652!important} #app.sx87-premium .v28-stream-row td{font-size:12px!important} #app.sx87-premium .filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px!important;background:#132c49!important;border-radius:12px} #app.sx87-premium .filters input,#app.sx87-premium .filters select{min-height:42px} #app.sx87-premium .sx87-disclosure{margin:16px 0;border:1px solid #386186;border-radius:13px;background:linear-gradient(145deg,#14304e,#10233a);overflow:hidden} #app.sx87-premium .sx87-disclosure>summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:760;font-size:15px;color:#c7f0ff;display:flex;justify-content:space-between;align-items:center} #app.sx87-premium .sx87-disclosure>summary:after{content:'⌄';color:#6cdafa;font-size:19px} #app.sx87-premium .sx87-disclosure[open]>summary:after{transform:rotate(180deg)} #app.sx87-premium .sx87-disclosure>summary::-webkit-details-marker{display:none} #app.sx87-premium .sx87-disclosure>*:not(summary){margin:12px!important} #app.sx87-premium .sx87-hint{margin:0 17px 12px!important;color:#9fc2dd;font-size:12px} #app.sx87-premium #bouquetsPage #sx78Manager{gap:12px!important} #app.sx87-premium #bouquetsPage .sx78-title{background:linear-gradient(125deg,#1a537f,#142f4d)!important;border-color:#348bb5!important} #app.sx87-premium #bouquetsPage .sx78-stats span{background:linear-gradient(130deg,#1b3c5b,#132841)!important;border-color:#34688a!important} #app.sx87-premium #bouquetsPage .sx78-toolbar,#app.sx87-premium #bouquetsPage .sx78-editorbar{background:#142e49!important;border-color:#315a79!important} #app.sx87-premium #bouquetsPage #bouquetForm{background:#10263f!important;border-color:#38698b!important} #app.sx87-premium #epgPage,#app.sx87-premium #vodPage,#app.sx87-premium #clusterPage{padding:clamp(15px,2vw,28px)!important} #app.sx87-premium #clusterPage #sx84Operations{background:linear-gradient(145deg,#163858,#0e2037)!important;border-color:#39698d!important} #app.sx87-premium #clusterPage .sx84-card{background:linear-gradient(135deg,#23557c,#15314d)!important;border-color:#4680a4!important} #app.sx87-premium #clusterPage .sx87-operations-fold{margin:0!important} #app.sx87-premium #clusterPage .sx87-operations-fold .sx84-block{border:0!important;box-shadow:none!important;margin:0!important} #app.sx87-premium #sx86Downloads{background:radial-gradient(circle at 100% 0%,#21517c55,transparent 30%),linear-gradient(135deg,#153755,#0d1b30 72%)!important;border-color:#3a86b2!important;box-shadow:inset 0 1px 0 #ffffff24,0 15px 32px #0005!important} #app.sx87-premium #sx86Downloads .sx86-header h2{font-size:29px!important} #app.sx87-premium #sx86Downloads .sx86-grid input,#app.sx87-premium #sx86Downloads .sx86-grid select{min-height:49px!important;font-size:14px!important;background:#0b2238!important} #app.sx87-premium #sx86Downloads #sx86Inspect{font-size:14px!important;padding:13px 20px!important;min-height:48px!important} #app.sx87-premium #sx86GroupFilter{display:block;width:100%;background:#0a2036;border:1px solid #40779b;color:#fff;border-radius:9px;padding:12px;margin:10px 0 14px} #app.sx87-premium #sx86Downloads .sx86-check{background:#1a3956!important;border-color:#3b6a8a!important} #app.sx87-premium #sx86Downloads .sx86-job{background:#193753;border-radius:9px;margin:7px 0;padding:11px!important} #app.sx87-premium.sx87-sidebar-collapsed .shell{grid-template-columns:0 minmax(0,1fr)!important} #app.sx87-premium.sx87-sidebar-collapsed #sidebar{display:none!important} #app.sx87-premium.sx87-sidebar-collapsed .shell main.main{max-width:1800px!important} @media(max-width:1150px){#app.sx87-premium .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:800px){#app.sx87-premium #sx87StyleButton{display:none!important}#app.sx87-premium #sx85MobileToggle{display:inline-flex!important}#app.sx87-premium #sidebar{display:none!important}#app.sx87-premium.sx85-mobile-open #sidebar{display:block!important}#app.sx87-premium .shell{display:block!important}#app.sx87-premium .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* SCHAU_X_V90_DOWNLOAD_PROGRESS */ #app #sx86Downloads .sx90-job{display:block;padding:15px 18px!important;margin:10px 0!important;background:linear-gradient(145deg,#1d4160,#142c46)!important;border:1px solid #426d8c;border-radius:13px!important} #app #sx86Downloads .sx90-job-head,#app #sx86Downloads .sx90-progress-caption{display:flex;justify-content:space-between;gap:12px;align-items:center} #app #sx86Downloads .sx90-job-head{font-size:13px;margin-bottom:13px} #app #sx86Downloads .sx90-progress-row{margin:9px 0 12px} #app #sx86Downloads .sx90-progress-caption{font-size:12px;color:#cae5f9;margin-bottom:5px} #app #sx86Downloads .sx90-progress-track{height:11px;border-radius:20px;background:#061a2c;overflow:hidden;border:1px solid #385e7d} #app #sx86Downloads .sx90-progress-fill{height:100%;border-radius:20px;transition:width .5s ease} #app #sx86Downloads .sx90-blue{background:linear-gradient(90deg,#25a9f1,#55d8ff)} #app #sx86Downloads .sx90-green{background:linear-gradient(90deg,#13b981,#66f0b7)} #app #sx86Downloads .sx90-job-info,#app #sx86Downloads .sx90-job-current{font-size:12px;color:#a9c9e1;margin-top:7px;overflow-wrap:anywhere} #app #sx86Downloads .sx90-job .sx86-error{font-size:12px;margin-top:7px;color:#ffb7b7;overflow-wrap:anywhere} #app #sx86Downloads .sx90-category-hint{width:100%;margin:8px 0 12px;padding:12px 16px;border:1px solid #876d3e;background:#59432440;color:#ffdeaa;border-radius:10px;font-size:13px} #app #sx86Downloads .sx90-job-actions{margin-top:13px;display:flex;justify-content:flex-end} #app #sx86Downloads .sx90-job-actions button{border:1px solid #658aa8;border-radius:9px;padding:7px 14px;background:#254a69;color:#eef7ff;font-weight:650;cursor:pointer} #app #sx86Downloads .sx90-job-actions button:hover{background:#32668b} /* SCHAU_X_DOWNLOAD_CATEGORIES_V92 */ #sx86Downloads .sx92-help{margin:12px 0;color:#a3bdd0;font-size:13px} #sx86Downloads .sx92-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none;overflow:visible;background:transparent;padding:0} #sx86Downloads .sx92-folder{border:1px solid #305677;border-radius:13px;background:linear-gradient(125deg,#162f49,#1c3c58);overflow:hidden;min-width:0} #sx86Downloads .sx92-folder.is-open{grid-column:1/-1;border-color:#35a8e3;box-shadow:0 6px 28px rgba(12,118,202,.12)} #sx86Downloads .sx92-folder-head{display:flex;align-items:center;gap:4px;min-height:56px;padding:5px 10px} #sx86Downloads .sx92-folder-select{margin:0;display:flex;align-items:center;flex:0 0 26px;padding:6px} #sx86Downloads .sx92-folder-select input{width:17px;height:17px;accent-color:#24b3ff} #sx86Downloads .sx92-folder-button{border:0!important;background:transparent!important;color:#f4faff!important;display:flex;align-items:center;text-align:left;gap:10px;width:100%;min-width:0;padding:8px 4px;font-weight:650;cursor:pointer} #sx86Downloads .sx92-folder-button:hover .sx92-folder-name{color:#7be0ff} #sx86Downloads .sx92-country{border:1px solid #48718c;border-radius:6px;padding:3px 6px;font-size:10px;letter-spacing:.04em;color:#9ee4ff;flex-shrink:0} #sx86Downloads .sx92-folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #sx86Downloads .sx92-folder-count{font-size:12px;color:#bad0df;white-space:nowrap;font-weight:500} #sx86Downloads .sx92-folder-arrow{font-size:21px;color:#5bd2ff;line-height:1} #sx86Downloads .sx92-folder-body{border-top:1px solid #335d79;padding:13px 16px 17px;background:#11283e} #sx86Downloads .sx92-folder-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;color:#b5cfe2;font-size:12px} #sx86Downloads .sx92-folder-toolbar button,#sx86Downloads .sx92-more{border-radius:9px;padding:9px 12px;background:#174d76;border:1px solid #357ca5;color:#f4faff;cursor:pointer} #sx86Downloads .sx92-movies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:440px;overflow:auto} #sx86Downloads .sx92-movies .sx86-check{margin:0;min-width:0;font-size:13px} #sx86Downloads .sx92-more{margin-top:14px;width:100%;background:#1a5586} #sx86Downloads .sx92-alltitles{margin-top:20px;padding:13px;border:1px solid #365a76;border-radius:12px;background:#142b41} #sx86Downloads .sx92-alltitles summary{color:#a6def8;font-weight:700;cursor:pointer} #sx86Downloads .sx92-alltitles[open] summary{margin-bottom:16px} @media(max-width:920px){#sx86Downloads .sx92-folder-grid,#sx86Downloads .sx92-movies{grid-template-columns:minmax(0,1fr)}#sx86Downloads .sx92-folder.is-open{grid-column:1}#sx86Downloads .sx92-folder-count{font-size:11px}}