/* Glass-Design (Projekt-Cockpit Port 8180) - uebernommen aus preview_glass. Ueberschreibt layout-v3.css. */
html body.v3{--v3y:#FEEE19;--gl:rgba(255,255,255,.07);--glb:rgba(255,255,255,.14);--v3bg:transparent;--v3card:rgba(255,255,255,.07);--v3b:rgba(255,255,255,.14);--v3t:#f3f4f6;--v3m:#9ca3af;--v3th:rgba(255,255,255,.06);--v3tht:#d1d5db;--v3in:rgba(0,0,0,.25);--v3inb:rgba(255,255,255,.2);--v3bs:rgba(255,255,255,.3);--v3sel:rgba(254,238,25,.14);--v3hov:rgba(254,238,25,.08);--v3modal:rgba(20,22,30,.85);--v3notebg:rgba(254,238,25,.1);--v3noteb:rgba(254,238,25,.4);--v3pill:rgba(255,255,255,.12);color-scheme:dark;
 background:linear-gradient(160deg,#0b0d12 0%,#141824 100%) fixed #0b0d12!important;font-family:Arial,Helvetica,sans-serif}
html[data-theme="light"] body.v3{--gl:rgba(255,255,255,.55);--glb:rgba(255,255,255,.7);--v3card:rgba(255,255,255,.55);--v3b:rgba(255,255,255,.7);--v3t:#111827;--v3m:#4b5563;--v3th:rgba(255,255,255,.4);--v3tht:#374151;--v3in:rgba(255,255,255,.7);--v3inb:rgba(0,0,0,.15);--v3bs:#12120D;--v3modal:rgba(255,255,255,.9);color-scheme:light;background-image:linear-gradient(160deg,#f3f4f6 0%,#e5e7eb 100%)!important}
body.v3::before{content:"";position:fixed;inset:0;background:rgba(6,8,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:-1;pointer-events:none}
html[data-theme="light"] body.v3::before{background:rgba(240,242,246,.55)}
body.v3 .app-header{margin:12px 12px 0;border-radius:20px;background:var(--gl)!important;color:var(--v3t)!important;border:1px solid var(--glb)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:0 8px 32px rgba(0,0,0,.25)!important;top:12px}
body.v3 .app-header .brand h1{color:var(--v3t)!important}
body.v3 .app-header .brand h1::after{content:"Cockpit";font-size:10px;background:var(--v3y);color:#111;border-radius:999px;padding:2px 8px;margin-left:4px}
body.v3 .v3-mark{background:var(--v3y)}
body.v3 .hdr-right,body.v3 .hdr-right .ghost,body.v3 .hdr-right button{color:var(--v3t);background:transparent;border-color:var(--glb);border-radius:999px}
body.v3 .v3-light{background:rgba(0,0,0,.2);color:var(--v3t);border-color:var(--glb)}
body.v3 #userInfo{background:var(--v3y);color:#111;border-radius:999px}
body.v3 #userInfo .role-badge{color:#111}
.v3-shell{gap:12px;padding:12px}
body.v3 .v3-nav{background:var(--gl);border:1px solid var(--glb);border-radius:20px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);top:82px;height:calc(100vh - 106px);color:var(--v3t)}
body.v3 .v3-nav a{color:var(--v3t);margin:2px 8px;border-radius:999px;transition:background .25s,color .25s}
body.v3 .v3-nav a:hover{background:rgba(254,238,25,.15);color:var(--v3t)}
body.v3 .v3-nav a.active{background:var(--v3y);color:#111;border-left:0;padding-left:18px;font-weight:700}
body.v3 .v3-nav a.sub.active{padding-left:36px}
body.v3 .main-shell{padding:6px 10px}
body.v3 .card,body.v3 .v3-kpi,body.v3 .v3-tile{background:var(--gl)!important;border:1px solid var(--glb)!important;border-radius:20px!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:0 8px 32px rgba(0,0,0,.25)!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
body.v3 .v3-kpi{border-top:1px solid var(--glb)!important;position:relative;overflow:hidden}
body.v3 .v3-kpi::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--v3y),rgba(254,238,25,.15))}
body.v3 .v3-kpi:hover,body.v3 .v3-tile:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 1px rgba(254,238,25,.35)!important}
body.v3 .v3-tile{border-left:4px solid var(--v3y)!important}
body.v3 .card h2{color:var(--v3t)}
body.v3 tbody tr:hover td{background:rgba(254,238,25,.06)}
body.v3 button.primary,.v3-btn.p{border-radius:999px!important;border-color:transparent!important}
body.v3 button.ghost,.v3-btn{border-radius:999px}
body.v3 .v3-view{animation:glin .6s cubic-bezier(.2,.8,.2,1)}
body.v3 .gl-fx{opacity:0;transform:translateY(24px);animation:glin .7s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes glin{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){body.v3 .v3-view,body.v3 .gl-fx{animation:none;opacity:1;transform:none}}

/* === Glass-Fix v2: Dark-Theme-Regel aus layout-v3.css (html[data-theme] body.v3) hatte hoehere Spezifitaet und setzte Hintergrund flach === */
html,html[data-theme]{background:linear-gradient(160deg,#0b0d12 0%,#141824 100%) fixed #0b0d12!important}
html[data-theme="light"]{background-image:linear-gradient(160deg,#f3f4f6 0%,#e5e7eb 100%)!important}
html body.v3,html[data-theme] body.v3,html[data-theme="dark"] body.v3,html[data-theme="light"] body.v3{background:transparent!important;background-image:none!important}
html body.v3::before{background:rgba(6,8,14,.38)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
html[data-theme="light"] body.v3::before{background:rgba(240,242,246,.3)!important}
html body.v3 .v3-shell,html body.v3 .main-shell,html body.v3 main,html body.v3 .v3-main,html body.v3 .v3-view,html body.v3 .table-wrap{background:transparent!important}
html[data-theme] body.v3 .app-header,html body.v3 .app-header{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(22px) saturate(160%)!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important}
html[data-theme] body.v3 .v3-nav,html body.v3 .v3-nav{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(22px) saturate(160%)!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important}
html[data-theme] body.v3 .card,html[data-theme] body.v3 .v3-kpi,html[data-theme] body.v3 .v3-tile,html body.v3 .card{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:20px!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15)!important}
html[data-theme] body.v3 th{background:rgba(255,255,255,.06)!important}

/* v3: Lesbarkeit Sidebar/Header/Karten */
html[data-theme] body.v3 .v3-nav,html body.v3 .v3-nav{background:rgba(10,12,18,.88)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(26px) saturate(110%)!important;-webkit-backdrop-filter:blur(26px) saturate(110%)!important;box-shadow:0 8px 32px rgba(0,0,0,.45)!important}
html body.v3 .v3-nav,html body.v3 .v3-nav *:not(.active){color:#f3f4f6!important;text-shadow:0 1px 2px rgba(0,0,0,.6)}
html body.v3 .v3-nav a{color:#f3f4f6!important;font-weight:500}
html body.v3 .v3-nav a:hover{background:rgba(254,238,25,.18)!important;color:#fff!important}
html body.v3 .v3-nav a.active,html body.v3 .v3-nav a.active *{background:var(--v3y)!important;color:#111!important;text-shadow:none!important}
html body.v3 .v3-nav a.active *{background:transparent!important}
html body.v3 .v3-nav :is(h3,h4,.section,.nav-section,.v3-sec,.label,small,div:not(:has(a))){color:#cbd5e1!important;letter-spacing:.06em}
html[data-theme] body.v3 .app-header,html body.v3 .app-header{background:rgba(10,12,18,.82)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(24px) saturate(110%)!important;-webkit-backdrop-filter:blur(24px) saturate(110%)!important}
html[data-theme] body.v3 .card,html[data-theme] body.v3 .v3-kpi,html[data-theme] body.v3 .v3-tile,html body.v3 .card{background:rgba(14,17,25,.62)!important}