/* ===== OPS-SKIN · Foto-Archiv im Look des Betreiber-Panels (rein visuell, keine Funktion geaendert) ===== */
:root{--pri:#11A68B;--pri-2:#26B99A;--pri-soft:#DDF3EE;--accent:#11A68B;--accent-soft:#DDF3EE;--pri-2:#26B99A;--bg:#EEF1F5;--surface:#fff;--ink:#2A3F54;--muted:#73879C;--line:#E1E6EC;--line-2:#D5DCE4;--grid:#E1E6EC;--sh:none;--card-bd:#E1E6EC;
 --aside-bg:#2A3F54;--aside-fg:#fff;--aside-mut:#8FA2B6;--aside-btn:#C5D0DC;--aside-hover:#243649;--aside-line:#3B536B;--green:#26B99A;--red:#C03221}
body{background:var(--bg);color:var(--ink)}
/* Seitenleiste dunkel */
aside{background:#2A3F54!important;color:#C5D0DC;box-shadow:none!important;border-right:0!important}
aside .logo{background:#fff;border-radius:4px}
.brand h1,.brand h1 span{color:#fff}.brand h1 span{color:var(--accent)}
.brand p,.nav-title{color:#8FA2B6}.brand .status{color:#26B99A}
.nav-dash,#navProjects,#projects button{color:#C5D0DC;border-radius:3px!important}
.nav-dash:hover,#navProjects:hover,#projects button:hover{background:#243649;color:#fff}
.nav-dash[aria-pressed="true"],#projects button[aria-pressed="true"]{background:#1F2F40!important;color:#fff!important;box-shadow:none!important;box-shadow:inset 3px 0 0 var(--accent)!important}
.nav-dash[aria-pressed="true"] svg{color:var(--accent)!important}
#navProjects[aria-expanded="true"]{background:#243649;color:#fff}
#projects button::before{background:#4A647C}#projects button[aria-pressed="true"]::before{background:var(--accent)}
#projects .n{color:#8FA2B6}#projects button[aria-pressed="true"] .n{color:#C5D0DC}
.btn-new{background:var(--accent)!important;border-radius:3px!important;box-shadow:none!important}
.btn-settings{color:#C5D0DC!important;border-color:#3B536B!important;border-radius:3px!important;background:transparent}
.btn-settings:hover{background:#243649!important;color:#fff!important}
.btn-settings.logout{color:#F2A29A!important}
#uhr{color:#8FA2B6;border-top-color:#3B536B}
aside::-webkit-scrollbar-thumb{background:#3B536B}
/* Kopf: flache weisse Leiste statt blauem Banner */
.top,:root[data-theme="dark"] .top{background:#fff!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding-bottom:14px!important;margin-bottom:16px!important;align-items:center!important}
:root[data-theme="dark"] .top{background:#171F33!important;border-bottom-color:#2A3452!important}
.top::after{display:none!important}
.top h2{color:var(--ink)!important;font-weight:500!important;font-size:clamp(20px,2vw,24px)!important;letter-spacing:0!important}
:root[data-theme="dark"] .top h2{color:#E6E9F2!important}
.top h2 .accent{color:var(--accent)!important}
.top .eyebrow{color:var(--muted)!important}.top .eyebrow .live{background:var(--accent)!important}
.sidebar-toggle{background:#EEF1F5!important;border-radius:3px!important;color:var(--ink)!important}
.sidebar-toggle svg{stroke:var(--ink)!important}
:root[data-theme="dark"] .sidebar-toggle{background:#243049!important}:root[data-theme="dark"] .sidebar-toggle svg{stroke:#E6E9F2!important}
.action-bar .act-btn{background:#fff!important;border:1px solid var(--line-2)!important;border-radius:3px!important;box-shadow:none!important;color:var(--ink)!important}
.action-bar .act-btn:hover{background:#F6F8FA!important}
.action-bar .act-btn.worker{background:#DDF3E6!important;color:#0E6B37!important;border-color:#BFE6CE!important}
.action-bar .act-btn.plan{color:var(--accent)!important}
.action-bar .act-btn .badge-count{background:var(--accent)!important;box-shadow:none!important}
:root[data-theme="dark"] .action-bar .act-btn{background:#171F33!important;border-color:#2A3452!important;color:#E6E9F2!important}
/* Karten flach und eckig */
.card,.kpi,.view-toggle,[class*="stat-"],.dash-plan-wrap,.obj-shell,.x{border-radius:3px!important;box-shadow:none!important}
.card,.kpi{border:1px solid var(--line)!important}
.kpi.accent,[class*="grad"]{background:var(--accent)!important}
.kpi-value{font-weight:500;letter-spacing:0}
.kpi-label{font-weight:500}
.view-toggle{border:1px solid var(--line)!important}.view-toggle button{border-radius:2px!important}
.view-toggle button[aria-pressed="true"],.plan-bar .pt[aria-pressed="true"],.cf-chip[aria-pressed="true"],.cf-mode button[aria-pressed="true"]{background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:none!important}
.btn-add-cat,.plan-bar .pt-up,.req-btn.primary,.obj-btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:none!important;border-radius:3px!important}
.req-btn,.obj-btn,.cat-btn,.btn-add-cat{border-radius:3px!important}
.fab{background:var(--accent)!important;box-shadow:0 4px 12px rgba(17,166,139,.35)!important}
:where(input,select,textarea):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}
:focus-visible{outline:2px solid var(--accent)!important}
.bar.peak .bar-fill,.st-bar i{background:var(--accent)!important}
.tabbar{border-top:1px solid var(--line);box-shadow:none!important}
/* Dunkelmodus */
:root[data-theme="dark"]{--bg:#0F1524;--surface:#171F33;--ink:#E6E9F2;--muted:#98A2B8;--line:#2A3452;--line-2:#34406A;--card-bd:#2A3452}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .kpi{background:#171F33}
.stat-mini::after{display:none!important}
.stat-mini{border-radius:3px!important;box-shadow:none!important}
.stat-mini.red{background:#E74C3C!important}.stat-mini.green{background:#26B99A!important}.stat-mini.blue{background:#3498DB!important}.stat-mini.purple{background:#8E6BBF!important}.stat-mini.amber{background:#F0AD4E!important}
.blc-total{background:var(--accent)!important;border-radius:3px!important}
.stat-quad .icon-box{border-radius:3px!important}
/* Lager / Start / Login */
.hero{background:#2A3F54!important;box-shadow:none!important;border-radius:0!important}.hero::after{display:none!important}
.hero .hbtn{border-radius:3px!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.25)!important}
body .card[style*="border-radius"],.hero+main .card{border-radius:3px!important;border:1px solid var(--line)!important}
.logo{border-radius:4px!important}
.hero::before{display:none!important}
form input[type=text],form input[type=password],form input:not([type]){border-radius:3px!important;background:#fff!important}
form button[type=submit]{border-radius:3px!important;background:var(--accent)!important;box-shadow:none!important}
form button[type=submit]:hover{filter:brightness(.95)}
/* Dark: gleiche Akzentfarbe */
:root[data-theme="dark"]{--accent:#26B99A;--accent-soft:#12332D;--pri:#26B99A}
:root[data-theme="dark"] .nav-dash[aria-pressed="true"],:root[data-theme="dark"] .view-toggle button[aria-pressed="true"]{background:var(--accent)!important}
:root[data-theme="dark"] .btn-new{background:var(--accent)!important}
:root[data-theme="dark"] .btn-settings.logout{background:transparent!important}
/* Magazin */
#tabs{background:#2A3F54!important;box-shadow:none!important}
#tabs button{color:#C5D0DC!important;border-radius:3px!important}
#tabs button.on,#tabs button[aria-selected="true"],#tabs button.active{background:#1F2F40!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--accent)!important}
.btn{border-radius:3px!important}.btn.sm{border-radius:3px!important}
.btn.pri{background:var(--accent)!important;box-shadow:none!important}
main input,main select,main textarea{border-radius:3px!important}