/* GOA Verwaltung | CRM Workspace 2026 | staging-only */
:root {
 --bg:#f2f4f7;--panel:#ffffff;--text:#222c38;--muted:#6a798a;
 --line:#dfe4ea;--soft:#f4f6f8;--dark:#272c35;--accent:#df6a21;
 --side:#252b34;--accent-soft:#fff0e7;--blue:#355d85;--bluebg:#edf3fa;
 --radius:12px;--shadow:0 5px 18px rgba(31,46,68,.04);
}
body {background:#f2f4f7!important;color:#222c38;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;}
.app {grid-template-columns:264px minmax(0,1fr)!important;}
.sidebar {background:#252b34!important;box-shadow:none!important;padding:0 12px 18px!important;border-right:1px solid #333c49!important;}
.sidebar:before {display:none!important;}
.sidebar-brand {padding:22px 13px 20px!important;margin:0 0 12px!important;border-color:#414957!important;}
.sidebar-brand strong {font-size:15px!important;color:#fff!important;}
.sidebar-brand span {font-size:10px!important;color:#a7b0bb!important;}
.brand-mark.small {background:#fff!important;padding:5px!important;border-radius:9px!important;}
.nav-group {color:#8897a8!important;letter-spacing:.10em!important;margin:20px 0 7px!important;}
.nav-item {border-radius:7px!important;margin:1px 0!important;padding:10px 12px!important;font-size:12px!important;color:#c5cbd2!important;gap:12px!important;}
.nav-item:hover {background:#343e49!important;color:white!important;}
.nav-item.active {background:#3b3f45!important;color:#fff!important;box-shadow:inset 3px 0 #e5752d!important;font-weight:700!important;}
.nav-item.active .nav-icon {color:#f19b61!important;}
.nav-item .nav-icon {color:#9ba9b7!important;}
.sidebar-footer {border-color:#414957!important;}
.product-tag {border-radius:7px!important;color:#ffd4b5!important;background:rgba(224,105,33,.14)!important;border-color:rgba(224,105,33,.25)!important;}
.product-tag .status-dot {background:#ef8d48!important;box-shadow:none!important;}
.topbar {height:70px!important;background:#fff!important;border-bottom:1px solid #dfe4e9!important;box-shadow:none!important;padding:0 28px!important;}
.topbar:before {content:"GOA VERWALTUNG / CRM WORKSPACE"!important;color:#6c7784!important;font-size:10px!important;}
.global-search input {border:1px solid #e0e5ea!important;background:#f5f7f9!important;border-radius:8px!important;}
.tenant-switch {background:#f8f9fb!important;border-radius:8px!important;}
.content {max-width:1900px!important;padding:26px 30px 60px!important;}
.page-head h1 {font-size:26px!important;font-weight:760!important;}
.panel,.metric,.integration-tile,.tenant-card {border-radius:10px!important;border-color:#e0e5ea!important;box-shadow:0 2px 8px rgba(24,42,58,.025)!important;}
.panel {padding:20px!important;}
.panel-head {border-color:#e9edf1!important;}
.metric:after {display:none!important;}
.btn {border-radius:7px!important;box-shadow:none!important;}
.btn.primary {background:#db6b25!important;border-color:#db6b25!important;box-shadow:none!important;}
.btn.primary:hover {background:#bb571b!important;}
.btn.ghost {background:#fff!important;color:#354b5f!important;border-color:#dce3e9!important;}
.badge {border-radius:6px!important;}
th {background:#f7f8fa!important;color:#596b7e!important;}
.table-wrap {border-radius:9px!important;}
.status-note {border-radius:7px!important;border-color:#f1d9c5!important;border-left-color:#df6a21!important;background:#fff8f2!important;}
dialog {border-radius:12px!important;}
.login-shell {background:linear-gradient(105deg,#2b323d 0%,#313c4b 42%,#e9edf2 42%,#f6f7f9 100%)!important;}
.login-card {border-radius:13px!important;}
.login-card:before {content:"GOA VERWALTUNG · CRM TESTUMGEBUNG"!important;color:#bb581b!important;background:#fff1e7!important;}
.login-card h1 {color:#263543!important;}
.goa-demo-hero {border-radius:12px!important;background:linear-gradient(113deg,#292f39,#363e4b 62%,#3d5e80)!important;box-shadow:none!important;padding:27px 30px!important;}
.goa-demo-hero:before,.goa-demo-hero:after {display:none!important;}
.goa-demo-kicker {color:#efab7c!important;}
.goa-demo-flag {border-color:#e89c69!important;color:#ffd8be!important;}
.goa-demo-hero p {color:#c8d1dc!important;}
.goa-demo-section-title {font-size:14px!important;}
.goa-demo-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;}
.goa-demo-card {border-radius:10px!important;min-height:135px!important;padding:18px!important;box-shadow:none!important;}
.goa-demo-card:hover {border-color:#e5a16f!important;}
.goa-demo-card-icon {border-radius:7px!important;background:#fff0e7!important;color:#d7671f!important;}
.goa-demo-card-state {color:#8a98a4!important;}
.goa-demo-footnote {border-radius:8px!important;}
/* Workbench: CRM layout, table density, permanent scope navigation */
.goa-crm-app {min-height:calc(100dvh - 70px);}
.goa-crm-masthead {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px;padding:0 0 17px;border-bottom:1px solid #dce3e9;}
.goa-crm-masthead .goa-crm-crumb {font-size:10px;font-weight:800;letter-spacing:.12em;color:#b06437;text-transform:uppercase;}
.goa-crm-masthead h1 {font-size:28px;font-weight:760;letter-spacing:-.035em;margin:7px 0;}
.goa-crm-masthead p {font-size:12px;color:#718092;margin:0;}
.goa-crm-masthead-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.goa-crm-workbench {display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:17px;align-items:start;}
.goa-crm-primary {min-width:0;display:grid;gap:17px;}
.goa-crm-side {display:grid;gap:16px;position:sticky;top:90px;}
.goa-crm-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.goa-crm-stat {padding:17px;background:#fff;border:1px solid #e1e6eb;border-radius:9px;}
.goa-crm-stat-label {color:#6c7b8a;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:760;}
.goa-crm-stat strong {display:block;margin-top:9px;font-size:26px;font-weight:790;}
.goa-crm-stat small {font-size:10px;color:#83909e;}
.goa-crm-pane {background:#fff;border:1px solid #dfe5e9;border-radius:10px;padding:19px;}
.goa-crm-pane h2 {font-size:14px;letter-spacing:-.01em;margin:0 0 13px;}
.goa-crm-toolbar {display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 14px;}
.goa-crm-toolbar input,.goa-crm-toolbar select {border:1px solid #dce4e9;background:#f9fafb;border-radius:7px;padding:10px 12px;min-height:38px;}
.goa-crm-toolbar input {flex:1;min-width:180px;}
.goa-crm-table {width:100%;border-collapse:collapse;min-width:650px;}
.goa-crm-table th {text-align:left;background:#f8fafb!important;position:static;white-space:nowrap;}
.goa-crm-table td {border-bottom:1px solid #edf1f3;font-size:11px;white-space:normal;padding:13px!important;}
.goa-crm-table td small {display:block;margin-top:3px;color:#758595;}
.goa-crm-table tr:last-child td {border:0;}
.goa-crm-table button {border:1px solid #dce4e9;border-radius:7px;background:#fff;padding:8px 12px;font-size:10px;font-weight:700;}
.goa-crm-table button:hover {border-color:#d87937;color:#ad5a24;}
.goa-crm-status {display:inline-flex;padding:5px 8px;border-radius:5px;background:#edf3f9;color:#3f6484;font-size:10px;font-weight:740;}
.goa-crm-status.soon {color:#9a4a1d;background:#fff1e7;}
.goa-crm-status.late {color:#a84242;background:#fff0f0;}
.goa-crm-side-item {padding:11px 0;border-bottom:1px solid #edf0f3;font-size:11px;color:#596879;}
.goa-crm-side-item:last-child {border:0;}
.goa-crm-side-item strong {display:block;color:#273748;margin-bottom:5px;font-size:12px;}
.goa-crm-side-item small {color:#8592a1;font-size:10px;}
.goa-crm-empty {padding:26px 12px;color:#81909f;text-align:center;}
.goa-crm-view-tag {font-size:9px;font-weight:800;letter-spacing:.1em;background:#fff1e8;color:#bc5b22;border-radius:5px;padding:7px 9px;}
@media(max-width:1250px){.goa-crm-workbench{grid-template-columns:1fr}.goa-crm-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.goa-crm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.goa-crm-side{grid-template-columns:1fr}.goa-crm-masthead{align-items:flex-start;flex-direction:column}}
@media(max-width:820px){.app{display:block!important}.topbar{height:auto!important;padding:11px!important}.topbar:before{display:none!important}.content{padding:17px 13px 60px!important}.goa-demo-grid{grid-template-columns:1fr}.goa-crm-workbench{grid-template-columns:1fr}.goa-crm-summary{gap:9px}.goa-crm-stat{padding:13px}.goa-crm-stat strong{font-size:21px}.goa-crm-pane{padding:14px}.goa-crm-masthead h1{font-size:23px}.goa-crm-toolbar{display:grid;grid-template-columns:1fr}.goa-crm-toolbar input{width:100%;min-width:0}}