/* ═══════════════════════════════════════════════════════════════
   ALMAS Doku-Plattform — Theme v2 (2026-06-24)
   Additive Override-Schicht auf almas-doku.css. Ändert NUR Optik
   (Tokens + dunkle Sidebar/Login → hell/premium). HTML/JS/SSO unberührt.
   ALMAS-Webdesign-Standard v2: hell, weiche mehrschichtige Schatten,
   Rot #FF2325 (Flächen) / #D81020 (Buttons+Text, WCAG-AA), helle Sidebar
   mit Aktiv-Pille, runde Badges, Helvetica Neue.
   CHANGELOG: v1 — Erst-Migration Doku-Desktop auf v2 (Phase 1).
   ═══════════════════════════════════════════════════════════════ */

:root{
  --almas-red:#FF2325;
  --almas-red-hover:#D81020;
  --almas-bg:#F6F6F8;
  --almas-bg-alt:#F1F1F4;
  --almas-surface:#FFFFFF;
  --almas-surface-glass:rgba(255,255,255,.78);
  --almas-text:#15161A;
  --almas-text-secondary:#5C5F66;
  --almas-text-muted:#8A8D94;
  --almas-border:#E6E7EC;
  --almas-border-strong:#D6D7DD;
  --almas-shadow:0 1px 2px rgba(16,17,22,.04),0 2px 6px rgba(16,17,22,.05);
  --almas-shadow-lg:0 12px 30px rgba(16,17,22,.10),0 26px 60px rgba(16,17,22,.12);
  --radius:18px;
  --radius-sm:10px;
  --radius-md:12px;
  --font-system:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}

body{ background:var(--almas-bg); }

/* ─── SIDEBAR: dunkel → hell/premium ─── */
.sidebar{ background:var(--almas-surface); color:var(--almas-text); border-right:1px solid var(--almas-border); }
.sidebar-brand{ border-bottom:1px solid var(--almas-border); }
.sidebar-logo{ filter:none; }                       /* echtes Logo auf Weiß (nicht invertiert) */
.sidebar-title{ color:var(--almas-text); }
.nav-item{ color:var(--almas-text-secondary); font-weight:600; border-radius:12px; position:relative; }
.nav-item:hover{ background:var(--almas-bg-alt); color:var(--almas-text); }
.nav-item.active{ background:rgba(255,35,37,.10); color:var(--almas-red-hover); font-weight:700; }
.nav-item.active::before{
  content:""; position:absolute; left:2px; top:8px; bottom:8px;
  width:3px; border-radius:3px; background:var(--almas-red);
}
.sidebar-footer{ border-top:1px solid var(--almas-border); }
.user-role{ color:var(--almas-text-muted); }
.sidebar-footer .btn-ghost{ color:var(--almas-text-secondary); }
.sidebar-footer .btn-ghost:hover{ background:var(--almas-bg-alt); color:var(--almas-text); }
.sidebar-version{ color:var(--almas-text-muted)!important; }

/* ─── LOGIN: dunkles Glas → helle Premium-Karte ─── */
.view-login{ background:linear-gradient(180deg,#F6F6F8 0%,#ECECEF 100%); }
.login-card{
  background:var(--almas-surface);
  -webkit-backdrop-filter:none; backdrop-filter:none;
  border:1px solid var(--almas-border);
  box-shadow:var(--almas-shadow-lg);
}
.login-card h2{ letter-spacing:-.02em; }

/* ─── BUTTONS: v2-Rot + weicher Rot-Schatten + Lift ─── */
.btn{ border-radius:10px; font-weight:600; }
.btn-primary{ background:var(--almas-red-hover); box-shadow:0 8px 20px rgba(255,35,37,.26); }
.btn-primary:hover{ background:var(--almas-red); transform:translateY(-1px); box-shadow:0 12px 26px rgba(255,35,37,.34); }
.btn-secondary{ box-shadow:var(--almas-shadow); }

/* ─── KARTEN / STATS: weiche Schatten + Hover-Lift ─── */
.assignment-card,.card-section,.stat-card{ box-shadow:var(--almas-shadow); border-color:var(--almas-border); }
.assignment-card{ border-radius:var(--radius); }
.assignment-card:hover{ box-shadow:var(--almas-shadow-lg); }
.stat-card{ transition:transform .25s,box-shadow .25s; }
.stat-card:hover{ transform:translateY(-3px); box-shadow:var(--almas-shadow); }
.stat-value{ color:var(--almas-red-hover); letter-spacing:-.03em; }

/* ─── BADGES: rund + AA-Kontrast ─── */
.badge,.doc-status,.pill-ok,.pill-warn{ border-radius:999px; }
.assignment-status.status-open{ background:#FFF3C4; color:#8A5A00; }
.assignment-status.status-in_progress{ background:#DCEBFF; color:#0057B8; }
.assignment-status.status-completed{ background:#DDF5E5; color:#147A3D; }
.assignment-status.status-unparsed{ background:#FCE3E3; color:#C20F1C; }

/* ─── SEARCH-BAR + FELDER: ruhiger + v2-Fokus ─── */
.search-bar{ box-shadow:var(--almas-shadow); border-color:var(--almas-border); }
.field input:focus,.field textarea:focus,.field select:focus,
.search-bar input:focus,.search-bar select:focus{
  outline:none; border-color:var(--almas-red);
  box-shadow:0 0 0 3px rgba(255,35,37,.14);
}

/* ─── FAB / Akzent-Schatten auf v2-Rot ─── */
.wizard-fab{ background:var(--almas-red-hover); box-shadow:0 6px 20px rgba(216,16,32,.40); }
.step-number{ box-shadow:0 8px 20px rgba(255,35,37,.26); }

/* ─── FOKUS global sichtbar (A11y) ─── */
a:focus-visible,button:focus-visible,.btn:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--almas-red-hover); outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  .btn,.assignment-card,.stat-card{ transition:none!important; }
  .btn-primary:hover,.stat-card:hover,.assignment-card:hover{ transform:none!important; }
}