/* V0.21.1 – finales Seitenwacht-Branding. Statusfarben bleiben semantisch. */
:root {
  --ink: #131f5a;
  --muted: #63708e;
  --paper: #f4f5f8;
  --card: #fff;
  --line: #e5e9f2;
  --indigo: #1e2aa8;
  --cobalt: #3b82f6;
  --slate: #131f5a;
  --soft-indigo: #edf2ff;
  --on-blue: #d8e1f7;
  --ui-navy: #131f5a;
  --ui-navy-2: #1e2aa8;
  --ui-blue: #3b82f6;
  --ui-border: #e5e9f2;
  --ui-subtle: #f8faff;
  --shadow-sm: 0 1px 3px rgba(19,31,90,.035),0 8px 24px rgba(19,31,90,.035);
  --shadow-md: 0 16px 40px rgba(19,31,90,.09);
}
html { background: #f4f5f8; }
body.app-body { background: #f4f5f8; color: #131f5a; }
body.app-body .app-workspace { background: #f4f5f8; }
body.app-body .app-workspace::before {
  inset: 0 0 auto auto;
  width: min(70vw,900px);
  height: 390px;
  opacity: 1;
  clip-path: none;
  background: linear-gradient(142deg,transparent 36%,rgba(59,130,246,.055) 36.1%,rgba(59,130,246,.015) 68%,transparent 68.1%);
}
body.app-body .app-workspace::after { display: none; }
body.app-body .app-sidebar,
body.app-body.customer-portal .app-sidebar {
  background: #fff;
  color: #131f5a;
  border-right: 1px solid #e5e9f2;
  box-shadow: 8px 0 32px rgba(19,31,90,.025);
  scrollbar-color: #cbd4e8 transparent;
}
body.app-body .brand-lockup {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 77px;
  margin: 0 0 15px;
  padding: 8px 7px;
  align-items: center;
  justify-content: flex-start;
  border: 0;
  border-bottom: 1px solid #edf0f6;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.app-body .brand-lockup:hover { background: #f8faff; }
body.app-body .sidebar-wordmark { display:block;width:min(100%,235px);height:auto;object-fit:contain;object-position:left center; }
body.app-body .sidebar-label,
body.app-body.customer-portal .site-side-nav p,
body.app-body.customer-portal .workspace-side-nav p { color:#8490ab;font-size:9px;font-weight:800;letter-spacing:.16em; }
body.app-body .side-nav a,
body.app-body.customer-portal .site-side-nav a,
body.app-body.customer-portal .workspace-side-nav a {
  color:#4d5a7a;
  border:1px solid transparent;
  background:transparent;
  box-shadow:none;
  font-size:12px !important;
  font-weight:650;
}
body.app-body .side-nav a:hover,
body.app-body.customer-portal .site-side-nav a:hover,
body.app-body.customer-portal .workspace-side-nav a:hover { color:#1e2aa8;background:#f3f6ff;transform:none; }
body.app-body .side-nav a.active,
body.app-body.customer-portal .site-side-nav a.active,
body.app-body.customer-portal .workspace-side-nav a.active { color:#1e2aa8;border-color:#e0e8ff;background:#edf2ff;box-shadow:inset 3px 0 #3b82f6;font-weight:760; }
body.app-body .side-nav .nav-icon { color:#6e80b1;background:#f5f7fc;border:0; }
body.app-body .side-nav a.active .nav-icon { color:#1e2aa8;background:#dfe9ff; }
body.app-body .sidebar-foot { border-top-color:#e9edf5; }
body.app-body .sidebar-foot strong { color:#131f5a; }
body.app-body .sidebar-foot small { color:#7e8aa5; }
body.app-body.customer-portal .all-websites-back { color:#63708e; }
body.app-body.customer-portal .all-websites-back:hover { background:#f2f5fc;color:#1e2aa8; }
body.app-body.customer-portal .active-site-card,
body.app-body.customer-portal .portal-welcome { border:1px solid #e3e9f5;border-radius:11px;background:linear-gradient(145deg,#f9fbff,#f1f5ff); }
body.app-body.customer-portal .active-site-card strong,
body.app-body.customer-portal .portal-welcome>strong { color:#131f5a; }
body.app-body.customer-portal .active-site-card small,
body.app-body.customer-portal .portal-welcome>span,
body.app-body.customer-portal .portal-welcome>div em { color:#63708e; }
body.app-body.customer-portal .portal-welcome>small { color:#3b82f6; }
body.app-body.customer-portal .portal-welcome>div { border-top-color:#dce5f4; }
body.app-body.customer-portal .health-pill { background:#eef1f5; }
body.app-body.customer-portal .health-pill.success { color:#087950;background:#e2f5ed; }
body.app-body.customer-portal .health-pill.warning { color:#9d6505;background:#fff2d8; }
body.app-body.customer-portal .health-pill.failure { color:#b7374a;background:#ffeaed; }
body.app-body.customer-portal .sidebar-site>b { color:#63708e !important; }
body.app-body.customer-portal .portal-account-nav,
body.app-body.customer-portal .manage-websites { border-top-color:#e9edf5 !important; }
body.app-body .app-topbar { background:rgba(255,255,255,.94);border-bottom-color:#e5e9f2;box-shadow:0 1px 8px rgba(19,31,90,.025); }
body.app-body .account-button span { background:linear-gradient(145deg,#1e2aa8,#3b82f6);color:#fff; }
body.app-body .portal-user>div strong { color:#131f5a; }
body.app-body .app-main { position:relative; }
body.app-body .app-footer { background:#fff;border-top-color:#e5e9f2;color:#7d89a4; }
body.app-body .app-footer span:first-child { color:#131f5a; }
body.app-body h1,body.app-body h2,body.app-body h3,body.app-body h4 { color:#131f5a; }
body.app-body .eyebrow { color:#3b82f6; }
body.app-body .muted,body.app-body .hint { color:#63708e; }
body.app-body :where(button:not(.secondary):not(.account-button):not(.danger-button),.button:not(.secondary)) { background:linear-gradient(110deg,#1e2aa8,#3b82f6);color:#fff; }
body.app-body button.secondary,body.app-body .button.secondary { border-color:#dce4f3;background:#fff;color:#1e2aa8; }
body.app-body .filter-chips button:not(.active) { border-color:transparent;background:#f2f5fa;color:#63708e;box-shadow:none; }
body.app-body .filter-chips button.active { border-color:#dce6ff;background:#eaf1ff;color:#1e2aa8;box-shadow:none; }
body.app-body button:focus-visible,body.app-body a:focus-visible,body.app-body input:focus-visible,body.app-body select:focus-visible { outline:3px solid rgba(59,130,246,.42);outline-offset:2px; }
body.app-body input,body.app-body select,body.app-body textarea { border-color:#d8e0ee;color:#131f5a;background:#fff; }
body.app-body .panel,body.app-body .workspace-site-row,body.app-body .workspace-summary,
body.app-body .website-health-row,body.app-body .result-expand-card,body.app-body .result-link-card,
body.app-body .lifecycle-card,body.app-body .simple-record-list,body.app-body .cta-row,
body.app-body .cta-summary-grid article { border-color:#e3e9f3;background:#fff;box-shadow:var(--shadow-sm); }
body.app-body .workspace-summary { background:linear-gradient(105deg,#fff 68%,#f6f9ff); }
body.app-body .workspace-site-row:hover,body.app-body .website-health-row:hover { border-color:#aec8fb;box-shadow:0 10px 30px rgba(30,42,168,.09); }
body.app-body .workspace-heading h1,body.app-body .site-cockpit-title h1 { color:#131f5a; }
body.app-body .workspace-site-name strong,body.app-body .website-health-main>strong { color:#131f5a; }
body.app-body .workspace-site-row>b,body.app-body .workspace-summary h2 { color:#131f5a; }
body.app-body .site-count,body.app-body .plan-chip { background:#eaf1ff;color:#1e2aa8; }
body.app-body .cta-explainer { background:linear-gradient(135deg,#fff,#f5f8ff);border-color:#dfe7f5; }
body.app-body .cta-row.selected { box-shadow:inset 3px 0 #3b82f6,var(--shadow-sm); }
body.app-body .result-expand-card[open],body.app-body details[open] { border-color:#cbdcfb; }
body.app-body .app-main a:not(.button):hover { color:#3b82f6; }
body.app-body .empty { border-color:#d5dfed;background:#fff;color:#63708e; }
body.app-body .system-dot { box-shadow:0 0 0 4px rgba(40,198,138,.12); }
body:not(.app-body),body.invite-body { background:#f4f5f8;color:#131f5a; }
body:not(.app-body) .login-panel,body.invite-body .login-panel { border-color:#e2e8f3;border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(19,31,90,.08); }
body:not(.app-body) .login-logo,body.invite-body .login-logo { display:block;max-width:min(100%,280px);height:auto;max-height:95px;object-fit:contain;object-position:left center; }
body:not(.app-body) h1,body.invite-body h1 { color:#131f5a; }
body:not(.app-body) .eyebrow,body.invite-body .eyebrow { color:#3b82f6; }
body:not(.app-body) .muted,body.invite-body .muted { color:#63708e; }
body:not(.app-body) button:not(.secondary),body.invite-body button:not(.secondary) { background:linear-gradient(110deg,#1e2aa8,#3b82f6); }
body:not(.app-body) a,body.invite-body a { color:#1e2aa8; }
@media(max-width:850px) {
  body.app-body.customer-portal .app-layout { display:block; }
  body.app-body .app-sidebar { display:none; }
  body.app-body .app-workspace { grid-column:1; }
  body.app-body .mobile-brand { display:flex;align-items:center;max-width:190px; }
  body.app-body .mobile-brand img { display:block;width:100%;height:auto;max-height:43px;object-fit:contain; }
  body.app-body .app-topbar { min-height:64px;height:auto; }
}
@media(max-width:600px) {
  body.app-body .mobile-brand { max-width:145px; }
  body.app-body .app-main { padding:24px 16px 50px; }
  body.app-body .app-footer { padding:18px 16px; }
}