:root{
  --red:#6b2ca6;
  --red2:#9655cc;
  --soft:#f5effb;
  --module:#6b2ca6;
  --module2:#9655cc;
  --module-soft:#f5effb;
  --module-line:#e5d8f0;
  --module-ink:#4b2367;
}

/* Retencja należy do rodziny Balletino, ale nie udaje drugiej Akademii. */
.hero{
  background:
    radial-gradient(circle at 78% 16%,rgba(255,255,255,.16) 0 5%,transparent 5.5%),
    linear-gradient(145deg,#4b2367 0%,#6b2ca6 48%,#9655cc 100%);
}
.hero:before{content:"↗";font-size:132px;right:8%;top:5%;color:rgba(255,255,255,.11);transform:rotate(-8deg)}
.hero:after{border-color:rgba(255,255,255,.08)}
.workspace-kicker{font-size:12px;font-weight:950;letter-spacing:.16em;margin-bottom:16px;opacity:.82}
.hero-copy h1{letter-spacing:-.04em}

.module-pill,.module-loader-label{
  display:inline-flex;align-items:center;gap:7px;
  width:max-content;padding:8px 14px;border-radius:999px;
  background:linear-gradient(135deg,var(--module),var(--module2));
  color:#fff;font-size:11px;font-weight:950;letter-spacing:.10em;
  box-shadow:0 9px 22px rgba(107,44,166,.20)
}
.module-loader-label{font-size:10px;padding:7px 12px}

.login-mode-note{
  display:grid;gap:5px;margin:20px 0 4px;padding:14px 15px;
  border:1px solid var(--module-line);border-radius:16px;background:var(--module-soft);
  color:var(--module-ink)
}
.login-mode-note strong{font-size:13px}.login-mode-note span{font-size:12px;line-height:1.5;color:#705486}

.sidebar{background:linear-gradient(180deg,#fff 0%,#fdfbff 100%)}
.side-logo-wrap{margin-bottom:10px}
.module-identity{
  display:flex;align-items:center;gap:10px;margin:0 4px 16px;padding:12px;
  border:1px solid var(--module-line);border-radius:15px;background:var(--module-soft)
}
.module-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  color:#fff;background:linear-gradient(135deg,var(--module),var(--module2));font-weight:950
}
.module-identity div{display:grid;gap:2px}.module-identity strong{font-size:14px;color:var(--module-ink)}.module-identity span:not(.module-icon){font-size:10px;color:#806a90}

.nav button:hover,.nav button.active{background:var(--module-soft);color:var(--module)}
.nav button.active{box-shadow:inset 3px 0 0 var(--module)}
.avatar{background:#efe4f8;color:var(--module)}
.input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--module);box-shadow:0 0 0 4px rgba(107,44,166,.10)}
.btn-primary,.btn.primary{background:linear-gradient(135deg,var(--module),var(--module2));box-shadow:0 10px 24px rgba(107,44,166,.22)}
.eyebrow{color:var(--module)}
.info-card a{color:var(--module)}
.table-wrap tbody tr:hover{background:#fcf9ff}

/* W danych statusy negatywne nadal pozostają czerwone. */
.status-lost{background:#ffe9eb;color:#9b1420}.bar.lost i{background:#d70012}
.btn-danger{background:#fff0f1;color:#a7000c}

/* Wyraźna informacja, że to inny moduł, także na małych ekranach. */
@media(max-width:960px){
  .module-identity{max-width:300px;margin-bottom:14px}
}