/* IGOTRANSIT 4.4 — klasyczna, uproszczona warstwa interfejsu */
:root{
  --cc-bg:#10161c;
  --cc-surface:#181f26;
  --cc-surface-2:#202831;
  --cc-surface-3:#27323c;
  --cc-border:#35414c;
  --cc-border-soft:#29333c;
  --cc-text:#eef2f5;
  --cc-muted:#a7b2ba;
  --cc-dim:#78858f;
  --cc-info:#5c88ad;
  --cc-success:#5aaa72;
  --cc-warning:#c9a14c;
  --cc-danger:#c65d5d;
  --cc-accent:var(--accent,#557d9f);
}

/* Logo ma być białe niezależnie od wgranego wariantu kolorystycznego. */
.topbar-brand-logo,.footer-brand-logo,.control-center-login-hero .login-logo{
  filter:grayscale(1) brightness(0) invert(1);
}
.topbar-brand-logo{max-width:202px!important;max-height:34px!important}
.footer-brand-logo{max-width:182px!important;max-height:32px!important}

.control-center-topbar,.control-center-footer{background:#0c1217!important}
.primary-nav a.active{color:#fff!important;background:#17212a!important}
.primary-nav a.active::after{background:var(--cc-accent)!important}
.control-center-sidebar a.active{border-left-color:var(--cc-accent)!important;background:#1b252e!important}
.control-center-sidebar a.active .nav-marker{background:var(--cc-accent)!important}
.control-center-content .btn:not(.secondary):not(.danger):not(.warning):not(.ok),
.control-center-content button:not(.secondary):not(.danger):not(.warning):not(.ok){
  color:#fff!important;background:#426d91!important;border-color:#527fa3!important;
}
.control-center-content .btn:not(.secondary):not(.danger):not(.warning):not(.ok):hover,
.control-center-content button:not(.secondary):not(.danger):not(.warning):not(.ok):hover{background:#4c789c!important}
.control-center-content .btn.ok,.control-center-content button.ok{background:#3f8056!important;border-color:#5a9a6e!important;color:#fff!important}
.control-center-content .btn.warning,.control-center-content button.warning{background:#81682f!important;border-color:#aa8940!important;color:#fff!important}
.control-center-content .btn.danger,.control-center-content button.danger,.control-center-content .btn-danger{background:#7e3737!important;border-color:#a24a4a!important;color:#fff!important}
.control-center-content .btn.secondary,.control-center-content button.secondary{background:#222c35!important;border-color:#45525d!important;color:#eef2f5!important}

/* Logowanie */
body.control-center-login{background:#0c1217!important;color:#eef2f5!important}
.control-center-login-shell{
  min-height:calc(100vh - var(--cc-footer-height))!important;
  grid-template-columns:minmax(320px,1fr) minmax(360px,470px)!important;
  gap:clamp(40px,7vw,120px)!important;
  padding:clamp(32px,6vw,84px)!important;
  align-items:center!important;
}
.control-center-login-shell::before{background:rgba(7,13,18,var(--login-overlay,.68))!important}
.control-center-login-hero{max-width:620px!important}
.control-center-login-hero p{color:#f0f3f5!important;font-size:18px!important}
.control-center-login-hero .login-disclaimer{background:rgba(9,16,22,.72)!important;border-color:rgba(255,255,255,.22)!important;color:#e7ecef!important}
.control-center-login-box{
  color:#edf2f5!important;background:rgba(20,28,35,.97)!important;
  border:1px solid #45525d!important;border-radius:6px!important;box-shadow:0 20px 45px rgba(0,0,0,.32)!important;
}
.control-center-login-box h2,.control-center-login-box label{color:#f4f6f7!important}
.control-center-login-box .login-box-heading p{color:#aab5bd!important}
.control-center-login-box input{background:#0f161c!important;color:#fff!important;border-color:#4a5864!important}
.control-center-login-box input:focus{border-color:#6e9abd!important;outline:2px solid rgba(92,136,173,.2)!important}
.control-center-login-box button{background:#426d91!important;border-color:#5883a5!important;color:#fff!important}
.login-security-note{display:flex;gap:8px;align-items:flex-start;margin-top:15px;padding-top:13px;border-top:1px solid #35414c;color:#91a0aa;font-size:11px;line-height:1.45}

/* Wspólne elementy ułatwiające konfigurację */
.page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 14px;padding:13px 15px;background:#151d24;border:1px solid var(--cc-border);border-radius:4px}
.page-intro h2{margin:0 0 4px;font-size:16px}.page-intro p{margin:0;color:var(--cc-muted);line-height:1.45}
.page-intro-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}
.workflow-sidebar{position:sticky;top:72px}
.workflow-steps{counter-reset:step;display:grid;gap:8px;margin:0;padding:0;list-style:none}
.workflow-steps li{counter-increment:step;display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;padding:9px;background:#151d24;border:1px solid var(--cc-border-soft);border-radius:4px;color:#cdd5da}
.workflow-steps li::before{content:counter(step);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#2b3a46;color:#fff;font-weight:700;font-size:11px}
.quick-presets{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.quick-presets button{padding:6px 9px!important;font-size:11px!important}
.compact-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.compact-summary>div{padding:10px;background:#141c22;border:1px solid var(--cc-border-soft);border-radius:4px}
.compact-summary small{display:block;color:var(--cc-muted);margin-bottom:3px}.compact-summary strong{font-size:17px;color:#fff}
.form-section{margin:12px 0;padding:12px;border:1px solid var(--cc-border-soft);border-radius:4px;background:#151c22}
.form-section>h3{margin:0 0 9px;font-size:13px}.form-section>p{margin:-4px 0 10px;color:var(--cc-muted);font-size:11px}
.inline-options{display:flex;gap:12px;flex-wrap:wrap}.inline-options label{display:flex;gap:6px;align-items:center;margin:0!important}
.inline-options input{width:auto!important}
.filter-bar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:0 0 11px}.filter-bar>div{min-width:150px;flex:1}.filter-bar .actions{margin:0}
.empty-table{padding:28px;text-align:center;color:var(--cc-muted)}
details.advanced-section{margin-top:12px;border:1px solid var(--cc-border-soft);border-radius:4px;background:#141b21}
details.advanced-section>summary{cursor:pointer;padding:10px 12px;font-weight:700;color:#cfd7dc}details.advanced-section>div{padding:0 12px 12px}
.help-callout{padding:10px 12px;border-left:3px solid var(--cc-info);background:#15212a;color:#cbd5db;font-size:12px;line-height:1.5}
.guide-nav{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px}.guide-menu{position:sticky;top:70px}.guide-menu a{display:block;padding:8px 9px;color:#aeb9c1;text-decoration:none;border-left:2px solid transparent}.guide-menu a.active{color:#fff;background:#1a242c;border-left-color:var(--cc-accent)}
.guide-content h2{margin-top:0}.guide-content h3{margin-top:20px}.guide-content pre{overflow:auto;padding:11px;background:#0e151a;border:1px solid var(--cc-border);border-radius:4px;color:#dce5ea}

@media(max-width:1000px){.workflow-grid,.guide-nav{grid-template-columns:1fr}.workflow-sidebar,.guide-menu{position:static}}
@media(max-width:650px){.control-center-login-shell{grid-template-columns:1fr!important;padding:22px 16px!important}.control-center-login-hero{display:none!important}.page-intro{flex-direction:column}.page-intro-actions{justify-content:flex-start}}