/* =========================================================
   KOLORY MARKI — WYGENEROWANE, NIE POPRAWIAJ RĘCZNIE

   Powstaje z: node narzedzia/zbuduj-motyw.js
   Źródło:     assets/css/styles.css

   Zamienia fiolet (#8b5cf6) i turkus (#21d4a3) dzisiejszego panelu
   na granat i błękit z logo PartnerHub360. Działa w obu trybach —
   kolor firmy nie zależy od jasności ekranu.

   Ręczna poprawka w tym pliku zginie przy następnym uruchomieniu
   generatora. Zmiany wprowadza się w generatorze.
========================================================= */

:root[data-motyw="nowy"] {
  --brand: #3B9FE0;
  --brand2: #7FC4EE;
  --brand3: #7FC4EE;
}
body[data-motyw="nowy"] {
  background: radial-gradient(circle at 0% 0%,rgba(59,159,224,.34) 0,rgba(59,159,224,.11) 18%,transparent 42%),
    radial-gradient(circle at 92% 8%,rgba(127,196,238,.22) 0,rgba(127,196,238,.08) 22%,transparent 42%),
    radial-gradient(circle at 55% 105%,rgba(56,189,248,.13),transparent 36%),
    linear-gradient(135deg,var(--bg2) 0%,#101426 42%,var(--bg) 100%);
}
:root[data-motyw="nowy"] ::selection {
  background: rgba(59,159,224,.45);
}
:root[data-motyw="nowy"] .brand-mark {
  background: linear-gradient(135deg,var(--brand),#2E86C6 43%,var(--brand2));
  box-shadow: 0 14px 34px rgba(59,159,224,.35), inset 0 1px 0 rgba(255,255,255,.34);
}
:root[data-motyw="nowy"] .nav button.active {
  background: linear-gradient(90deg,rgba(59,159,224,.23),rgba(127,196,238,.13));
}
:root[data-motyw="nowy"] .nav button.active:before {
  box-shadow: 0 0 18px rgba(59,159,224,.55);
}
:root[data-motyw="nowy"] .nav button.active span:first-child {
  background: linear-gradient(135deg,rgba(59,159,224,.44),rgba(127,196,238,.18));
}
:root[data-motyw="nowy"] .page-icon {
  background: linear-gradient(135deg,rgba(59,159,224,.34),rgba(127,196,238,.13));
}
:root[data-motyw="nowy"] .kpi:after {
  background: radial-gradient(circle,rgba(59,159,224,.20),transparent 68%);
}
:root[data-motyw="nowy"] .platform.FreeNow {
  background: rgba(59,159,224,.14);
}
:root[data-motyw="nowy"] .btn.primary,
:root[data-motyw="nowy"] .primary {
  background: linear-gradient(135deg,var(--brand),#2E86C6 48%,#7FC4EE);
  box-shadow: 0 14px 34px rgba(59,159,224,.30),inset 0 1px 0 rgba(255,255,255,.23);
}
:root[data-motyw="nowy"] .btn.primary:hover,
:root[data-motyw="nowy"] .primary:hover {
  box-shadow: 0 18px 42px rgba(59,159,224,.38);
}
:root[data-motyw="nowy"] .avatar {
  background: linear-gradient(135deg,rgba(59,159,224,.9),rgba(127,196,238,.68));
}
:root[data-motyw="nowy"] .mini-bar {
  background: linear-gradient(180deg,var(--brand),rgba(127,196,238,.82));
}
:root[data-motyw="nowy"] .bar-fill {
  box-shadow: 0 0 22px rgba(127,196,238,.25);
}
:root[data-motyw="nowy"] .ai-box {
  background: linear-gradient(135deg,rgba(59,159,224,.20),rgba(127,196,238,.10));
  border: 1px solid rgba(59,159,224,.25);
}
:root[data-motyw="nowy"] .map-canvas {
  background: radial-gradient(circle at 30% 35%,rgba(59,159,224,.36),transparent 18%),radial-gradient(circle at 70% 55%,rgba(127,196,238,.28),transparent 16%),linear-gradient(135deg,var(--panel2),var(--bg));
}
:root[data-motyw="nowy"] .page-header {
  background: radial-gradient(circle at 10% 0%,rgba(59,159,224,.24),transparent 38%),
    radial-gradient(circle at 88% 10%,rgba(127,196,238,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
}
:root[data-motyw="nowy"] .eyebrow {
  border: 1px solid rgba(59,159,224,.28);
  background: linear-gradient(135deg,rgba(59,159,224,.18),rgba(127,196,238,.08));
}
:root[data-motyw="nowy"] .kpi-card {
  background: radial-gradient(circle at 95% 0%,rgba(59,159,224,.15),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.072),rgba(0,0,0,.13));
}
:root[data-motyw="nowy"] .badge.status {
  background: linear-gradient(135deg,rgba(59,159,224,.18),rgba(127,196,238,.08));
  border-color: rgba(59,159,224,.25);
}
:root[data-motyw="nowy"] .mini-card {
  background: radial-gradient(circle at 100% 0%,rgba(59,159,224,.12),transparent 40%),
    rgba(255,255,255,.045);
}
:root[data-motyw="nowy"] .mini-card-icon {
  background: linear-gradient(135deg,rgba(59,159,224,.25),rgba(127,196,238,.12));
}
:root[data-motyw="nowy"] .pipeline-head span {
  background: linear-gradient(135deg,rgba(59,159,224,.34),rgba(127,196,238,.16));
}
:root[data-motyw="nowy"] .progress span {
  box-shadow: 0 0 18px rgba(127,196,238,.24);
}
:root[data-motyw="nowy"] .ranking-row .rank {
  background: linear-gradient(135deg,rgba(59,159,224,.32),rgba(127,196,238,.14));
}
:root[data-motyw="nowy"] .formula-box {
  border: 1px solid rgba(59,159,224,.24);
  background: radial-gradient(circle at 100% 0%,rgba(127,196,238,.13),transparent 38%),
    linear-gradient(135deg,rgba(59,159,224,.16),rgba(255,255,255,.04));
}
:root[data-motyw="nowy"] .drawer-panel {
  background: radial-gradient(circle at 10% 0%,rgba(59,159,224,.22),transparent 35%),
    linear-gradient(180deg,var(--panel2),var(--bg2) 62%,var(--bg));
}
:root[data-motyw="nowy"] .timeline-item:before {
  box-shadow: 0 0 18px rgba(127,196,238,.35);
}
:root[data-motyw="nowy"] .fleet-protocol-photo-check-item:hover {
  border-color: rgba(59,159,224,.45);
}
:root[data-motyw="nowy"] .nav .nav-group-toggle.active span:first-child {
  background: linear-gradient(135deg,rgba(59,159,224,.28),rgba(127,196,238,.12));
}
:root[data-motyw="nowy"] .settings-menu-item.active,
:root[data-motyw="nowy"] .settings-system-item.active {
  background: linear-gradient(90deg,rgba(59,159,224,.26),rgba(127,196,238,.13));
}
:root[data-motyw="nowy"] .settings-system-editor input:focus,
:root[data-motyw="nowy"] .settings-system-editor select:focus,
:root[data-motyw="nowy"] .settings-system-editor textarea:focus,
:root[data-motyw="nowy"] .settings-content input:focus,
:root[data-motyw="nowy"] .settings-content select:focus,
:root[data-motyw="nowy"] .settings-content textarea:focus,
:root[data-motyw="nowy"] .fleet-form input:focus,
:root[data-motyw="nowy"] .fleet-form select:focus,
:root[data-motyw="nowy"] .fleet-form textarea:focus {
  border-color: rgba(59,159,224,.42) !important;
}
:root[data-motyw="nowy"] .settlement-mapping-card-head {
  background: linear-gradient(135deg,rgba(59,159,224,.24),rgba(127,196,238,.10));
}
:root[data-motyw="nowy"] .settlement-filter-chip.active {
  background: linear-gradient(135deg,var(--brand),#2E86C6 48%,#7FC4EE);
}
:root[data-motyw="nowy"] .module-tab.active {
  background: linear-gradient(135deg,var(--brand),#2E86C6 48%,#7FC4EE);
}
:root[data-motyw="nowy"] .auth-field input:focus {
  border-color: rgba(59,159,224,.72);
  box-shadow: 0 0 0 4px rgba(59,159,224,.13),
    inset 0 1px 0 rgba(255,255,255,.05);
}
:root[data-motyw="nowy"] .auth-screen:before {
  background: radial-gradient(
      circle at 18% 12%,
      rgba(59,159,224,.24),
      transparent 34%
    ),
    radial-gradient(
      circle at 84% 18%,
      rgba(127,196,238,.16),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      var(--bg) 0%,
      #101426 52%,
      var(--bg) 100%
    );
}
:root[data-motyw="nowy"] .topbar-user-avatar {
  background: linear-gradient(
      135deg,
      rgba(59,159,224,.95),
      rgba(127,196,238,.72)
    );
}
:root[data-motyw="nowy"] .fleet-damage-hero {
  background: radial-gradient(
      circle at 92% 0%,
      rgba(255,107,107,.20),
      transparent 36%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(59,159,224,.18),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.085),
      rgba(255,255,255,.028)
    );
}
:root[data-motyw="nowy"] .fleet-damage-hero-icon {
  background: linear-gradient(
      135deg,
      rgba(255,107,107,.25),
      rgba(59,159,224,.16)
    );
}
:root[data-motyw="nowy"] .fleet-damage-tab.is-active {
  border-color: rgba(59,159,224,.30);
  background: linear-gradient(
      135deg,
      rgba(59,159,224,.22),
      rgba(127,196,238,.10)
    );
}
:root[data-motyw="nowy"] .fleet-damage-form-grid
> label.full:has(input[type="checkbox"]),
:root[data-motyw="nowy"] .fleet-damage-form-grid
> label.full:has(input[type="radio"]) {
  border-color: rgba(59,159,224,.18);
  background: linear-gradient(
      135deg,
      rgba(59,159,224,.085),
      rgba(127,196,238,.035)
    );
}
:root[data-motyw="nowy"] .fleet-damage-form-grid
> label.full:has(input[type="checkbox"]:checked) {
  background: linear-gradient(
      135deg,
      rgba(52,211,153,.11),
      rgba(127,196,238,.045)
    );
}
:root[data-motyw="nowy"] .fleet-damage-form-grid
> label.full
input[type="checkbox"]:focus-visible,
:root[data-motyw="nowy"] .fleet-damage-form-grid
> label.full
input[type="radio"]:focus-visible {
  outline: 2px solid rgba(59,159,224,.72);
}
:root[data-motyw="nowy"] .fleet-damage-file-icon {
  border: 1px solid rgba(59,159,224,.24);
  background: linear-gradient(
      135deg,
      rgba(59,159,224,.20),
      rgba(96,165,250,.10)
    );
}
:root[data-motyw="nowy"] .btn.secondary,
:root[data-motyw="nowy"] .secondary {
  background: rgba(59,159,224,.14);
  border-color: rgba(59,159,224,.30);
}
:root[data-motyw="nowy"] .btn.secondary:hover,
:root[data-motyw="nowy"] .secondary:hover {
  background: rgba(59,159,224,.22);
  border-color: rgba(59,159,224,.44);
}
:root[data-motyw="nowy"] input[type="file"]::file-selector-button {
  border: 1px solid rgba(59,159,224,.30);
  background: rgba(59,159,224,.14);
}
:root[data-motyw="nowy"] input[type="file"]::file-selector-button:hover {
  background: rgba(59,159,224,.22);
  border-color: rgba(59,159,224,.44);
}
:root[data-motyw="nowy"] :focus-visible {
  outline: 2px solid rgba(59,159,224,.75);
}
:root[data-motyw="nowy"] .driver-app-plus {
  color: #7FC4EE;
}
:root[data-motyw="nowy"] .driver-app-chip.ok {
  background: rgba(127,196,238,.16);
  color: #7FC4EE;
}
:root[data-motyw="nowy"] .dash-hero {
  background: radial-gradient(900px 300px at 8% -40%,rgba(59,159,224,.30),transparent 62%),
    radial-gradient(700px 280px at 92% 140%,rgba(127,196,238,.20),transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.14));
}
:root[data-motyw="nowy"] .dash-rank-bar {
  background: linear-gradient(90deg,rgba(59,159,224,.30),rgba(56,189,248,.10));
}
:root[data-motyw="nowy"] .doc-chip:hover {
  background: rgba(59,159,224,.20);
  border-color: rgba(59,159,224,.40);
}
:root[data-motyw="nowy"] .doc-content:focus {
  border-color: rgba(59,159,224,.45);
}
:root[data-motyw="nowy"] .doc-tool:hover {
  background: rgba(59,159,224,.22);
  border-color: rgba(59,159,224,.40);
}
:root[data-motyw="nowy"] .perm-role.active {
  background: linear-gradient(180deg,rgba(59,159,224,.22),rgba(255,255,255,.03));
  border-color: rgba(59,159,224,.40);
}
:root[data-motyw="nowy"] .shop-rule-nested {
  border-left: 2px solid rgba(59,159,224,.35);
}
:root[data-motyw="nowy"] .driver-shop-form {
  border-color: rgba(59,159,224,.40);
  background: linear-gradient(180deg,rgba(59,159,224,.14),rgba(255,255,255,.03));
}
:root[data-motyw="nowy"] .driver-shop-payment.active {
  border-color: rgba(127,196,238,.50);
  background: rgba(127,196,238,.14);
}
:root[data-motyw="nowy"] .kb-tile:hover {
  border-color: rgba(59,159,224,.42);
}
:root[data-motyw="nowy"] .sp-ladowanie-kolo {
  border-top-color: var(--accent, #3B9FE0);
}