/*
 * NovaCore 6.1.57 · Modern UI · Schritt 2: kompakte Hauptnavigation
 * Nur Layout/Navigation – keine Geschäfts-, Preis-, Import- oder Synchronisationslogik.
 */
:root{--nc-main-nav-w:68px;--nc-main-nav-expanded-w:190px;--nc-appbar-h:64px}
body.nc-nav-expanded{--nc-main-nav-w:var(--nc-main-nav-expanded-w)}

/* Ruhige Kopfzeile: Marke + aktueller Kontext + globale Aktionen. */
.appbar.nc-appbar-modern{grid-template-columns:auto minmax(160px,1fr) auto;height:var(--nc-appbar-h);gap:18px;padding:0 16px 0 14px;background:rgba(6,11,20,.97);border-bottom-color:rgba(120,210,255,.10);box-shadow:0 8px 28px rgba(0,0,0,.26)}
.nc-appbar-modern .brand{min-width:178px}.nc-appbar-modern .brand-mark{width:36px;height:36px}.nc-appbar-modern .brand-name{font-size:15px}.nc-appbar-modern .brand-sub{font-size:9px;color:#71869a}
.nc-header-context{min-width:0;display:flex;align-items:baseline;gap:10px;padding-left:4px;overflow:hidden}.nc-header-context strong{min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef7ff;font-size:13px;font-weight:850;letter-spacing:-.01em}.nc-header-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#61788d;font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.nc-appbar-modern .nc-header-actions{gap:6px}.nc-appbar-modern .nc-search-icon-only,.nc-appbar-modern .nc-icon-btn,.nc-appbar-modern .nc-statev-status-btn{height:36px}.nc-appbar-modern .nc-search-icon-only,.nc-appbar-modern .nc-icon-btn{width:36px;min-width:36px;border-radius:10px}.nc-appbar-modern .nc-sync-compact{height:36px;min-width:82px;border-radius:10px!important;padding:0 10px!important}.nc-appbar-modern .nc-statev-status-btn{border-radius:10px!important;padding:0 10px!important;min-width:82px}

/* Feste, einklappbare Hauptnavigation links. */
.nc-main-nav{position:fixed;z-index:64;left:0;top:var(--nc-appbar-h);bottom:0;width:var(--nc-main-nav-w);display:flex;flex-direction:column;padding:10px 8px 9px;border-right:1px solid rgba(120,210,255,.09);background:linear-gradient(180deg,rgba(7,13,23,.985),rgba(6,11,19,.99));box-shadow:10px 0 28px rgba(0,0,0,.18);transition:width .18s cubic-bezier(.2,.8,.2,1)}
.nc-main-nav-toggle{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;width:100%;height:38px;margin-bottom:8px;padding:0 7px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.025);color:#7f95a8;overflow:hidden;cursor:pointer}.nc-main-nav-toggle:hover{border-color:rgba(83,190,255,.18);background:rgba(34,211,255,.045);color:#ccefff}.nc-nav-toggle-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(34,211,255,.07);font-size:16px;transition:transform .18s ease}.nc-nav-expanded .nc-nav-toggle-icon{transform:rotate(180deg)}.nc-nav-toggle-label{white-space:nowrap;text-align:left;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;transition:opacity .14s ease}
.nc-main-nav-tabs.tabbar{display:flex;flex:1;min-height:0;flex-direction:column;align-items:stretch;gap:5px;overflow:visible}.nc-main-nav-tabs .tab{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;width:100%;height:44px;padding:0 7px;border-radius:11px;text-align:left;color:#8fa3b5;font-size:11px;font-weight:800;overflow:hidden}.nc-main-nav-tabs .tab:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.055);color:#d8e7f2}.nc-main-nav-tabs .tab.active{background:linear-gradient(90deg,rgba(34,211,255,.105),rgba(59,130,255,.055));border-color:rgba(83,190,255,.20);color:#f2fbff;box-shadow:inset 3px 0 0 #38cfff}.nc-main-nav-tabs .tab.active::after{display:none}.nc-nav-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.035);color:#89cce8;font-size:15px;line-height:1}.nc-main-nav-tabs .tab.active .nc-nav-icon{background:rgba(34,211,255,.10);color:#dff9ff}.nc-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .13s ease}
.nc-main-nav-foot{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;padding:0 7px;color:#4d6478;overflow:hidden}.nc-nav-foot-dot{width:8px;height:8px;margin-left:11px;border-radius:50%;background:#2e9fc8;box-shadow:0 0 0 4px rgba(34,211,255,.055)}.nc-nav-foot-label{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
body:not(.nc-nav-expanded) .nc-nav-label,body:not(.nc-nav-expanded) .nc-nav-toggle-label,body:not(.nc-nav-expanded) .nc-nav-foot-label{opacity:0;pointer-events:none}

/* Inhaltsbereich erhält Platz für den Navigationsdock. */
.main{width:calc(100% - var(--nc-main-nav-w));max-width:none!important;margin-left:var(--nc-main-nav-w)!important;margin-right:0!important;transition:width .18s cubic-bezier(.2,.8,.2,1),margin-left .18s cubic-bezier(.2,.8,.2,1)}
.nc-contextbar{width:calc(100% - var(--nc-main-nav-w));margin-left:var(--nc-main-nav-w);padding-left:24px;padding-right:24px;transition:width .18s cubic-bezier(.2,.8,.2,1),margin-left .18s cubic-bezier(.2,.8,.2,1)}
.surface-transition{left:var(--nc-main-nav-w);transition:left .18s cubic-bezier(.2,.8,.2,1),opacity .16s cubic-bezier(.2,.8,.2,1),visibility 0s linear .16s}.surface-transition.active{transition:left .18s cubic-bezier(.2,.8,.2,1),opacity .12s cubic-bezier(.2,.8,.2,1)}

/* Große Bildschirme: Inhalte bleiben lesbar statt über die komplette Breite zu zerfließen. */
@media(min-width:1900px){.main>.app-page{max-width:1780px;margin-right:auto}.nc-contextbar>*:first-child{max-width:1740px}}

/* Auf kleineren Fenstern bleibt der Dock automatisch schmal. */
@media(max-width:980px){body,body.nc-nav-expanded{--nc-main-nav-w:62px}.nc-main-nav-toggle{grid-template-columns:30px}.nc-main-nav{padding-left:6px;padding-right:6px}.nc-nav-label,.nc-nav-toggle-label,.nc-nav-foot-label{display:none!important}.nc-main-nav-tabs .tab{grid-template-columns:32px;padding-left:6px;padding-right:6px}.nc-main-nav-toggle{pointer-events:none;opacity:.55}.nc-header-context span{display:none}.nc-appbar-modern .brand{min-width:auto}.nc-appbar-modern .brand-sub{display:none}.nc-appbar-modern .nc-statev-status-btn{width:36px;min-width:36px;padding:0!important;justify-content:center}.nc-appbar-modern .nc-statev-status-btn #statevHeaderLabel{display:none}.nc-appbar-modern .nc-sync-compact{width:40px;min-width:40px;padding:0!important}.nc-appbar-modern .nc-sync-compact #globalSyncButtonLabel{display:none}}
@media(max-width:720px){body,body.nc-nav-expanded{--nc-main-nav-w:56px}.nc-main-nav{padding-left:4px;padding-right:4px}.nc-main-nav-tabs .tab{height:42px;grid-template-columns:30px;padding:0 5px}.nc-nav-icon{width:28px;height:28px}.main{padding-left:12px!important;padding-right:12px!important}.nc-contextbar{padding-left:12px;padding-right:12px}.nc-header-context{display:none}.appbar.nc-appbar-modern{grid-template-columns:auto 1fr auto;gap:8px}.nc-appbar-modern .brand>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.nc-main-nav,.main,.nc-contextbar,.surface-transition,.nc-nav-toggle-icon{transition:none!important}}