:root{--navigan-graphite:#1c222b;--navigan-graphite-raised:#252e39;--navigan-graphite-hover:#303b49;--navigan-canvas:#f5f7fa;--navigan-surface:#ffffff;--navigan-text:#202833;--navigan-secondary-text:#63717f;--navigan-panel-border:#dfe5ea;--navigan-card-border:#ceddc4;--navigan-brand:#86bc25;--navigan-action:#2f6b2d;--navigan-action-hover:#255624;--navigan-focus:#6c9e32;--navigan-radius:10px}body{font-family:Geist Sans,Arial,sans-serif;font-optical-sizing:auto;font-size:14px;line-height:1.48;-webkit-font-smoothing:antialiased}.app-shell,.app-shell.dashboard-shell,body{color:var(--navigan-text);background:var(--navigan-canvas)}.app-shell,.app-shell.dashboard-shell{--green-deep:var(--navigan-action);--action-green:var(--navigan-action);--action-green-hover:var(--navigan-action-hover);--text:var(--navigan-text);--muted:var(--navigan-secondary-text);--border:var(--navigan-panel-border);--surface:var(--navigan-canvas);font-family:Geist Sans,Arial,sans-serif}.app-shell[class]>header.topbar{background-color:var(--navigan-graphite);border-bottom-color:#343f4c}.app-shell[class]>header.topbar .platform-title{font-size:clamp(14px,1.15vw,16px);font-weight:600;letter-spacing:-.015em}.app-shell[class] .sidebar{background:var(--navigan-graphite);border-color:#343f4c;color:#cbd5df;box-shadow:none}.app-shell[class] .sidebar-brand-panel{background:var(--navigan-graphite);border-bottom-color:#3a4552}.app-shell[class] .sidebar .nav-section{color:#a7b3bf;font-size:10px;font-weight:650;letter-spacing:.06em}.app-shell[class] .sidebar :is(.nav-item,.nav-subitem){color:#cbd5df;font-size:12.5px;font-weight:450;line-height:1.45;border-radius:7px}.app-shell[class] .sidebar :is(.nav-item,.nav-subitem) svg{color:#acbbc9}.app-shell[class] .sidebar .nav-item.selected,.app-shell[class] .sidebar .nav-subitem.selected{background:var(--navigan-graphite-raised);border-left:3px solid var(--navigan-brand);box-shadow:none;color:#ffffff;font-weight:600}.app-shell[class] .sidebar :is(.nav-item,.nav-subitem).selected svg{color:#ffffff}.app-shell[class] .sidebar :is(.nav-item,.nav-subitem):hover:not(.selected){color:#ffffff;background:var(--navigan-graphite-hover)}.app-shell[class] .sidebar .nav-submenu,.app-shell[class] .sidebar .sidebar-footer{border-color:#3b4653}.app-shell[class] .sidebar .sidebar-collapse,.app-shell[class] .sidebar .workspace-card{background:var(--navigan-graphite-raised);border-color:#404a57;color:#e2e8ef}.app-shell[class] .sidebar :is(.workspace-card p,.workspace-card strong){color:#d1d9e2}.app-shell.dashboard-shell .shell-body,.app-shell:has(.environment-workspace) .shell-body>.content-column,.app-shell[class] .shell-body,.app-shell[class] .shell-body>.content-column{background-color:var(--navigan-canvas);background-image:linear-gradient(180deg,#f0f3f7,#f5f7fa 300px);background-repeat:no-repeat}.app-shell[class] main#main-content{color:var(--navigan-text);background:transparent}.app-shell[class] .breadcrumb,.app-shell[class] .breadcrumb a,.app-shell[class] .breadcrumb>span:last-child{color:#4f5e6d;font-size:12.5px}.app-shell[class] .breadcrumb a{font-weight:550;text-decoration-color:#aab6c2}.app-shell main#main-content .environment-workspace .page-heading h1,.app-shell main#main-content :is(.page-heading,.pd-heading) h1{color:var(--navigan-text);font-size:clamp(21px,1.5vw,24px);font-weight:600;line-height:1.25;letter-spacing:-.035em}.app-shell main#main-content :is(.page-heading,.pd-heading) .muted{color:var(--navigan-secondary-text);font-size:13px;line-height:1.45}.app-shell .content-column :is(.panel,.metric,.pd-card,.pd-kpi) h2{color:var(--navigan-text);font-size:16px;font-weight:600}.button{min-height:36px;padding:7px 13px;border-radius:7px;font-size:13px;font-weight:600;letter-spacing:-.005em}.app-shell .content-column .button-primary,.app-shell .content-column .customer-workspace .button-primary,.app-shell .content-column .environment-workspace .button-primary,.button-primary{background:var(--navigan-action);border-color:var(--navigan-action);color:#ffffff;box-shadow:none}.app-shell .content-column .button-primary:hover:not(:disabled),.button-primary:hover:not(:disabled){background:var(--navigan-action-hover);border-color:var(--navigan-action-hover);box-shadow:0 2px 6px rgb(30 67 31/12%)}.app-shell .content-column :is(.button-secondary,.button-ghost),.button-secondary{background:#ffffff;color:#354456;border-color:#d5dfe7;box-shadow:none}.app-shell .content-column :is(.button-secondary,.button-ghost):hover:not(:disabled),.button-secondary:hover:not(:disabled){color:#273743;background:#f1f4f7;border-color:#b7c6d0}.app-shell :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--navigan-focus);outline-offset:2px}.app-shell .content-column :is(.panel,.pd-card,.pd-overview-panel,.customer-metrics,.environment-metrics,.environment-baseline-panel,.cluster-lifecycle-chart,.cluster-setup-sidebar,.cluster-directory-panel,.migration-report-route,.migration-inventory-panel,.migration-governance-card,.migration-kpi-strip){background-color:var(--navigan-surface);border:1px solid var(--navigan-panel-border);border-radius:var(--navigan-radius);box-shadow:none}.app-shell .content-column :is(.metric,.pd-kpi,.cluster-directory-metric,.customer-board-card,.environment-board-card,.environment-metric,.cluster-board-card){background:var(--navigan-surface);border:1px solid var(--navigan-card-border);border-radius:9px;box-shadow:none}.app-shell .content-column :is(.metric,.pd-kpi,.cluster-directory-metric):before{content:none}.app-shell .content-column :is(a.pd-kpi,a.customer-board-card,a.environment-board-card):hover{border-color:#a9c991;box-shadow:0 2px 8px rgb(21 45 31/5%);transform:none}.app-shell .content-column :is(.metric,.pd-kpi,.cluster-directory-metric) strong{color:var(--navigan-text);font-weight:600;font-variant-numeric:tabular-nums}.app-shell .content-column .metric{padding:14px 16px}.app-shell .content-column .metric>strong{margin-top:8px;font-size:clamp(24px,2vw,30px)}.app-shell .content-column :is(.pd-kpi,.cluster-directory-metric){padding:13px 15px}.app-shell .content-column .pd-overview-panel{padding:16px}.app-shell .content-column .pd-overview-heading{margin-bottom:16px}.app-shell .content-column .pd-card-heading h2,.app-shell .content-column .pd-overview-heading h2{color:var(--navigan-text);font-size:16px;font-weight:600}.app-shell .content-column .pd-card-heading p,.app-shell .content-column .pd-overview-heading p{color:var(--navigan-secondary-text);font-size:12.5px}.app-shell .content-column .panel-padding{padding:clamp(14px,1.4vw,20px)}.app-shell main#main-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#cbd5df;border-radius:7px;color:var(--navigan-text)}.app-shell main#main-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--navigan-focus)}.app-shell .content-column :is(.metric,.pd-kpi,.cluster-directory-metric,.customer-board-card,.environment-board-card,.environment-metric)[aria-selected=true]{border-color:var(--navigan-brand)}@container (max-width: 1080px){.app-shell .content-column .pd-insights-grid,.app-shell .content-column .pd-overview-groups,.app-shell .content-column .pd-primary-grid{grid-template-columns:minmax(0,1fr)}.app-shell .content-column :is(.pd-kpis,.cluster-directory-metrics){grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 560px){.app-shell .content-column :is(.pd-kpis,.cluster-directory-metrics){grid-template-columns:minmax(0,1fr)}.app-shell .content-column .pd-overview-columns{grid-template-columns:minmax(0,1fr)}.app-shell .content-column .pd-overview-metric{border-left:0;border-bottom:1px solid var(--navigan-panel-border)}.app-shell .content-column .pd-overview-metric:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.app-shell .content-column :is(.pd-kpi,.metric,.button){transition:none}}