/*
 * SASP · Design-System 2026
 * Design & Entwicklung: Blaulichtwerk – https://blaulichtwerk.de
 *
 * Wird VOR test-software.css geladen. Die Ebene "blaulichtwerk" steht dadurch
 * an erster Stelle der Kaskade; ihre !important-Regeln setzen sich gegen alle
 * späteren Ebenen und ungelayerte Styles durch, ohne Altdateien zu verändern.
 * Normale Regeln dieser Ebene wären die schwächsten – daher hier alles !important.
 */
@layer blaulichtwerk, desktopDark, workspaceTheme;

@layer blaulichtwerk {

/* ───────────────────────── Gemeinsame Basis ───────────────────────── */
:root{
  --bw-font:ui-sans-serif,system-ui,-apple-system,'Segoe UI Variable','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --bw-gold:#e2c98f;
  --bw-gold-strong:#d1b170;
  --bw-gold-ink:#1f1b12;
  --bw-navy-950:#0b0f14;
  --bw-navy-900:#0f1726;
  --bw-navy-800:#16213a;
  --bw-blue:#2f5fc4;
  --bw-blue-soft:rgba(47,95,196,.14);
}
::selection{background:rgba(226,201,143,.35)}

/* ═════════════════════ 1 · Internes Portal (header.php) ═════════════════════
   Dunkles Nachtblau-Gold-Design – passend zu Anmeldung und Desktop-Fenstern. */
body.app-body{
  --bw-bg:#0e141c;
  --bw-surface:#161f2a;
  --bw-surface-2:#1b2532;
  --bw-surface-3:#212d3c;
  --bw-line:rgba(255,255,255,.075);
  --bw-line-strong:rgba(255,255,255,.13);
  --bw-text:#e8edf3;
  --bw-text-soft:#a9b6c6;
  --bw-text-mute:#7d8b9c;
  --bw-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.22);
  --bw-shadow-lg:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px rgba(0,0,0,.4);
  background:var(--bw-bg)!important;color:var(--bw-text)!important;
  font-family:var(--bw-font)!important;-webkit-font-smoothing:antialiased;color-scheme:dark
}
body.app-body .layout>.content{
  background:
    radial-gradient(900px 420px at 100% -80px,rgba(226,201,143,.07),transparent 65%),
    radial-gradient(700px 380px at 0% 0%,rgba(61,104,196,.07),transparent 60%),
    var(--bw-bg)!important
}
body.app-body :is(h1,h2,h3,h4){color:#f3f6fa!important;letter-spacing:-.025em!important}
body.app-body h1{font-weight:700!important}
body.app-body :is(h2,h3){font-weight:650!important}
body.app-body :is(.muted,.subtitle){color:var(--bw-text-soft)!important}
body.app-body :is(.eyebrow,.kicker,.mini-overline){color:var(--bw-gold)!important;font-weight:650!important;letter-spacing:.14em!important;text-transform:uppercase!important}

/* Seitenleiste */
body.app-body .layout>.sidebar{
  background:linear-gradient(180deg,#111a26 0%,#0b1119 100%)!important;
  border-right:1px solid var(--bw-line)!important
}
body.app-body .layout>.sidebar .brand{border-bottom-color:var(--bw-line)!important}
body.app-body .layout>.sidebar .brand-text small{color:var(--bw-gold)!important;letter-spacing:1.4px!important}
body.app-body .layout>.sidebar .brand-text strong{color:#fff!important;font-weight:700!important;letter-spacing:-.01em!important}
body.app-body .layout>.sidebar .software-home{
  border:1px solid rgba(226,201,143,.26)!important;border-radius:11px!important;
  background:linear-gradient(135deg,rgba(226,201,143,.12),rgba(226,201,143,.03))!important;color:#f1e0b6!important;font-weight:600!important;
  transition:background .15s,border-color .15s!important
}
body.app-body .layout>.sidebar .software-home:hover{background:rgba(226,201,143,.16)!important;border-color:rgba(226,201,143,.45)!important}
body.app-body .layout>.sidebar summary{border-radius:10px!important;transition:background .15s!important}
body.app-body .layout>.sidebar summary:hover{background:rgba(255,255,255,.035)!important}
body.app-body .layout>.sidebar summary strong{color:#dfe6ef!important;font-weight:600!important}
body.app-body .layout>.sidebar nav a{border-radius:10px!important;color:#9fadbe!important;transition:background .15s,color .15s!important}
body.app-body .layout>.sidebar nav a :is(span,strong){color:inherit!important}
body.app-body .layout>.sidebar nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
body.app-body .layout>.sidebar nav a.active{
  background:linear-gradient(90deg,rgba(226,201,143,.17),rgba(226,201,143,.03))!important;
  color:#f6e7c1!important;box-shadow:inset 3px 0 0 var(--bw-gold)!important
}
body.app-body .layout>.sidebar :is(nav a,summary) b{background:var(--bw-gold)!important;color:var(--bw-gold-ink)!important;border-radius:999px!important;font-weight:700!important}
body.app-body .layout>.sidebar .accordion-logout:hover{background:rgba(220,80,90,.13)!important;color:#ffb8c0!important}

/* Kopfleiste (bleibt beim Scrollen sichtbar) */
body.app-body .content>.topbar{
  position:sticky!important;top:0!important;z-index:30!important;
  background:rgba(14,20,28,.78)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;-webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  border-bottom:1px solid var(--bw-line)!important
}
body.app-body .portal-workspace-label small{color:var(--bw-text-mute)!important;font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.app-body .portal-workspace-label strong{color:#fff!important;font-size:15px!important;font-weight:650!important}
body.app-body :is(.top-pill,.user-chip,.software-search){background:rgba(255,255,255,.035)!important;border:1px solid var(--bw-line)!important;border-radius:11px!important;color:var(--bw-text-soft)!important}
body.app-body .software-search{transition:border-color .15s,box-shadow .15s!important}
body.app-body .software-search:focus-within{border-color:rgba(226,201,143,.55)!important;box-shadow:0 0 0 4px rgba(226,201,143,.1)!important}
body.app-body .user-chip:hover{border-color:var(--bw-line-strong)!important;background:rgba(255,255,255,.06)!important}
body.app-body .user-chip strong{color:#fff!important}
body.app-body .user-shield{background:linear-gradient(145deg,rgba(226,201,143,.26),rgba(226,201,143,.08))!important;color:#f3e2b8!important;border:1px solid rgba(226,201,143,.3)!important;border-radius:10px!important;font-weight:700!important}

/* Flächen & Karten */
body.app-body :is(.card,.panel,.hero,.stat,.stat-card,.stats-card,.table-card,.table-wrap,.section-card,.manage-panel,.page-head,.users-page-head,.settings-command-head,.applications-manage-head,.user-list-panel,.user-create-panel,.user-kpi,.exam-stat-card,.promotion-card,.promotion-field-card,.promotion-lock-box,.promotion-request-head,.promotion-filter-bar,.settings-card,.settings-panel,.permission-card,.role-card,.handbook-card,.handbook-detail,.handbook-library,.handbook-learning-panel,.handbook-progress-page,.ops-identity-card,.ops-priority-card,.ops-panel,.ops-kpi,.ops-status-strip,.ops-sync-card,.empty-state,.management-workspace,.management-hero,.management-card,.training-officer-card,.training-stat,.user-create-card){
  background:linear-gradient(180deg,var(--bw-surface-2),var(--bw-surface))!important;
  border:1px solid var(--bw-line)!important;border-radius:16px!important;box-shadow:var(--bw-shadow)!important;color:#dfe6ee!important
}
body.app-body :is(.card,.stat,.stat-card,.management-card,.handbook-card,.user-kpi,.exam-stat-card,.promotion-card,.permission-card,.role-card,.ops-kpi){transition:box-shadow .2s,border-color .2s,transform .2s!important}
body.app-body :is(a.card,a.management-card,a.handbook-card,.management-card:has(a),.handbook-card:has(a)):hover{
  border-color:rgba(226,201,143,.28)!important;box-shadow:var(--bw-shadow-lg)!important;transform:translateY(-2px)!important
}
/* Inhaltstabellen in Karten nicht doppelt umrahmen */
body.app-body :is(.card,.panel,.section-card,.manage-panel) .table-wrap{background:transparent!important;box-shadow:none!important;border-radius:12px!important}
/* Startbereich einer Seite */
body.app-body .content>.hero{
  background:
    radial-gradient(420px 260px at 100% 100%,rgba(226,201,143,.2),transparent 70%),
    linear-gradient(120deg,#17223a 0%,#1c2b49 55%,#22355a 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;position:relative!important;overflow:hidden!important
}
body.app-body .content>.hero :is(p,small,.muted){color:#b9c6d8!important}

/* Buttons */
body.app-body :is(.btn,button.primary,input[type=submit]){
  background:linear-gradient(110deg,#efdcae,var(--bw-gold-strong))!important;color:var(--bw-gold-ink)!important;
  border:1px solid rgba(255,240,205,.5)!important;border-radius:11px!important;font-weight:650!important;
  box-shadow:0 6px 18px rgba(209,177,112,.18),inset 0 1px rgba(255,255,255,.45)!important;
  transition:transform .15s,box-shadow .15s,filter .15s!important
}
body.app-body :is(.btn,button.primary,input[type=submit]):hover{filter:brightness(1.05)!important;transform:translateY(-1px)!important;box-shadow:0 10px 26px rgba(209,177,112,.28),inset 0 1px rgba(255,255,255,.45)!important}
body.app-body :is(.btn,button.primary,input[type=submit]):active{transform:none!important}
body.app-body :is(.btn.secondary,.btn.ghost){background:rgba(255,255,255,.04)!important;color:#dfe6ee!important;border:1px solid var(--bw-line-strong)!important;box-shadow:none!important}
body.app-body :is(.btn.secondary,.btn.ghost):hover{background:rgba(255,255,255,.08)!important;filter:none!important}
body.app-body .btn.danger{background:linear-gradient(180deg,#b84657,#9a3646)!important;color:#fff!important;border-color:rgba(255,160,170,.35)!important;box-shadow:0 6px 18px rgba(184,70,87,.22)!important}
body.app-body :is(.btn,button):disabled{opacity:.5!important;transform:none!important;filter:none!important;cursor:not-allowed!important}

/* Formulare */
body.app-body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=hidden]),select,textarea){
  background:rgba(8,12,18,.55)!important;border:1px solid var(--bw-line-strong)!important;border-radius:11px!important;color:#f1f4f8!important;
  transition:border-color .15s,box-shadow .15s,background .15s!important
}
body.app-body :is(input,select,textarea):hover{border-color:rgba(255,255,255,.22)!important}
body.app-body :is(input,select,textarea):focus{border-color:var(--bw-gold)!important;background:rgba(8,12,18,.75)!important;box-shadow:0 0 0 4px rgba(226,201,143,.12)!important;outline:none!important}
body.app-body :is(input,textarea)::placeholder{color:#6f7d8f!important}
body.app-body .software-search input,body.app-body .software-search input:is(:hover,:focus){background:transparent!important;border:0!important;box-shadow:none!important}
body.app-body label{color:#c3cdd9!important}
body.app-body :is(input[type=checkbox],input[type=radio],progress,input[type=range]){accent-color:var(--bw-gold)!important}

/* Tabellen */
body.app-body :is(table,tbody,tr,td){background:transparent!important;color:#d9e1ea!important;border-color:rgba(255,255,255,.06)!important}
body.app-body table{border-collapse:separate!important;border-spacing:0!important}
body.app-body th{background:rgba(255,255,255,.03)!important;color:#8e9cad!important;font-weight:650!important;font-size:10.5px!important;letter-spacing:.09em!important;text-transform:uppercase!important;border-color:var(--bw-line)!important}
body.app-body tbody tr:hover td{background:rgba(226,201,143,.045)!important}

/* Tabs, Badges, Hinweise */
body.app-body .content :is(.exam-center-tabs,.promotion-center-tabs,.sanctions-center-tabs,.workspace-tabs,.user-tabs,.settings-tabs){background:rgba(255,255,255,.03)!important;border:1px solid var(--bw-line)!important;border-radius:14px!important;padding:5px!important}
body.app-body .content :is(.exam-center-tab,.promotion-center-tab,.sanction-center-tab){border-radius:10px!important;color:var(--bw-text-soft)!important;transition:background .15s,color .15s!important}
body.app-body .content :is(.exam-center-tab,.promotion-center-tab,.sanction-center-tab):hover{background:rgba(255,255,255,.05)!important}
body.app-body .content :is(.exam-center-tab,.promotion-center-tab,.sanction-center-tab).active{
  background:linear-gradient(180deg,rgba(226,201,143,.16),rgba(226,201,143,.06))!important;color:#f6e7c1!important;
  border:1px solid rgba(226,201,143,.32)!important;box-shadow:0 4px 14px rgba(0,0,0,.2)!important
}
body.app-body :is(.badge,.pill){background:rgba(226,201,143,.1)!important;color:#efd9a6!important;border:1px solid rgba(226,201,143,.26)!important;border-radius:999px!important;font-weight:600!important}
body.app-body .alert{border-radius:13px!important;background:rgba(61,104,196,.12)!important;color:#d3e1f7!important;border:1px solid rgba(110,150,230,.28)!important}
body.app-body .alert.error{background:rgba(200,70,90,.12)!important;color:#ffd3da!important;border-color:rgba(230,110,130,.3)!important}
body.app-body .alert.success{background:rgba(60,170,120,.12)!important;color:#c3f0db!important;border-color:rgba(90,200,150,.28)!important}

/* Dialoge */
body.app-body :is(dialog,.modal-content,.modal-dialog,.delete-confirm-dialog,.user-modal-panel){background:linear-gradient(180deg,#1d2734,#161f2a)!important;color:var(--bw-text)!important;border:1px solid var(--bw-line-strong)!important;border-radius:20px!important;box-shadow:0 40px 120px rgba(0,0,0,.6)!important}
body.app-body :is(.modal-header,.modal-footer){background:rgba(255,255,255,.02)!important;border-color:var(--bw-line)!important}
body.app-body dialog::backdrop{background:rgba(6,9,14,.66)!important;backdrop-filter:blur(6px)!important}

/* Fokus & Scrollleisten */
body.app-body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--bw-gold)!important;outline-offset:2px!important}
body.app-body{scrollbar-color:rgba(255,255,255,.18) transparent}
body.app-body ::-webkit-scrollbar{width:10px;height:10px}
body.app-body ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:10px;border:3px solid transparent;background-clip:content-box}

/* Footer */
body.app-body .portal-legal-footer{border-top:1px solid var(--bw-line)!important;color:var(--bw-text-mute)!important;font-size:11px!important}
body.app-body .portal-legal-footer a{color:var(--bw-text-soft)!important}
body.app-body .portal-legal-footer a:hover{color:var(--bw-gold)!important}

/* ═════════════════════ 2 · Öffentliche Seiten ═════════════════════ */
body:is(.sasp-public-body,.sasp-application-body){font-family:var(--bw-font)!important;-webkit-font-smoothing:antialiased}
body:is(.sasp-public-body,.sasp-application-body) .sasp-public-nav{
  background:rgba(11,12,10,.62)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important
}
body:is(.sasp-public-body,.sasp-application-body) .sasp-desktop-menu a{border-radius:999px!important;transition:background .15s,color .15s!important}
body:is(.sasp-public-body,.sasp-application-body) .sasp-desktop-menu a:hover{background:rgba(255,255,255,.06)!important}
body:is(.sasp-public-body,.sasp-application-body) :is(.sasp-public-login,.btn:not(.secondary)){
  background:linear-gradient(110deg,#efdcae,var(--bw-gold-strong))!important;color:var(--bw-gold-ink)!important;
  border:0!important;border-radius:12px!important;font-weight:700!important;
  box-shadow:0 10px 30px rgba(209,177,112,.22),inset 0 1px rgba(255,255,255,.5)!important;
  transition:transform .15s,box-shadow .15s,filter .15s!important
}
body:is(.sasp-public-body,.sasp-application-body) :is(.sasp-public-login,.btn:not(.secondary)):hover{transform:translateY(-2px)!important;filter:brightness(1.05)!important;box-shadow:0 16px 38px rgba(209,177,112,.32),inset 0 1px rgba(255,255,255,.5)!important}
body:is(.sasp-public-body,.sasp-application-body) .btn.secondary{
  background:rgba(255,255,255,.04)!important;color:#f3e6c4!important;border:1px solid rgba(226,201,143,.4)!important;border-radius:12px!important;
  backdrop-filter:blur(8px)!important;transition:background .15s,border-color .15s,transform .15s!important
}
body:is(.sasp-public-body,.sasp-application-body) .btn.secondary:hover{background:rgba(226,201,143,.1)!important;border-color:rgba(226,201,143,.7)!important;transform:translateY(-2px)!important}
body:is(.sasp-public-body,.sasp-application-body) .eyebrow{letter-spacing:.18em!important;font-weight:700!important}
body:is(.sasp-public-body,.sasp-application-body) :is(.sasp-mission-grid,.sasp-division-grid,.sasp-career-steps,.public-operations-flow,.citizen-home-flow,.sasp-public-stats)>article,
body:is(.sasp-public-body,.sasp-application-body) .public-recruitment-grid>article{
  border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s!important
}
body:is(.sasp-public-body,.sasp-application-body) :is(.sasp-mission-grid,.sasp-division-grid,.sasp-career-steps,.public-operations-flow,.citizen-home-flow)>article:hover,
body:is(.sasp-public-body,.sasp-application-body) .public-recruitment-grid>article:hover{
  transform:translateY(-4px)!important;border-color:rgba(226,201,143,.3)!important;box-shadow:0 22px 50px rgba(0,0,0,.35)!important
}
body:is(.sasp-public-body,.sasp-application-body) .sasp-gallery-grid figure{border-radius:18px!important;overflow:hidden!important}
body:is(.sasp-public-body,.sasp-application-body) .sasp-gallery-grid img{transition:transform .5s cubic-bezier(.2,.7,.2,1)!important}
body:is(.sasp-public-body,.sasp-application-body) .sasp-gallery-grid figure:hover img{transform:scale(1.04)!important}
body:is(.sasp-public-body,.sasp-application-body) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  border-radius:12px!important;transition:border-color .15s,box-shadow .15s!important
}
body:is(.sasp-public-body,.sasp-application-body) :is(input,select,textarea):focus{border-color:var(--bw-gold)!important;box-shadow:0 0 0 4px rgba(226,201,143,.14)!important;outline:none!important}
body:is(.sasp-public-body,.sasp-application-body) :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--bw-gold)!important;outline-offset:3px!important}
body:is(.sasp-public-body,.sasp-application-body) .sasp-public-footer{border-top:1px solid rgba(226,201,143,.12)!important}
body:is(.sasp-public-body,.sasp-application-body) .public-scroll-progress{background:linear-gradient(90deg,var(--bw-gold-strong),#f3e2b8)!important}
body.sasp-application-body :is(.sasp-application-intro,.sasp-application-panel){
  border-radius:22px!important;border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05)!important
}
body.sasp-application-body .application-form-section{border-radius:16px!important}

/* Impressum & Datenschutz – lesbare Schriftgrößen, gleiche Optik wie die Anmeldung */
body.legal-page-body{
  font-family:var(--bw-font)!important;-webkit-font-smoothing:antialiased;color:#e8edf3!important;
  background:
    radial-gradient(1000px 500px at 85% -10%,rgba(226,201,143,.09),transparent 60%),
    radial-gradient(800px 500px at 0% 100%,rgba(61,104,196,.08),transparent 60%),
    var(--bw-navy-950)!important
}
body.legal-page-body .legal-page-shell{width:min(980px,calc(100% - 32px))!important;margin:0 auto!important;padding:28px 0 40px!important}
body.legal-page-body .legal-page-head{
  border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;padding:14px 18px!important;
  background:rgba(20,27,36,.7)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important
}
body.legal-page-body .legal-brand small{font-size:10px!important;letter-spacing:1.4px!important;color:var(--bw-gold)!important}
body.legal-page-body .legal-brand strong{font-size:15px!important;color:#fff!important}
body.legal-page-body .legal-page-head nav a{font-size:13px!important;font-weight:500!important;padding:8px 14px!important;border-radius:999px!important;color:#c3cdd9!important}
body.legal-page-body .legal-page-head nav a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.legal-page-body .legal-page-head nav a.active{background:rgba(226,201,143,.14)!important;color:#f3e2b8!important}
body.legal-page-body .legal-hero{padding:48px 4px 28px!important}
body.legal-page-body .legal-hero .eyebrow{font-size:12px!important;letter-spacing:.18em!important;color:var(--bw-gold)!important;font-weight:700!important}
body.legal-page-body .legal-hero h1{font-size:clamp(34px,5vw,52px)!important;letter-spacing:-.03em!important;margin:10px 0!important;color:#fff!important}
body.legal-page-body .legal-hero p{font-size:16px!important;line-height:1.65!important;color:#b4bfcc!important}
body.legal-page-body :is(.privacy-summary>div,.legal-document>article,.legal-document>*:not(article)){
  border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important
}
body.legal-page-body .privacy-summary strong{font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#8f9cad!important}
body.legal-page-body .privacy-summary span{font-size:14px!important;color:#eef2f7!important}
body.legal-page-body .legal-document>article{padding:22px 24px!important;margin-bottom:12px!important;transition:border-color .2s!important}
body.legal-page-body .legal-document>article:hover{border-color:rgba(226,201,143,.25)!important}
body.legal-page-body .legal-document>article>span{font-size:12px!important;color:var(--bw-gold)!important;background:rgba(226,201,143,.1)!important;border:1px solid rgba(226,201,143,.25)!important;border-radius:10px!important}
body.legal-page-body .legal-document h2{font-size:18px!important;color:#fff!important;letter-spacing:-.01em!important}
body.legal-page-body .legal-document :is(p,li,dd,dt,address){font-size:14.5px!important;line-height:1.75!important;color:#c3cdd9!important}
body.legal-page-body .legal-template-note{font-size:12px!important;color:#7f8d9d!important}
body.legal-page-body .legal-page-footer{font-size:12px!important;color:#8f9cad!important;border-top:1px solid rgba(255,255,255,.08)!important}
body.legal-page-body .legal-page-footer nav a{font-size:12px!important;font-weight:500!important;color:#c3cdd9!important}
body.legal-page-body .legal-page-footer nav a:hover{color:var(--bw-gold)!important}

/* ═════════════════════ 3 · Desktop-Oberfläche (view.php) ═════════════════════ */
body[data-desktop-layout]{font-family:var(--bw-font)!important;-webkit-font-smoothing:antialiased}
body[data-desktop-layout] .system-bar{
  background:rgba(11,15,20,.6)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important
}
body[data-desktop-layout] .system-bar strong{color:#fff!important;letter-spacing:.01em!important}
body[data-desktop-layout] .system-bar strong span{color:var(--bw-gold)!important;font-weight:500!important}
body[data-desktop-layout] .system-bar>span:last-child{
  display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;
  border:1px solid rgba(91,214,138,.25)!important;border-radius:999px!important;background:rgba(91,214,138,.08)!important;color:#9fe5b9!important
}
/* Hintergrund „SASP · Los Santos“: leichtes WebP statt 2,8-MB-PNG, gleiche Abdunkel-Einstellung */
body[data-desktop-layout][data-wallpaper=city] #desktop{
  background-image:
    linear-gradient(rgb(5 10 18 / var(--wallpaper-dim,.15)),rgb(5 10 18 / var(--wallpaper-dim,.15))),
    radial-gradient(900px 500px at 85% 0%,rgba(226,201,143,.10),transparent 60%),
    linear-gradient(90deg,rgba(8,12,20,.55),rgba(8,12,20,.1) 60%),
    url('../login-night-gold-1672.webp')!important;
  background-size:cover!important;background-position:center!important
}
body[data-desktop-layout] .taskbar{
  background:rgba(15,21,32,.72)!important;border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06)!important
}
body[data-desktop-layout] .taskbar button{transition:background .15s,transform .15s!important}
body[data-desktop-layout] .taskbar button:hover{transform:translateY(-1px)!important}
body[data-desktop-layout] .desktop-icon .app-symbol{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s!important}
body[data-desktop-layout] .desktop-icon:hover .app-symbol{transform:translateY(-3px) scale(1.04)!important;box-shadow:0 14px 26px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.6)!important}
body[data-desktop-layout] :is(.start-menu,.desktop-dashboard,.os-preferences,#closeDialog,.window-overview){
  background:linear-gradient(160deg,rgba(30,40,54,.9),rgba(16,22,32,.94))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06)!important
}
body[data-desktop-layout] .start-menu .menu-eyebrow,
body[data-desktop-layout] .desktop-dashboard header small{color:var(--os-accent)!important;font-weight:650!important}
body[data-desktop-layout] .start-menu #appSearch{border-radius:12px!important;transition:border-color .15s,box-shadow .15s!important}
body[data-desktop-layout] .start-menu #appSearch:focus{border-color:var(--os-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--os-accent) 18%,transparent)!important;outline:none!important}
body[data-desktop-layout] #startApps button{transition:background .15s,border-color .15s,transform .15s!important}
body[data-desktop-layout] #startApps button:hover{transform:translateY(-1px)!important}
body[data-desktop-layout] .widget-stats strong{font-weight:650!important;letter-spacing:-.03em!important;color:#fff!important}
body[data-desktop-layout] :is(.app-window,.explorer-window){border-radius:16px!important}
body[data-desktop-layout] :is(.window-titlebar,.explorer-titlebar){background:linear-gradient(180deg,#26313f,#1f2935)!important}
body[data-desktop-layout] .window-controls button[data-action=close]:hover{background:#d0465a!important;color:#fff!important}
body[data-desktop-layout] ::-webkit-scrollbar{width:10px;height:10px}
body[data-desktop-layout] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:10px;border:3px solid transparent;background-clip:content-box}

@media (prefers-reduced-motion:reduce){
  body :is(.card,.btn,.sasp-public-login,article,img,.app-symbol,button){transition:none!important;transform:none!important}
}
}