/* RozdzielnicaPRO v0.7.29 — isolated platform shell: login and electrical workspace untouched. */
html[data-theme="dark"] #authGate:has(.auth-card.hub-open),
html[data-theme="light"] #authGate:has(.auth-card.hub-open){
  overflow:auto!important;align-items:flex-start!important;justify-content:center!important;
  padding:16px!important;
}
html[data-theme="dark"] #authGate .auth-card.hub-open,
html[data-theme="light"] #authGate .auth-card.hub-open{
  box-sizing:border-box!important;width:min(1520px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;min-height:calc(100dvh - 32px)!important;
  max-height:none!important;padding:16px!important;overflow:visible!important;
  border-radius:20px!important;background:#101d30!important;border:1px solid #2a425e!important;
}
#authGate .auth-card.hub-open .auth-brand{
  max-width:none!important;width:100%!important;box-sizing:border-box;
}
#authGate .auth-card.hub-open .player-hub{display:block!important;max-width:none!important;width:100%!important;}
#proShell{--pro-ink:#f3f7fe;--pro-muted:#9fb4d0;--pro-line:#304563;color:var(--pro-ink);
  width:100%;max-width:none;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:238px minmax(0,1fr);
  gap:0;min-height:660px;overflow:hidden;border-radius:16px;background:#111e32;border:1px solid #314860;
  box-shadow:0 18px 52px #03091566;font-family:Inter,Arial,sans-serif;
}
#proShell *{box-sizing:border-box}
#proShell [hidden]{display:none!important}
#proShell button,#proShell input,#proShell select{font-family:inherit}
#proShell button{cursor:pointer}
#proShell button:disabled{opacity:.55;cursor:not-allowed}
#proShell button:focus-visible,#proShell input:focus-visible,#proShell select:focus-visible{
  outline:2px solid #83c4ff;outline-offset:2px}
#proShell .pro-rail{display:flex;flex-direction:column;gap:24px;background:#0a1527;border-right:1px solid #2b4360;
  padding:24px 14px 18px;min-width:0}
#proShell .pro-nav-group{display:flex;flex-direction:column;gap:7px}
#proShell .pro-nav-group>span{font:750 9px Inter,Arial,sans-serif;color:#7c9ab9;letter-spacing:1.15px;
  padding:0 12px 7px}
#proShell .pro-nav-group button{min-height:44px;text-align:left;background:transparent;border:1px solid transparent;
  color:#b9cbe1;padding:10px 12px;border-radius:10px;font:700 12px Inter,Arial,sans-serif}
#proShell .pro-nav-group button:hover{background:#18314a;color:#fff}
#proShell .pro-nav-group button.selected{background:linear-gradient(90deg,#195a91,#194064);
  border-color:#2e82c1;color:#fff}
#proShell .pro-nav-bottom{margin-top:auto}
#proShell .pro-rail-user{min-width:0;padding:14px 12px;background:#182c42;border:1px solid #324e6c;border-radius:12px;display:flex;flex-direction:column;gap:5px}
#proShell .pro-rail-user b{font-size:13px;color:#eff8ff;overflow-wrap:anywhere}
#proShell .pro-rail-user small{font-size:10px;color:#a8c0db;overflow-wrap:anywhere}
#proShell .pro-rail-user span{font-size:9px;color:#7ee4bd;letter-spacing:.7px;font-weight:800}
#proShell .pro-main{min-width:0;padding:26px clamp(16px,2.3vw,38px) 34px;overflow-x:hidden}
#proShell .pro-eyebrow{font-size:10px;color:#75baff;font-weight:800;letter-spacing:1.45px}
#proShell #proApiStatus{font-size:10px;color:#b6d6fa;border:1px solid #355979;background:#1a3652;
  padding:9px 12px;border-radius:99px;white-space:nowrap}
#proShell .pro-page{min-width:0}
#proShell .pro-hero{background:linear-gradient(115deg,#18375c 0%,#163352 48%,#15263f 100%);
  border:1px solid #426b98;border-radius:17px;padding:clamp(17px,3vw,30px);
  display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:21px}
#proShell .pro-hero h3{font:800 clamp(25px,3vw,36px) Rajdhani,Inter,sans-serif;color:#fff;margin:7px 0}
#proShell .pro-hero p{color:#b9d0e8;font-size:13px;margin:0 0 15px;line-height:1.5}
#proShell .pro-hero-license{display:inline-flex;background:#204a58;color:#9df0d2;border:1px solid #347967;
  padding:7px 10px;border-radius:7px;font-size:10px;font-weight:800}
#proShell .pro-hero>button,#proShell .pro-section-head>button,
#proShell .pro-admin-toolbar>button,#proShell .pro-small-button{
  border:1px solid #398fe0;background:linear-gradient(140deg,#277fd4,#195d9e);
  padding:11px 14px;border-radius:9px;color:#fff;font:750 11px Inter,Arial,sans-serif;white-space:normal}
#proShell .pro-hero>button:hover,#proShell .pro-small-button:hover{background:#287fcd}
#proShell .pro-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
#proShell .pro-metric{padding:17px 15px;border:1px solid #34506b;border-radius:13px;
  background:linear-gradient(160deg,#1b3049,#17283e);min-height:98px;display:flex;flex-direction:column;gap:12px}
#proShell .pro-metric span{color:#abbfd5;font-size:11px;line-height:1.3}
#proShell .pro-metric strong{font:800 29px Rajdhani,Inter,sans-serif;color:#f7faff}
#proShell .pro-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin:22px 0 13px}
#proShell .pro-section-head h3{margin:0 0 3px;color:#edf6ff;font:750 21px Rajdhani,Inter,sans-serif}
#proShell .pro-section-head p{color:#a8bdd5;font-size:11px;margin:0;line-height:1.5}
#proShell .pro-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#proShell .pro-quick-grid button{border-radius:13px;border:1px solid #385476;text-align:left;
  background:#1b3049;color:#e6f1ff;min-height:112px;padding:17px 14px;display:flex;flex-direction:column;gap:12px}
#proShell .pro-quick-grid button:hover{border-color:#51aeff;background:#25496a}
#proShell .pro-quick-grid b{font-size:13px;line-height:1.4}
#proShell .pro-quick-grid small{font-size:11px;color:#a5bad1}
#proShell .pro-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#proShell .pro-project{background:#192d45;border:1px solid #37526f;border-radius:12px;padding:17px;
  display:flex;align-items:center;justify-content:space-between;gap:13px;min-width:0}
#proShell .pro-project-main{display:flex;flex-direction:column;gap:5px;min-width:0}
#proShell .pro-project-main strong{font-size:13px;color:#ecf6ff;overflow-wrap:anywhere}
#proShell .pro-project-main small{font-size:10px;color:#a9bdd4;line-height:1.5}
#proShell .pro-kicker{font-size:9px;font-weight:800;letter-spacing:1px;color:#67b7ff}
#proShell .pro-footnote{border-top:1px solid #29435e;margin-top:19px;padding-top:13px;color:#9ab4cd;
  font-size:11px;line-height:1.6;display:flex;align-items:center;justify-content:space-between;gap:10px}
#proShell .pro-footnote button{border:1px solid #41678d;border-radius:8px;background:#17334e;color:#d7eafb;
  padding:7px 10px;font-weight:700;font-size:10px}
#proShell .pro-muted{color:#a8bbd2;font-size:11px;line-height:1.6}
#proShell .pro-admin-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;
  background:#182e45;padding:15px;border-radius:12px;border:1px solid #355371}
#proShell .pro-admin-toolbar label{font-size:10px;font-weight:700;color:#c3d6e9;display:flex;flex-direction:column;gap:7px;min-width:180px;flex:1}
#proShell .pro-admin-toolbar input,#proShell .pro-admin-toolbar select{font:600 12px Inter,Arial,sans-serif;
  width:100%;min-height:39px;background:#0f2135;color:#fff;border-radius:8px;border:1px solid #45627e;padding:9px 10px}
#proShell .pro-admin-list{display:flex;flex-direction:column;gap:8px}
#proShell .pro-admin-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.8fr);
  gap:10px;align-items:center;padding:13px 15px;background:#1b2e45;border:1px solid #34516e;border-radius:10px}
#proShell .pro-admin-details{min-width:0;display:flex;flex-direction:column;gap:5px}
#proShell .pro-admin-details strong{font-size:12px;color:#f0f7ff;overflow-wrap:anywhere}
#proShell .pro-admin-details small{font-size:10px;color:#aac2db;overflow-wrap:anywhere}
#proShell .pro-tags{display:flex;gap:6px;flex-wrap:wrap}
#proShell .pro-tag{font-size:9px;font-weight:800;color:#b9dbf8;background:#203d57;
  border:1px solid #356288;border-radius:6px;padding:5px 7px}
#proShell .pro-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
#proShell .pro-outline{background:#2e3447;border-color:#826374}
#proShell #proLegacyWorkspace{min-width:0}
#proShell #proLegacyWorkspace .hub-user-actions{width:100%;max-width:none}
#proShell #proLegacyWorkspace .hub-tools{margin-bottom:20px}
@media(max-width:1160px){
  #proShell{grid-template-columns:204px minmax(0,1fr)}
  #proShell .pro-metrics,#proShell .pro-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #proShell .pro-project-list{grid-template-columns:1fr}
}
@media(max-width:750px){
  html[data-theme="dark"] #authGate .auth-card.hub-open,html[data-theme="light"] #authGate .auth-card.hub-open{padding:9px!important;max-width:calc(100vw - 12px)!important;width:calc(100vw - 12px)!important}
  #proShell{display:flex;flex-direction:column;min-height:0}
  #proShell .pro-rail{gap:12px;border-right:0;border-bottom:1px solid #304a66;padding:14px 12px}
  #proShell .pro-nav-group{flex-direction:row;gap:6px;flex-wrap:wrap}
  #proShell .pro-nav-group>span{width:100%;padding:0 2px}
  #proShell .pro-nav-group button{min-height:35px;font-size:10px;padding:7px 10px}
  #proShell .pro-nav-bottom{margin-top:0}
  #proShell .pro-rail-user{padding:9px 12px}
  #proShell .pro-main{padding:17px 12px 22px}
  #proShell .pro-hero{flex-direction:column;align-items:flex-start}
  #proShell .pro-admin-row{grid-template-columns:minmax(0,1fr);gap:10px}
  #proShell .pro-admin-actions{justify-content:flex-start}
}
@media(max-width:420px){
  #proShell .pro-metrics,#proShell .pro-quick-grid{grid-template-columns:1fr 1fr;gap:8px}
  #proShell .pro-metric{min-height:83px;padding:12px}
  #proShell .pro-metric strong{font-size:23px}
  #proShell .pro-quick-grid button{padding:11px;min-height:92px}
  #proShell .pro-project{flex-direction:column;align-items:flex-start}
}