
:root{--bg:#f3f6f9;--surface:#fff;--border:#dbe4ea;--text:#102a3a;--muted:#647884;--navy:#06243a;--navy2:#071b2c;--accent:#087e9f;--accent2:#0a6d8a;--ok:#0e8a5a;--radius:12px;--shadow:0 8px 28px rgba(15,46,66,.06)}
html,body{background:var(--bg)!important;color:var(--text)!important}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.app{grid-template-columns:236px minmax(0,1fr)!important;background:var(--bg)!important;min-height:100vh}
.sidebar{position:sticky!important;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,var(--navy),var(--navy2))!important;border-right:1px solid rgba(255,255,255,.07)!important;padding:16px 12px!important;gap:14px!important;box-shadow:none!important}
.brand{padding:4px 6px 14px!important;border-bottom:1px solid rgba(255,255,255,.09);gap:10px!important}.brand .logo{width:42px!important;height:42px!important;background:#fff!important;border-radius:10px!important;overflow:hidden!important;color:transparent!important}.brand .logo img{width:100%;height:100%;object-fit:contain;padding:5px}.brand strong{font-size:15px}.brand small{font-size:10px;color:#9bb0bd!important}
.nav-group-title{font-size:9px!important;letter-spacing:.13em!important;color:#7592a4!important;padding:12px 8px 5px!important}
.sidebar .nav-btn{min-height:38px!important;border-radius:8px!important;padding:9px 10px!important;color:#c9d7df!important;display:flex!important;align-items:center;gap:9px;font-size:12.5px!important;font-weight:650!important}
.sidebar .nav-btn:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.sidebar .nav-btn.active{background:#fff!important;color:#07314a!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important}
.fusion-nav-icon{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:10px;flex:0 0 auto}.sidebar .nav-btn.active .fusion-nav-icon{background:#e8f5f8;color:#087e9f}.nav-more summary{font-size:11px!important;color:#8aa4b3!important;padding:9px 10px!important}
.connector{margin-top:auto!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.045)!important;border-radius:10px!important;padding:10px!important}
main{padding:18px 22px 34px!important;min-width:0}.workspace-quickbar{position:sticky!important;top:0;z-index:55;margin:-18px -22px 14px!important;padding:8px 22px!important;background:rgba(243,246,249,.94)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)!important}.workspace-quickbar button{border:0!important;background:transparent!important;border-radius:7px!important;padding:7px 9px!important;font-size:11.5px!important;color:#526a78!important}.workspace-quickbar button:hover{background:#fff!important;color:#0b4f69!important}
.topbar{position:sticky!important;top:45px;z-index:50;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px);border:1px solid var(--border)!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:14px!important;box-shadow:0 5px 20px rgba(17,53,75,.035)!important}.topbar h1{font-size:18px!important;letter-spacing:-.02em}.topbar p{font-size:11px!important}.global-search-wrap{max-width:470px!important}.global-search-wrap input,#globalSearch{height:38px!important;border-radius:9px!important;border:1px solid #cfdce4!important;background:#f8fafc!important}
.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important}.primary:hover{background:var(--accent2)!important}.secondary,button:not(.nav-btn):not(.primary){border-radius:8px}
.panel,.card{border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:var(--surface)!important;box-shadow:var(--shadow)!important}.panel{padding:16px!important}.panel-head{gap:12px!important}.panel h2,.panel h3{letter-spacing:-.015em;color:#123247}
.dashboard-kpis-v217>*,.dash360-kpi,.management-kpi,.customer-dossier-kpis>div{border:1px solid var(--border)!important;border-radius:11px!important;box-shadow:none!important;background:#fff!important}
table{font-size:12px!important}th{background:#f7f9fb!important;color:#5f7480!important;font-size:10.5px!important;text-transform:uppercase;letter-spacing:.04em}th,td{padding:9px 10px!important;border-bottom:1px solid #e8eef2!important}
input,select,textarea{border:1px solid #cdd9e0!important;border-radius:8px!important;background:#fff!important;color:var(--text)!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{outline:2px solid rgba(8,126,159,.13)!important;border-color:#68aebf!important}
dialog{border-radius:14px!important;box-shadow:0 24px 80px rgba(3,25,40,.25)!important}dialog::backdrop{background:rgba(4,25,40,.42)!important}.notice{border-radius:9px!important}

/* Update Center */
.admin-maintenance-panel{border:1px solid #bcd6df!important;background:linear-gradient(180deg,#fff,#fbfdfe)!important;position:relative;overflow:hidden}.admin-maintenance-panel::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#087e9f}.admin-maintenance-panel>.panel-head{padding-bottom:12px;border-bottom:1px solid #e4ecef}.admin-maintenance-panel .panel-head h2{font-size:20px!important}
.fusion-update-badges{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px}.fusion-update-badges span{padding:5px 8px;border-radius:999px;background:#e9f5f7;color:#0a6077;font-size:10.5px;font-weight:750;border:1px solid #c9e3e8}
.update-safety-flow{display:grid!important;grid-template-columns:repeat(6,minmax(90px,1fr))!important;gap:6px!important;margin:12px 0!important}.update-safety-flow span{padding:8px!important;border-radius:8px!important;background:#f3f7f9!important;border:1px solid #dce7ec!important;font-size:10px!important;text-align:center}
.update-v306-progress{padding:12px!important;border:1px solid #cfe1e7!important;border-radius:10px!important;background:#f8fbfc!important;margin-top:12px}.update-v306-track{height:7px!important;border-radius:999px!important;background:#e2eaee!important;overflow:hidden!important}.update-v306-track i{background:linear-gradient(90deg,#087e9f,#19a879)!important}
.maintenance-status-grid>div{border:1px solid var(--border)!important;border-radius:10px!important;background:#f8fafc!important;padding:10px!important}#maintenanceVersion{color:#087e9f}#updateDiagOutput{background:#0b2231!important;color:#dceaf1!important;border-radius:9px!important;padding:10px!important;border:0!important}#installUpdateBtn{min-width:235px}
@media(max-width:1100px){.app{grid-template-columns:210px minmax(0,1fr)!important}.update-safety-flow{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:800px){.app{display:block!important}.sidebar{position:relative!important;height:auto!important}main{padding:12px!important}.workspace-quickbar{margin:-12px -12px 10px!important;padding:7px 12px!important}.topbar{top:0!important}.update-safety-flow{grid-template-columns:repeat(2,1fr)!important}}

/* V33.0.0 Intranet wieder prominent im Arbeitsbereich */
.intranet-nav-btn:not(.permission-hidden){display:flex!important}
#intranet.intranet-view{max-width:none!important}
.intranet-hero-modern{border-radius:14px!important;box-shadow:var(--shadow)!important}
.intranet-tabs-modern{top:96px!important;border-radius:10px!important}
