/* LFDG R50 LIGHT BROADCAST UI
   UI-only override. Broadcast overlays are intentionally untouched. */
:root{
  --r50-bg:#0a0f15;
  --r50-bg-soft:#0d131b;
  --r50-surface:#111923;
  --r50-surface-2:#151f2b;
  --r50-surface-3:#192635;
  --r50-line:rgba(211,226,244,.10);
  --r50-line-strong:rgba(211,226,244,.18);
  --r50-text:#f4f7fb;
  --r50-muted:#a8b4c4;
  --r50-muted-2:#77869a;
  --r50-gold:#d7b96b;
  --r50-gold-soft:#f0d997;
  --r50-blue:#4f8fe8;
  --r50-blue-2:#2f6fc5;
  --r50-green:#42c58a;
  --r50-red:#d95465;
  --r50-amber:#e4ad52;
  --r50-radius:12px;
  --r50-shadow:0 8px 26px rgba(0,0,0,.18);
}

html,body{background:var(--r50-bg)!important;color:var(--r50-text)!important}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;background-image:none!important}
*{scrollbar-width:thin;scrollbar-color:#35465b transparent}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#35465b;border-radius:10px;border:2px solid transparent;background-clip:padding-box}

/* ---------- ADMIN SHELL ---------- */
.r50-admin-shell .app{grid-template-columns:238px minmax(0,1fr)!important}
.r50-admin-shell .sidebar{background:var(--r50-bg-soft)!important;border-right:1px solid var(--r50-line)!important;box-shadow:none!important}
.r50-admin-shell .brand{height:80px!important;padding:14px 15px!important;border-bottom:1px solid var(--r50-line)!important}
.r50-admin-shell .brand-mark{width:43px!important;height:43px!important;border-radius:11px!important;clip-path:none!important;background:linear-gradient(145deg,#ead18e,#b98b3d)!important;box-shadow:none!important}
.r50-admin-shell .brand-kicker{font-size:9px!important;letter-spacing:1.6px!important;color:var(--r50-gold-soft)!important}
.r50-admin-shell .brand-title{font-size:15px!important}.r50-admin-shell .brand-sub{font-size:9px!important;color:var(--r50-muted-2)!important}
.r50-admin-shell .nav-label{padding:15px 14px 7px!important;color:var(--r50-muted-2)!important;font-size:9px!important}
.r50-admin-shell .nav{padding:0 8px!important;gap:3px!important}
.r50-admin-shell .nav-button{min-height:52px!important;padding:7px 9px!important;grid-template-columns:34px minmax(0,1fr) 8px!important;gap:9px!important;border-radius:9px!important;color:#aeb9c8!important;transition:background .12s ease,border-color .12s ease,color .12s ease!important}
.r50-admin-shell .nav-button:hover{background:rgba(255,255,255,.035)!important;color:#fff!important}
.r50-admin-shell .nav-button.active{background:#17212d!important;border-color:rgba(215,185,107,.25)!important;box-shadow:inset 2px 0 0 var(--r50-gold)!important}
.r50-admin-shell .nav-icon{width:32px!important;height:32px!important;border-radius:8px!important;background:#141e2a!important;border:1px solid var(--r50-line)!important;color:#c9d3df!important;font-size:10px!important}
.r50-admin-shell .nav-button.active .nav-icon{background:#202b37!important;color:var(--r50-gold-soft)!important;border-color:rgba(215,185,107,.35)!important}
.r50-admin-shell .nav-title{font-size:12px!important;font-weight:800!important}.r50-admin-shell .nav-desc{font-size:9px!important;color:#7f8da0!important;line-height:1.35!important}
.r50-admin-shell .sidebar-bottom{padding:10px 11px 12px!important;border-top:1px solid var(--r50-line)!important;background:transparent!important}
.r50-admin-shell .server-state{padding:8px 9px!important;border-radius:8px!important;background:#111922!important;border:1px solid var(--r50-line)!important;font-size:10px!important}
.r50-admin-shell .shortcut{font-size:9px!important;color:#6f7d90!important}
.r50-admin-shell .main{grid-template-rows:64px minmax(0,1fr)!important}
.r50-admin-shell .main.r50-assisted{grid-template-rows:64px 42px minmax(0,1fr)!important}
.r50-admin-shell .topbar{min-height:64px!important;padding:0 15px!important;gap:12px!important;background:rgba(13,19,27,.96)!important;border-bottom:1px solid var(--r50-line)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}
.r50-admin-shell .topbar::after{display:none!important}
.r50-admin-shell .module-kicker{font-size:8px!important;letter-spacing:1.35px!important;color:var(--r50-gold)!important}
.r50-admin-shell .module-title{font-size:18px!important;font-weight:850!important}.r50-admin-shell .module-description{font-size:11px!important;color:var(--r50-muted)!important}
.r50-admin-shell .top-actions{gap:6px!important;min-width:0!important}
.r50-admin-shell .action,.r50-admin-shell .setting-picker{height:34px!important;border-radius:8px!important;border:1px solid var(--r50-line-strong)!important;background:#151e29!important;box-shadow:none!important}
.r50-admin-shell .action{padding:0 10px!important;font-size:10px!important;font-weight:800!important;color:#e6ebf1!important}
.r50-admin-shell .action:hover{background:#1a2633!important;border-color:#45617f!important}
.r50-admin-shell .action.primary{background:var(--r50-blue)!important;border-color:var(--r50-blue)!important;color:white!important}
.r50-admin-shell .action.r50-mode-on{background:#23301f!important;border-color:rgba(66,197,138,.4)!important;color:#dff8eb!important}
.r50-admin-shell .setting-picker{padding:2px 5px!important}.r50-admin-shell .setting-picker span{display:none!important}.r50-admin-shell .setting-picker select{height:28px!important;border-radius:6px!important;background:#111923!important;border:0!important;font-size:10px!important;padding:0 24px 0 7px!important}
.r50-admin-shell .overlay-url{display:none!important}
.r50-admin-shell .r50-assist-strip{grid-row:2;display:flex;align-items:center;gap:10px;padding:0 14px;background:#101821;border-bottom:1px solid var(--r50-line);color:#b7c2d0;font-size:10px;white-space:nowrap;overflow-x:auto}
.r50-admin-shell .r50-assist-strip strong{color:#f5f7fa;font-size:10px}.r50-admin-shell .r50-assist-step{display:flex;align-items:center;gap:6px}.r50-admin-shell .r50-assist-no{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#223044;color:#dce8f7;font-weight:900;font-size:9px}.r50-admin-shell .r50-assist-arrow{color:#55657a}
.r50-admin-shell .main.r50-assisted .content{grid-row:3!important}.r50-admin-shell .main.r50-assisted .topbar{grid-row:1!important}

/* ---------- PANELS ---------- */
.workspace{width:min(1700px,calc(100% - 28px))!important;margin:12px auto 42px!important;gap:12px!important}
.status-grid{gap:8px!important}.status{min-height:76px!important;padding:11px 12px!important;background:var(--r50-surface)!important;border:1px solid var(--r50-line)!important;border-radius:10px!important;box-shadow:none!important}
.status-label{font-size:9px!important;letter-spacing:1.1px!important;color:#8d9bae!important}.status-value{margin-top:7px!important;font-size:16px!important}.status-meta{font-size:10px!important;color:#77879a!important}
.status.good{border-color:rgba(66,197,138,.32)!important}.status.live{border-color:rgba(217,84,101,.35)!important;box-shadow:inset 2px 0 0 var(--r50-red)!important}.status.warn{border-color:rgba(228,173,82,.36)!important}

.card,.cockpit-card,.match-cockpit>article{background:var(--r50-surface)!important;border:1px solid var(--r50-line)!important;border-radius:12px!important;box-shadow:var(--r50-shadow)!important}
.card.feature{border-color:var(--r50-line-strong)!important}.card-head,.cockpit-head{min-height:54px!important;padding:11px 14px!important;border-bottom:1px solid var(--r50-line)!important;background:rgba(255,255,255,.012)!important}
.card-title,.cockpit-title{font-size:15px!important;font-weight:850!important;color:#f4f7fa!important}.card-sub,.cockpit-sub{margin-top:3px!important;font-size:10.5px!important;line-height:1.45!important;color:#99a7b8!important}.card-body,.cockpit-body{padding:13px!important}
.live-strip,.ops-status,.pip-state,.queue-slot,.replay-check{background:#0d141c!important;border-color:var(--r50-line)!important;border-radius:9px!important}

.section-label{font-size:10px!important;letter-spacing:1.25px!important;color:#cdbb87!important;margin-bottom:9px!important}.field label{font-size:10px!important;letter-spacing:.35px!important;color:#a8b4c4!important;margin-bottom:6px!important;text-transform:none!important}
.input,.select,input[type="text"],input[type="password"],input[type="number"],input[type="url"],textarea,select{min-height:40px;color:#f5f7fa!important;background:#0c131b!important;border:1px solid var(--r50-line-strong)!important;border-radius:8px!important;box-shadow:none!important}
.input:focus,.select:focus,input:focus,textarea:focus,select:focus{outline:none!important;border-color:#527db3!important;box-shadow:0 0 0 3px rgba(79,143,232,.12)!important}

.btn,.tiny-btn,.graphics-fast,.quick-match-btn,.mode-btn,.choice,.action,button{transition:background .12s ease,border-color .12s ease,transform .08s ease!important}
.btn{min-height:40px!important;padding:0 13px!important;border-radius:8px!important;background:#172331!important;border:1px solid var(--r50-line-strong)!important;color:#eef3f8!important;font-size:10.5px!important;font-weight:800!important}
.btn:hover,.tiny-btn:hover,.graphics-fast:hover{border-color:#52708f!important;background:#1b2a3a!important}.btn:active,.tiny-btn:active,.graphics-fast:active,.action:active{transform:translateY(1px)!important}
.btn.primary{background:var(--r50-blue)!important;border-color:var(--r50-blue)!important;color:#fff!important;background-image:none!important}.btn.primary:hover{background:#609bf0!important}
.btn.blue{background:#235e9e!important;border-color:#3f78b4!important;background-image:none!important}.btn.success{background:rgba(66,197,138,.11)!important;border-color:rgba(66,197,138,.35)!important;color:#e8fff4!important}.btn.danger{background:rgba(217,84,101,.16)!important;border-color:rgba(217,84,101,.45)!important;color:#ffdce1!important;background-image:none!important}.btn.danger:hover{background:rgba(217,84,101,.25)!important}
.help{font-size:10px!important;line-height:1.55!important;color:#8391a3!important}.check{font-size:10.5px!important;color:#bec7d3!important}

/* Realizator cockpit: clearer hierarchy */
.match-cockpit{gap:10px!important}.program-monitor{background:#070b10!important;border-color:var(--r50-line)!important}.program-badge{background:rgba(217,84,101,.9)!important;border-radius:6px!important;font-size:9px!important}.program-empty{color:#8d9caf!important;font-size:12px!important;line-height:1.65!important}.preview-toolbar{gap:7px!important}.preview-note{font-size:9.5px!important;color:#758497!important}
.match-score{font-size:38px!important}.match-team-name{font-size:10px!important;color:#aeb9c8!important}.clock-main{font-size:25px!important}.clock-mode{font-size:9px!important;color:#8090a3!important}
.tiny-btn{min-height:34px!important;border-radius:7px!important;background:#172331!important;border:1px solid var(--r50-line-strong)!important;color:#f1f4f8!important;font-size:10px!important;font-weight:850!important}
.goal-fast{min-height:42px!important;border-radius:8px!important;font-size:11px!important}.card-fast{min-height:36px!important;border-radius:7px!important}
.quick-scene-grid,.graphics-grid{gap:6px!important}.graphics-fast{min-height:38px!important;background:#172331!important;border:1px solid var(--r50-line-strong)!important;border-radius:7px!important;color:#eef3f8!important;font-size:9.5px!important}.graphics-fast.gold{background:rgba(215,185,107,.16)!important;border-color:rgba(215,185,107,.42)!important;color:#f5df9d!important}.graphics-fast.danger{background:rgba(217,84,101,.15)!important;border-color:rgba(217,84,101,.42)!important;color:#ffd9df!important}
.quick-match-btn{border-radius:8px!important;box-shadow:none!important}.mode-btn{background:#141e29!important;border:1px solid var(--r50-line-strong)!important;border-radius:10px!important;box-shadow:none!important}.mode-btn:hover{transform:none!important;border-color:#4c6a8c!important;box-shadow:none!important}.mode-btn.active{border-color:rgba(215,185,107,.55)!important;box-shadow:inset 2px 0 0 var(--r50-gold)!important}.mode-no{background:#26384c!important;color:#e9f0f8!important;clip-path:none!important;border-radius:9px!important}.mode-btn.active .mode-no{background:var(--r50-gold)!important;color:#10151c!important}

/* Advanced settings intentionally quieter in easy mode */
details.card>summary{padding:14px 15px!important;background:#101821!important;color:#dce3eb!important;font-size:12px!important;font-weight:800!important;border-radius:12px!important}
details.card[open]>summary{border-bottom:1px solid var(--r50-line)!important;border-radius:12px 12px 0 0!important}.settings,.settings-section{background:transparent!important}.r50-advanced>summary::after{content:"  •  opcje zaawansowane";color:#718096;font-size:9px;font-weight:600}
html.lfdg-easy-mode .r50-pro-only-hint{display:block}

/* Beginner banner */
.r50-beginner-banner{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#111b25;border:1px solid rgba(79,143,232,.24);border-radius:10px;color:#c4cfdb;font-size:10.5px;line-height:1.35;overflow-x:auto}
.r50-beginner-banner .r50-banner-title{flex:0 0 auto;color:#fff;font-weight:900}.r50-beginner-banner .r50-banner-step{display:flex;align-items:center;gap:6px;white-space:nowrap}.r50-beginner-banner .r50-banner-no{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#264d7a;color:#fff;font-weight:900;font-size:9px}.r50-beginner-banner .r50-banner-arrow{color:#5f7186}.r50-beginner-banner button{margin-left:auto;min-height:30px;padding:0 9px;border:1px solid var(--r50-line-strong);border-radius:7px;background:#172331;color:#dfe7f0;font-size:9px;font-weight:800}
html:not(.lfdg-easy-mode) .r50-beginner-banner{display:none!important}

/* Help button + drawer */
.r50-help-button{position:fixed;right:16px;bottom:16px;z-index:9998;height:42px;padding:0 14px;border:1px solid rgba(79,143,232,.38)!important;border-radius:21px!important;background:#1c4f87!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;font-size:11px!important;font-weight:900!important}
.r50-help-drawer{position:fixed;right:16px;bottom:66px;z-index:9999;width:min(360px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 90px));overflow:auto;padding:16px;background:#111923;border:1px solid var(--r50-line-strong);border-radius:14px;box-shadow:0 20px 55px rgba(0,0,0,.45);color:#e9eef4}
.r50-help-drawer[hidden]{display:none!important}.r50-help-drawer h3{margin:0 0 5px;font-size:16px}.r50-help-drawer p{margin:0 0 12px;color:#9caabb;font-size:11px;line-height:1.5}.r50-help-list{display:grid;gap:8px}.r50-help-item{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;padding:9px;background:#0d141c;border:1px solid var(--r50-line);border-radius:9px}.r50-help-item b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#234c7a;color:#fff;font-size:10px}.r50-help-item span{font-size:11px;line-height:1.45}.r50-help-close{width:100%;margin-top:12px;min-height:36px;border:1px solid var(--r50-line-strong)!important;border-radius:8px!important;background:#182331!important;color:#fff!important;font-weight:800!important}

/* Text readability */
small,.muted,.card-sub,.status-meta,.help,.preview-note{letter-spacing:0!important}
code{color:#d5dfeb!important}

/* System pages (accounts/update/remote/login) */
body.r50-system-page{background:var(--r50-bg)!important}.r50-system-page .wrap{max-width:1120px!important}.r50-system-page .card{background:var(--r50-surface)!important;border-color:var(--r50-line)!important;box-shadow:none!important}.r50-system-page h1{color:#f3f6fa!important}.r50-system-page h2{font-size:16px!important}.r50-system-page a,.r50-system-page .btn{border-radius:8px!important}.r50-system-page .gold{background:var(--r50-blue)!important;color:#fff!important}

/* Responsive */
@media(max-width:1450px){.r50-admin-shell .module-description{display:none!important}.r50-admin-shell .theme-picker{display:none!important}}
@media(max-width:1180px){.r50-admin-shell .app{grid-template-columns:215px minmax(0,1fr)!important}.r50-admin-shell .nav-desc{display:none!important}.r50-admin-shell .nav-button{min-height:48px!important}.r50-admin-shell .top-actions{overflow-x:auto!important;max-width:70vw!important}.r50-admin-shell .language-picker:first-of-type{display:none!important}}
@media(max-width:900px){
  .r50-admin-shell .app{grid-template-columns:1fr!important;grid-template-rows:64px minmax(0,1fr)!important}.r50-admin-shell .sidebar{display:none!important}.r50-admin-shell .main{grid-row:1/-1!important;grid-template-rows:64px 52px minmax(0,1fr)!important}.r50-admin-shell .main.r50-assisted{grid-template-rows:64px 42px 52px minmax(0,1fr)!important}
  .r50-admin-shell .mobile-tabs{display:flex!important;grid-row:2!important;background:#101821!important;border-bottom:1px solid var(--r50-line)!important}.r50-admin-shell .main.r50-assisted .mobile-tabs{grid-row:3!important}.r50-admin-shell .main.r50-assisted .content{grid-row:4!important}.r50-admin-shell .r50-assist-strip{grid-row:2!important}.r50-admin-shell .content{grid-row:3!important}
  .r50-admin-shell .topbar{padding:0 10px!important}.r50-admin-shell .setting-picker,.r50-admin-shell .action.copy{display:none!important}.r50-admin-shell .action{padding:0 8px!important}.r50-admin-shell .module-title{font-size:15px!important}
}
@media(max-width:720px){
  .workspace{width:calc(100% - 12px)!important;margin-top:8px!important}.status-grid{grid-template-columns:1fr 1fr!important}.status{min-height:68px!important}.status-value{font-size:14px!important}.main-grid{display:block!important}.card,.cockpit-card{border-radius:10px!important;box-shadow:none!important}.card-head,.cockpit-head{padding:10px 11px!important}.card-body,.cockpit-body{padding:10px!important}.btn{min-height:42px!important}.r50-beginner-banner{padding:9px 10px!important}.r50-admin-shell .r50-assist-strip{padding:0 9px!important}
}
@media(max-width:520px){.status-grid{grid-template-columns:1fr!important}.r50-beginner-banner .r50-banner-title{display:none}.r50-help-button{right:10px;bottom:10px}.r50-help-drawer{right:10px;bottom:60px;width:calc(100vw - 20px)}}
.r50-standalone-mode{position:fixed;right:118px;bottom:16px;z-index:9998;height:42px;padding:0 13px;border:1px solid var(--r50-line-strong)!important;border-radius:21px!important;background:#172331!important;color:#eaf0f6!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;font-size:10px!important;font-weight:850!important}.r50-standalone-mode.r50-mode-on{background:#1d3329!important;border-color:rgba(66,197,138,.38)!important;color:#dff8eb!important}@media(max-width:520px){.r50-standalone-mode{right:112px;bottom:10px}}

/* ============================================================
   R51 — OFFICIAL PLUGIN BRANDING
   Uses the user-approved transparent LFDG wordmark only on
   control surfaces. Broadcast overlays remain unchanged.
   ============================================================ */
.r51-brand-mark{overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.r51-brand-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.32))}
.r50-admin-shell .brand-mark.r51-brand-mark{width:56px!important;height:42px!important;border-radius:0!important;background:transparent!important}
.r50-admin-shell .brand-mark.r51-brand-mark img{width:56px!important;height:42px!important;object-fit:contain!important}
.r51-login-logo{width:112px!important;height:54px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.r51-login-logo img{width:112px!important;height:54px!important;display:block!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35))}
.r51-system-brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
.r51-system-brand>img{width:128px!important;height:54px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 auto!important;filter:drop-shadow(0 4px 9px rgba(0,0,0,.3))}
.r51-remote-brand{display:flex!important;align-items:center!important;gap:14px!important}
.r51-remote-brand>img{width:118px!important;height:48px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 auto!important;filter:drop-shadow(0 4px 9px rgba(0,0,0,.3))}
.r51-panel-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.r51-panel-logo{width:104px!important;height:42px!important;display:block!important;object-fit:contain!important;object-position:left center!important;flex:0 0 auto!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}
.r51-hero-logo{width:104px!important;height:58px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.r51-hero-logo img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.34))}
.r51-plugin-logo{object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
@media(max-width:700px){
  .r51-panel-logo{width:76px!important;height:34px!important}
  .r51-system-brand>img{width:98px!important;height:44px!important}
  .r51-remote-brand>img{width:92px!important;height:40px!important}
  .r51-login-logo,.r51-login-logo img{width:92px!important;height:44px!important}
  .r50-admin-shell .brand-mark.r51-brand-mark{width:48px!important;height:36px!important}
}