/*
 * NovaCore 6.1.68 · UI readability + live finance/price sync polish
 * Visual-only overrides. Business logic lives in renderer/index.html and main/server.
 */
:root{--nc-main-nav-expanded-w:232px}

/* Kopfzeile bleibt beim Scrollen immer sichtbar. */
.appbar,.appbar.nc-appbar-modern{position:sticky!important;top:0!important;z-index:320!important}
.nc-contextbar{position:sticky;top:var(--nc-appbar-h,64px);z-index:61;background:rgba(6,11,20,.96);backdrop-filter:blur(14px)}

/* Ausgeklappte Hauptnavigation: mehr Platz für lesbare Beschriftungen. */
body.nc-nav-expanded .nc-main-nav{padding-left:10px;padding-right:10px}
body.nc-nav-expanded .nc-main-nav-tabs .tab{grid-template-columns:36px minmax(0,1fr);gap:10px;height:46px;padding:0 9px;font-size:12px}
body.nc-nav-expanded .nc-nav-icon{width:32px;height:32px}
body.nc-nav-expanded .nc-nav-toggle-label,body.nc-nav-expanded .nc-nav-foot-label{font-size:10px}

/* Startseite etwas großzügiger und moderner, ohne unnötig viel Leerraum. */
.nc-home-command-center{gap:18px}
.nc-home-lead{padding:23px 25px;min-height:154px;border-radius:20px;background:linear-gradient(135deg,rgba(15,29,43,.98),rgba(14,24,37,.96) 55%,rgba(10,24,34,.98))}
.nc-home-lead-copy h1{font-size:clamp(28px,2.35vw,38px)}
.nc-home-lead-copy p{font-size:13px;line-height:1.55}
.nc-home-kpis{gap:12px}
.nc-home-kpi{min-height:100px;padding:16px 18px;border-radius:18px}
.nc-home-kpi strong{font-size:29px;margin-top:6px}
.nc-home-priority,.nc-home-imports,.nc-home-actions-panel{padding:19px 21px}
.nc-home-action{min-height:72px;padding:11px 12px}

/* Import-Seiten benutzen nur die globale Navigation. Die zweite Seitenleiste machte
   die Tabellen in der Praxis zu schmal. Firmenauswahl bleibt oben als Select erhalten. */
#importPage .import-layout,#runningImportsPage .import-layout,#savedImportsPage .import-layout{display:block!important}
#importPage .import-sidebar,#runningImportsPage .import-sidebar,#savedImportsPage .import-sidebar{display:none!important}
#importPage .import-layout>.content,#runningImportsPage .import-layout>.content,#savedImportsPage .import-layout>.content{width:100%!important;max-width:none!important;min-width:0!important}
#importPage .import-company-table-wrap,#runningImportsPage .import-company-table-wrap,#savedImportsPage .import-company-table-wrap{max-width:100%}
#importPage .import-table,#runningImportsPage .import-table,#savedImportsPage .import-table{width:100%;min-width:840px}

/* Produktionspreis-Details als echtes kompaktes Seitenpanel statt Vollseiten-Modal. */
.pp-material-panel{inset:0!important;z-index:245!important;pointer-events:none!important;background:transparent!important}
.pp-material-panel.open{pointer-events:none!important}
.pp-material-panel-backdrop{display:none!important}
.pp-material-panel-card{pointer-events:auto!important;top:calc(var(--nc-appbar-h,64px) + 58px)!important;right:18px!important;bottom:18px!important;left:auto!important;width:min(500px,calc(100vw - var(--nc-main-nav-w,68px) - 40px))!important;border:1px solid rgba(112,203,244,.20)!important;border-radius:18px!important;box-shadow:0 26px 78px rgba(0,0,0,.52)!important}
body.pp-material-panel-open{overflow:auto!important}
.pp-material-panel-scroll{overscroll-behavior:contain}

/* Live-Sync Bedienelemente. */
.nc-finance-sync-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.nc-finance-sync-state{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(72,218,125,.16);border-radius:999px;background:rgba(72,218,125,.065);color:#9beab5;font-size:10px;font-weight:800}
.nc-finance-sync-state.busy{border-color:rgba(66,185,255,.22);background:rgba(66,185,255,.08);color:#9bdcff}
.nc-auto-sync-options [data-finance-sync].active{border-color:rgba(72,218,125,.36)!important;background:rgba(72,218,125,.12)!important;color:#b5f2c8!important}

/* Pflichtspalten in Kontobewegungen sichtbar markieren. */
.nc-table-column-option.nc-required-column{opacity:.84}
.nc-table-column-option.nc-required-column span::after{content:' · Pflicht';color:#6f8798;font-size:9px;font-weight:700}

@media(max-width:980px){
  .nc-contextbar{top:var(--nc-appbar-h,64px)}
  .pp-material-panel-card{width:min(500px,calc(100vw - var(--nc-main-nav-w,62px) - 24px))!important;right:12px!important;bottom:12px!important}
}
@media(max-width:720px){
  .nc-home-lead{min-height:0;padding:18px}
  .nc-home-lead-copy h1{font-size:28px}
  .pp-material-panel-card{top:calc(var(--nc-appbar-h,64px) + 8px)!important;right:8px!important;bottom:8px!important;width:calc(100vw - var(--nc-main-nav-w,56px) - 16px)!important;border-radius:15px!important}
}
