/* AI BAU 2.0 — shared visual system. Presentation only; application behavior stays in existing modules. */
:root{
  --navy:#132a3e;--navy2:#1b3a52;--blue:#246b8f;--blue-soft:#eaf3f7;--teal:#17766f;
  --orange:#b76816;--red:#b5473f;--green:#287a55;--ink:#172a3a;--muted:#617384;
  --line:#dbe4ea;--bg:#f3f6f8;--card:#fff;--surface-soft:#f7f9fb;
  --shadow-xs:0 1px 2px rgba(15,36,52,.05);--shadow:0 8px 24px rgba(15,36,52,.07);--shadow-lg:0 24px 70px rgba(15,36,52,.18);
  --radius-sm:8px;--radius:12px;--radius-lg:16px;--sidebar-w:276px;--topbar-h:84px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
}
*{box-sizing:border-box}html{font-size:14px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue)}
:focus-visible{outline:3px solid rgba(36,107,143,.28)!important;outline-offset:2px}
.ui-icon{width:19px;height:19px;display:inline-block;flex:0 0 auto;vertical-align:middle}

/* Global shell */
.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar-w);height:100dvh;padding:0 12px 14px;background:linear-gradient(180deg,#102637 0%,#142e42 56%,#102536 100%);color:#d9e5ec;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,transform .22s ease}
.brand{position:relative;min-height:78px;padding:15px 8px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.09)}
.brand-mark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#58a0b8,#2e718d);color:#fff;font-size:13px;font-weight:850;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.brand>div:nth-child(2){min-width:0}.brand strong{display:block;color:#fff;font-size:15px;letter-spacing:.015em;white-space:nowrap}.brand strong em{font-style:normal;color:#8bc2d2;font-size:10px;margin-left:3px}.brand span{display:block;color:#8fa6b6;font-size:10px;white-space:nowrap}
.sidebar-collapse{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#a9bcc9}.sidebar-collapse:hover{background:rgba(255,255,255,.11);color:#fff}.sidebar-collapse .ui-icon{width:17px}
.nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 2px 18px;scrollbar-width:thin;scrollbar-color:#365266 transparent}
.nav-group{display:grid;gap:2px;margin-bottom:13px}.nav-group[hidden]{display:none}.nav-group-title{padding:8px 10px 5px;color:#7791a3;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.crm-submenu{display:grid;gap:2px}.nav-group-crm:not(.expanded) .crm-submenu{display:none}.crm-nav-toggle .nav-chevron{width:8px;height:8px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .18s}.nav-group-crm.expanded .crm-nav-toggle .nav-chevron{transform:rotate(45deg) translate(-2px,-2px)}.crm-nav-toggle.active:after{display:none}
.nav-item{position:relative;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#c1d0da;display:flex;align-items:center;gap:11px;text-align:left;font-size:12px;font-weight:650;line-height:1.2;white-space:nowrap;transition:background .16s,color .16s,transform .16s}
.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:rgba(96,166,188,.17);color:#fff;box-shadow:inset 3px 0 #67abc0}.nav-item.active:after{content:"";position:absolute;right:11px;width:5px;height:5px;border-radius:50%;background:#75b4c8}
.nav-item>span{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;color:#8fb0bf}.nav-item:hover>span,.nav-item.active>span{color:#a8d4df}.nav-item>b{margin-left:auto;min-width:21px;height:20px;display:grid;place-items:center;border-radius:99px;background:#8f3f3b;color:#fff;font-size:9px}
.nav-subitem{padding-left:33px;min-height:36px;font-size:11px;color:#aebfca}.nav-subitem .ui-icon{width:16px;height:16px}.nav-subitem.active:after{display:none}
.sidebar-bottom{display:grid;gap:9px;border-top:1px solid rgba(255,255,255,.09);padding-top:11px}.portfolio-card{padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.04)}.portfolio-card span,.portfolio-card strong,.portfolio-card small{display:block}.portfolio-card span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#7894a6}.portfolio-card strong{font-size:11px;color:#e6eef3;margin:2px 0}.portfolio-card small{font-size:9px;color:#8ca2b2}.sidebar-bottom>#resetDataBtn{font-size:10px;color:#8fa5b5;min-height:34px}.user-card{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;background:rgba(255,255,255,.05)}.user-card:hover{background:rgba(255,255,255,.08)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#dcecf1;color:#17465e;font-size:10px;font-weight:850}.user-card strong{display:block;color:#f3f7f9;font-size:11px}.user-card span{display:block;color:#8da4b4;font-size:9px}.copyright-note{color:#6f8797!important;font-size:8px!important;text-align:center;line-height:1.35}
.main{min-height:100dvh;margin-left:var(--sidebar-w);padding:0 30px 52px;transition:margin-left .2s ease}.topbar{position:sticky;top:0;z-index:25;min-height:var(--topbar-h);padding:12px 0;display:flex;align-items:center;gap:20px;background:rgba(243,246,248,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,228,234,.88)}.topbar>div:nth-child(2){min-width:0}.breadcrumbs{color:#758695;font-size:10px}.breadcrumbs span{padding:0 5px;color:#a5b2bc}.breadcrumbs b{color:#516777}.topbar h1{margin:3px 0 0;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#12293b}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.global-search{width:min(330px,28vw);height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#718392;box-shadow:var(--shadow-xs)}.global-search:focus-within{border-color:#7eacbf;box-shadow:0 0 0 3px rgba(36,107,143,.1)}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.global-search .ui-icon{width:17px}.icon-btn.menu-btn{display:none}
.sidebar-collapsed{--sidebar-w:82px}.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .main{margin-left:82px}.sidebar-collapsed .brand>div:nth-child(2),.sidebar-collapsed .nav-group-title,.sidebar-collapsed .nav-item:not(.active):after,.sidebar-collapsed .nav-item:not(:has(span))::after,.sidebar-collapsed .nav-item>b,.sidebar-collapsed .portfolio-card,.sidebar-collapsed .user-card>div:not(.avatar),.sidebar-collapsed .copyright-note{display:none}.sidebar-collapsed .brand{padding-inline:8px}.sidebar-collapsed .brand-mark{width:36px;height:36px}.sidebar-collapsed .sidebar-collapse{position:absolute;right:-1px;bottom:-17px;border:1px solid #355064;background:#17364c}.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}.sidebar-collapsed .nav-item{justify-content:center;padding:8px}.sidebar-collapsed .nav-item>span{width:22px}.sidebar-collapsed .nav-subitem{padding-left:8px}.sidebar-collapsed .nav-subitem{font-size:0}.sidebar-collapsed .nav-subitem .ui-icon{width:18px;height:18px}.sidebar-collapsed .user-card{justify-content:center;padding:7px}

/* Typography and page hierarchy */
body:has(#defectsView.active) #quickAddBtn,body:has(#objectsView.active) #quickAddBtn,body:has(#companiesView.active) #quickAddBtn,body:has(#acceptancesView.active) #quickAddBtn,body:has(#crmView.active) #quickAddBtn{display:none!important}
.view{padding-top:24px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 19px}.section-intro p{margin:0 0 3px;color:#6b7e8c;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.section-intro h2{margin:0;color:#142c3e;font-size:27px;line-height:1.2;letter-spacing:-.025em}.eyebrow{font-size:9px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#718391!important}.card-head h3,.crm-card h3,.detail-card h3{color:#183145;font-size:15px;line-height:1.35}.detail-description,.crm-permission-note{color:var(--muted);font-size:12px;line-height:1.6}

/* Shared controls */
.primary-btn,.secondary-btn,.text-btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-weight:750;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.primary-btn{min-height:40px;padding:9px 14px;border:1px solid #1e6689;background:#246b8f;color:#fff;box-shadow:0 2px 5px rgba(26,84,112,.18)}.primary-btn:hover{background:#1d5b79;border-color:#1d5b79;box-shadow:0 6px 15px rgba(26,84,112,.2);transform:translateY(-1px)}
.secondary-btn{min-height:40px;padding:9px 13px;border:1px solid #cdd9e1;background:#fff;color:#26495f;box-shadow:var(--shadow-xs)}.secondary-btn:hover{background:#f4f8fa;border-color:#9db6c5}.text-btn{min-height:34px;padding:6px 8px;border:0;background:transparent;color:#246b8f}.text-btn:hover{background:#edf4f7}.icon-btn{width:40px;height:40px;padding:0;border:1px solid var(--line);background:#fff;color:#496273}.icon-btn:hover{background:#eef4f7}.primary-btn .ui-icon,.secondary-btn .ui-icon{width:17px;height:17px}
input,select,textarea,.detail-control{border:1px solid #cad7df!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(15,36,52,.025);transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus,.detail-control:focus{border-color:#76a8bc!important;box-shadow:0 0 0 3px rgba(36,107,143,.1)!important;outline:0}input::placeholder,textarea::placeholder{color:#91a0ab}.field>span,.crm-form label>span,.edit-grid label,.customer-form-grid label{font-size:11px!important;font-weight:750!important;color:#435e70!important}.field input,.field select,.field textarea,.crm-form input,.crm-form select,.crm-form textarea{min-height:42px;padding:10px 11px}

/* Cards, filters and KPI */
.card,.metric-card,.management-kpi,.crm-kpi,.crm-card,.table-card,.filter-card,.management-filters,.company-filter-card,.acceptance-filter-card,.report-paper,.company-card,.object-card,.detail-card{border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--card)!important;box-shadow:var(--shadow-xs)!important}.card,.crm-card,.detail-card{padding:18px}.card:hover,.company-card:hover,.object-card:hover{box-shadow:var(--shadow)!important}.filter-card,.company-filter-card,.acceptance-filter-card,.management-filters,.crm-toolbar,.crm-filter-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:13px;box-shadow:var(--shadow-xs)}
.metric-grid,.management-kpis,.crm-kpis{gap:12px}.metric-card,.management-kpi,.crm-kpi{position:relative;padding:17px;min-height:108px;overflow:hidden}.metric-card:before,.management-kpi:before,.crm-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#7aa5b7}.metric-top,.management-kpi span,.crm-kpi span{font-size:10px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.045em;text-transform:uppercase;color:#687c8b!important;min-height:auto!important}.metric-value,.management-kpi strong,.crm-kpi strong{font-size:27px!important;line-height:1.15!important;letter-spacing:-.025em;color:#152e41!important;margin:9px 0 5px!important}.metric-note,.management-kpi small{font-size:10px!important;line-height:1.45!important;color:#81909b!important}.management-kpi.warn:before{background:var(--red)}.management-kpi.warn{border-top:1px solid var(--line)!important}.management-kpi.warn strong{color:var(--red)!important}
.period-pills{gap:7px}.period-pills button,.template-grid button,.crm-tab{min-height:36px;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#526b7b!important;font-size:11px!important;font-weight:750}.period-pills button:hover,.template-grid button:hover,.crm-tab:hover{background:#edf3f6!important}.period-pills button.active,.template-grid button.active,.crm-tab.active{background:#fff!important;border-color:#d4e0e6!important;color:#173b53!important;box-shadow:0 2px 7px rgba(18,47,67,.08)!important}.crm-tabs{padding:5px!important;border:1px solid #dce6eb;background:#edf2f5!important;border-radius:11px!important;gap:3px!important}
.dashboard-switch{display:inline-flex;gap:3px;margin-top:11px;padding:4px;border:1px solid #d7e2e8;border-radius:10px;background:#eaf0f3}.dashboard-switch button{min-height:31px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:#587080;font-size:10px;font-weight:800}.dashboard-switch button:hover{background:rgba(255,255,255,.6)}.dashboard-switch button.active{background:#fff;color:#173d54;box-shadow:0 2px 6px rgba(17,48,67,.1)}

/* Tables and list views */
.table-card{overflow:hidden}.table-meta{padding:13px 16px;border-bottom:1px solid var(--line);background:#fbfcfd}.table-scroll,.compact-table-wrap,.crm-table-wrap,.offer-history-wrap{scrollbar-width:thin;scrollbar-color:#b7c5ce transparent}table{border-collapse:separate;border-spacing:0;width:100%}th{height:42px;padding:10px 12px!important;background:#f5f8fa!important;border-bottom:1px solid #d6e1e7!important;color:#536b7b!important;font-size:10px!important;font-weight:800!important;letter-spacing:.045em;text-transform:uppercase;text-align:left}td{padding:12px!important;border-bottom:1px solid #e7edf1!important;color:#2e4758;font-size:11px!important;vertical-align:middle}tbody tr{transition:background .14s}tbody tr:hover td{background:#f5f9fb!important}tbody tr:last-child td{border-bottom:0!important}.compact-table,.offer-history-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.crm-row{border:1px solid var(--line)!important;border-radius:10px!important;padding:14px!important;box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s,transform .15s}.crm-row:hover{border-color:#9bb8c7!important;box-shadow:0 5px 14px rgba(20,55,75,.07);transform:translateY(-1px)}
.badge,.status-pill,.crm-status,.customer-status,.record-indicator,.acceptance-result,.acceptance-status{display:inline-flex!important;align-items:center;gap:5px;width:max-content;max-width:100%;min-height:25px;padding:4px 9px!important;border:1px solid transparent!important;border-radius:99px!important;background:#edf2f5!important;color:#4b6373!important;font-size:9px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap}.badge:before,.status-pill:before,.crm-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.won,.erledigt,.aktiv,.abgenommen,.angenommen,.selected,.status-pill.active{background:#e7f4ed!important;color:#27734f!important;border-color:#cae7d7!important}.lost,.überfällig,.kritisch,.abgelehnt,.storniert{background:#fbeceb!important;color:#a3403a!important;border-color:#f1d2cf!important}.hoch,.in-bearbeitung,.beauftragt,.verhandlung,.warning{background:#fff3df!important;color:#9a5c17!important;border-color:#f1dfbd!important}.neu,.offen,.info,.geplant,.opportunity{background:#eaf3f7!important;color:#276884!important;border-color:#cee1e9!important}
.badge.priority-Kritisch,.status-kritisch,.crm-status.lost,.crm-status.überfällig{background:#fbeceb!important;color:#a3403a!important;border-color:#f1d2cf!important}.badge.priority-Hoch,.status-in-bearbeitung,.status-firma-beauftragt,.status-termin-vereinbart,.status-in-prüfung{background:#fff3df!important;color:#935816!important;border-color:#f1dfbd!important}.badge.priority-Normal,.badge.priority-Niedrig,.status-neu,.status-prüfung{background:#eaf3f7!important;color:#276884!important;border-color:#cee1e9!important}.status-erledigt,.status-abgenommen{background:#e7f4ed!important;color:#27734f!important;border-color:#cae7d7!important}

/* Dashboard and analytics */
.dashboard-intro{padding-bottom:4px}.management-chart-grid,.management-lower-grid,.dashboard-grid,.crm-grid{gap:16px}.attention-panel{background:#fff!important;border:1px solid #eadfd8!important;box-shadow:var(--shadow-xs)}.attention-card{border:1px solid var(--line)!important;border-left:3px solid #92a7b5!important;border-radius:10px!important;padding:13px!important}.attention-card.red{border-left-color:var(--red)!important}.attention-card.orange{border-left-color:var(--orange)!important}.attention-card.blue{border-left-color:var(--blue)!important}.attention-card strong{font-size:12px!important}.management-bars i,.crm-progress{height:7px!important;background:#e6edf1!important}.management-bars b,.crm-progress i{background:linear-gradient(90deg,#2c718e,#69a7b8)!important}.activity-row{min-height:58px;padding:11px 4px!important}.activity-row time,.activity-type,.activity-row small{font-size:10px!important}.activity-row strong{font-size:11px!important}.workflow-step{border-color:var(--line)!important}.object-dashboard{background:linear-gradient(135deg,#132c40,#1e4a61)!important;border:1px solid #31586c;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow)}

/* CRM and operational detail */
.crm-shell{gap:17px!important}.crm-header{padding-bottom:2px}.crm-header h2{font-size:27px!important;letter-spacing:-.025em;color:#142c3e}.crm-header p{font-size:10px!important;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.crm-filter-row{grid-template-columns:repeat(6,minmax(125px,1fr)) auto!important}.crm-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important}.crm-card{border-radius:var(--radius)!important}.crm-bar{font-size:11px!important}.crm-kanban{gap:12px!important}.crm-stage{background:#eaf0f3!important;border:1px solid #d9e3e8;border-radius:12px!important;padding:10px!important}.crm-stage-head{color:#29485b;font-size:11px;text-transform:uppercase;letter-spacing:.035em}.crm-opportunity{border:1px solid #d9e3e8!important;border-radius:10px!important;padding:13px!important;box-shadow:0 3px 10px rgba(17,50,69,.05)!important}.crm-opportunity:hover{border-color:#91afbe!important;box-shadow:0 7px 18px rgba(17,50,69,.09)!important}.crm-opportunity strong{font-size:12px}.crm-opportunity small{font-size:10px}.crm-detail-hero{background:linear-gradient(135deg,#143249,#245b73)!important;border:1px solid #2d657c;border-radius:var(--radius)!important;box-shadow:var(--shadow)}.crm-fields div,.directory-fields>div{padding:10px 0;border-bottom:1px solid #e8edf0}.crm-fields span,.directory-fields span,.mini-field span{font-size:9px!important;font-weight:800;letter-spacing:.055em}.crm-dialog,dialog{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.crm-drawer,.directory-drawer,.drawer{background:#f4f7f9!important}.crm-drawer-head,.directory-drawer .drawer-head,.drawer-head{border-bottom:1px solid var(--line);box-shadow:0 3px 12px rgba(18,48,66,.04)}.crm-relations button,.relation-list>button,.relation-list>article{border-color:var(--line)!important;border-radius:9px!important}.crm-empty,.company-empty,.empty-state{min-height:110px;display:grid;place-items:center;border:1px dashed #b9c9d2!important;border-radius:12px!important;background:#f9fbfc!important;color:#637887!important;font-size:11px!important}

/* Objects, companies, acceptances and reports */
.crm-opportunity-meta{display:grid;gap:3px;margin:9px 0;color:#687b88;font-size:9px}.crm-opportunity-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-opportunity-meta span:first-child:before{content:"Verantwortlich · ";font-weight:800}.crm-opportunity-meta span:last-child:before{content:"Nächste Aktivität · ";font-weight:800}
.object-grid,.company-grid{gap:16px}.object-card,.company-card{padding:18px!important}.object-card h3,.company-card h3{font-size:17px!important;color:#173145}.object-stat{background:#f3f7f9!important;border:1px solid #e5ecef}.company-card dl{gap:12px!important}.trade-chips span{background:#eaf3f7!important;color:#276884!important;border:1px solid #d1e3ea}.directory-timeline article{border-left-color:#ccdce4!important}.directory-timeline article:before{background:#4e94a9!important}.acceptance-register{border-radius:var(--radius)!important}.report-builder{border-radius:var(--radius)!important}.report-paper{padding:38px!important}.report-header{border-bottom-color:#234f67!important}.report-section h2{font-size:16px!important;color:#183246}.report-kpis div{border:1px solid #e0e8ec;background:#f7fafb!important;border-radius:9px!important}.management-summary{border-left-color:#3d809b!important;background:#eff6f8!important}

/* Forms, modals, drawers, notifications */
.form-section-label{grid-column:1/-1;margin:7px 0 -2px;padding:8px 0 6px;border-bottom:1px solid #dce6eb;color:#244b61;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.form-section-label:first-child{margin-top:0}
.modal-head,.crm-drawer-head,.drawer-head{padding:18px 20px!important}.modal-head h2,.drawer-head h2{font-size:21px!important;color:#173044}.modal-head p{font-size:11px!important}.modal-body,.crm-form{padding:20px!important}.form-grid,.crm-form{gap:15px!important}.modal-actions,.crm-form-actions{padding:14px 20px!important;background:#fbfcfd;border-top:1px solid var(--line)}.detail-card{border-radius:11px!important}.toast{right:20px!important;bottom:20px!important;min-height:44px;padding:11px 15px!important;border-radius:10px!important;background:#17374b!important;font-size:11px!important;box-shadow:var(--shadow-lg)!important}.ai-help-launcher{min-height:44px!important;border-radius:12px!important;background:#1e607f!important;box-shadow:0 10px 28px rgba(17,54,75,.23)!important}.ai-help-launcher span{background:rgba(255,255,255,.14)!important;color:#fff!important}.ai-help-panel{border-color:#cedce3!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.ai-help-panel>header{background:#143249!important}.ai-help-panel>header>div>span{background:#2d718e!important}.ai-help-message.user>div,.ai-help-form button{background:#246b8f!important;border-color:#246b8f!important}

/* Customer portal uses the same system with a simpler information density. */
.customer-portal-root{--blue:#246b8f}.customer-sidebar{background:linear-gradient(180deg,#132c40,#17374b)!important}.customer-main{background:var(--bg)!important}.customer-topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--line)!important}.customer-welcome{background:linear-gradient(135deg,#17384e,#27677d)!important;border-radius:var(--radius-lg)!important}.customer-kpis button,.customer-detail-card,.customer-list-filters,.customer-form-card{border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-xs)!important}.customer-kpis strong{font-size:25px!important}.customer-defect-list>button{border-color:var(--line)!important;border-radius:10px!important}

/* Responsive system */
.sidebar-collapsed .nav .nav-item{font-size:0}
@media(min-width:1440px){.main{padding-inline:38px}.management-kpis{grid-template-columns:repeat(7,1fr)}.crm-kpis{grid-template-columns:repeat(5,1fr)!important}}
@media(max-width:1200px){:root{--sidebar-w:248px}.main{padding-inline:22px}.nav-subitem{padding-left:28px}.management-kpis{grid-template-columns:repeat(4,1fr)!important}.crm-kpis{grid-template-columns:repeat(3,1fr)!important}.crm-filter-row{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:1024px){.main{padding-inline:20px}.topbar{min-height:76px}.section-intro h2,.crm-header h2{font-size:24px!important}.management-lower-grid,.report-layout{grid-template-columns:1fr!important}.company-filter-card,.acceptance-filter-card{grid-template-columns:repeat(2,1fr)!important}.filter-search{grid-column:1/-1}}
@media(max-width:900px){:root{--sidebar-w:284px}.sidebar,.sidebar-collapsed .sidebar{width:min(310px,88vw)!important;transform:translateX(-105%)}.sidebar.open{transform:none!important}.sidebar-collapsed .brand>div:nth-child(2),.sidebar-collapsed .nav-group-title,.sidebar-collapsed .portfolio-card,.sidebar-collapsed .user-card>div:not(.avatar),.sidebar-collapsed .copyright-note{display:block}.sidebar-collapsed .nav-item{justify-content:flex-start;padding:8px 10px}.sidebar-collapsed .nav-subitem{padding-left:33px;font-size:11px}.sidebar-collapsed .main,.main{margin-left:0!important;padding-inline:18px}.sidebar-collapse{display:none}.icon-btn.menu-btn{display:inline-flex}.topbar{min-height:72px}.global-search{display:none!important}.view{padding-top:20px}.crm-kpis{grid-template-columns:repeat(2,1fr)!important}.crm-filter-row{grid-template-columns:repeat(2,1fr)!important}.report-builder{position:static!important;max-height:none!important}}
@media(max-width:768px){body{font-size:13px}.main{padding:0 13px 34px}.topbar{gap:9px}.topbar h1{font-size:17px}.top-actions .primary-btn{width:44px;padding:0;font-size:0}.top-actions .primary-btn .ui-icon{margin:0}.section-intro{align-items:flex-start;flex-direction:column;gap:12px}.section-intro h2,.crm-header h2{font-size:22px!important}.section-intro>div:last-child,.section-intro .export-actions,.object-view-actions{width:100%}.export-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.export-actions>*{width:100%;min-width:0}.card,.crm-card,.detail-card{padding:14px}.metric-grid,.management-kpis,.crm-kpis{grid-template-columns:1fr 1fr!important;gap:8px}.metric-card,.management-kpi,.crm-kpi{min-height:96px;padding:13px}.metric-value,.management-kpi strong,.crm-kpi strong{font-size:21px!important}.management-chart-grid,.management-lower-grid,.crm-grid,.company-grid{grid-template-columns:1fr!important}.crm-grid .wide{grid-column:auto!important}.crm-header{display:grid!important}.crm-header>.primary-btn{width:100%}.crm-export-actions{width:100%;justify-content:flex-start!important}.crm-toolbar,.crm-filter-row,.dashboard-filter-grid,.company-filter-card,.acceptance-filter-card{grid-template-columns:1fr!important}.crm-tabs{margin-inline:-2px}.crm-row{display:block!important}.crm-row>*{display:block!important;margin:5px 0}.crm-kanban{display:block!important;overflow:visible!important}.crm-stage{min-height:0!important;margin-bottom:11px}.crm-stage:not(:has(.crm-opportunity)){display:none}.crm-mobile-stage{display:block!important;width:100%;min-height:42px;margin-top:9px}.crm-opportunity footer select{display:none}.crm-table thead,.offer-history-table thead{display:none}.crm-table,.crm-table tbody,.crm-table tr,.crm-table td,.offer-history-table,.offer-history-table tbody,.offer-history-table tr,.offer-history-table td{display:block;width:100%;min-width:0}.crm-table tr,.offer-history-table tr{margin-bottom:9px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.crm-table td,.offer-history-table td{padding:6px!important;border:0!important}.crm-table td:before,.offer-history-table td:before{content:attr(data-label);display:block;color:#718391;font-size:9px;font-weight:800}.form-grid,.crm-form,.detail-grid,.detail-fields,.directory-detail-grid,.directory-fields{grid-template-columns:1fr!important}.field.wide,.crm-form .wide,.detail-card.wide,.directory-detail-grid .wide{grid-column:auto!important}dialog,.crm-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;margin:0!important}.modal-head,.crm-drawer-head{position:sticky;top:0;z-index:3;background:#fff}.modal-body{max-height:calc(100dvh - 142px)!important;overflow:auto}.modal-actions,.crm-form-actions{position:sticky;bottom:0;z-index:3}.drawer,.crm-drawer,.directory-drawer{width:100vw!important}.report-paper{padding:18px!important}.ai-help-launcher b{display:none}.ai-help-launcher{width:48px;height:48px;padding:0!important;border-radius:50%!important}}
@media(max-width:430px){.main{padding-inline:10px}.metric-grid,.management-kpis,.crm-kpis,.report-kpis,.object-dashboard-grid{grid-template-columns:1fr!important}.metric-card,.management-kpi,.crm-kpi{min-height:88px}.export-actions{grid-template-columns:1fr!important}.crm-export-actions{display:grid!important;grid-template-columns:1fr 1fr}.crm-export-actions .secondary-btn{grid-column:1/-1}.section-intro h2{font-size:20px!important}.trade-checks{grid-template-columns:1fr 1fr!important}.modal-actions{display:grid!important;grid-template-columns:1fr 1fr}.toast{left:10px!important;right:10px!important;bottom:10px!important}.ai-help-widget{right:10px!important;bottom:10px!important}}
@media(max-width:390px){.topbar{padding-block:9px}.topbar h1{font-size:16px}.section-intro p{font-size:9px}.crm-tabs{border-radius:9px!important}.crm-tab{padding-inline:10px!important}.company-card,.object-card{padding:14px!important}.trade-checks{grid-template-columns:1fr!important}}
@media(max-width:375px){.main{padding-inline:9px}.card,.crm-card,.detail-card{padding:12px}.primary-btn,.secondary-btn{padding-inline:10px}.crm-export-actions{grid-template-columns:1fr}.crm-export-actions>*{grid-column:auto!important}}
@media(max-width:320px){.main{padding-inline:7px}.topbar{gap:6px}.topbar .icon-btn{width:40px;height:40px}.section-intro h2{font-size:19px!important}.card,.crm-card,.detail-card{padding:10px}.modal-head,.modal-body,.modal-actions,.crm-form{padding-inline:10px!important}}
@media(max-width:900px){.sidebar-collapsed .nav .nav-item{font-size:12px}.sidebar-collapsed .nav .nav-subitem{font-size:11px}}
@media(max-width:768px){.top-actions .primary-btn:after{display:none!important}}
@media print{.sidebar,.topbar,.ai-help-widget{display:none!important}.main{margin:0!important;padding:0!important}}