/* V0.12.1 — verständlicher Kundenbereich mit Gesundheitsstatus */
:root { --health-green:#16a36a;--health-orange:#f59e0b;--health-red:#ef5350;--health-gray:#a8b0c3; }
.customer-portal .app-sidebar { display:flex;flex-direction:column; }
.customer-portal .sidebar-spacer { flex:1; }
.customer-portal .portal-account-nav { margin-top:18px; }
.customer-portal .side-nav a { min-height:42px;font-size:13px; }
.customer-portal .side-nav a>b { min-width:22px;margin-left:auto;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.1);color:#c8d0f5;font-size:11px;text-align:center; }
.customer-portal .side-nav a>b.problem-count { background:#92373f;color:#fff; }
.customer-portal .portal-org small,.customer-portal .portal-org span { font-size:11px; }
.customer-portal .portal-org strong { font-size:14px; }
.customer-portal .app-main { max-width:1260px; }
.customer-portal .page-head p,.customer-portal .dashboard-heading p { font-size:15px;line-height:1.55; }
.customer-portal .eyebrow { font-size:12px; }
.customer-portal label { font-size:13px; }
.customer-portal input,.customer-portal select,.customer-portal button { min-height:42px;font-size:14px; }
.customer-portal .hint,.customer-portal small { font-size:12px;line-height:1.45; }
.portal-mobile-nav { display:none; }

.health-ring { --ring-color:var(--health-gray);position:relative;display:grid;flex:0 0 auto;width:126px;height:126px;place-items:center;border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--health) * 1%),#e9edf5 0);box-shadow:0 12px 32px rgba(24,35,82,.08); }
.health-ring::before { position:absolute;inset:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(22,32,72,.05);content:""; }
.health-ring>div { position:relative;display:grid;place-items:center;text-align:center; }
.health-ring strong { color:#0f172a;font-size:30px;line-height:1;font-weight:780;letter-spacing:-.05em; }
.health-ring strong small { margin-left:2px;color:inherit;font-size:13px; }
.health-ring span { width:84px;margin-top:6px;color:#69728c;font-size:10px;font-weight:700;line-height:1.15; }
.health-ring.success { --ring-color:var(--health-green); }
.health-ring.warning { --ring-color:var(--health-orange); }
.health-ring.failure { --ring-color:var(--health-red); }
.health-ring.unknown { --ring-color:var(--health-gray); }
.health-ring.large { width:170px;height:170px; }
.health-ring.large::before { inset:13px; }
.health-ring.large strong { font-size:43px; }
.health-ring.large span { width:112px;font-size:12px; }
.health-ring.medium { width:138px;height:138px; }
.health-ring.small { width:76px;height:76px;box-shadow:none; }
.health-ring.small::before { inset:7px; }
.health-ring.small strong { font-size:20px; }
.health-ring.small strong small { font-size:10px; }
.health-ring.small span { width:55px;margin-top:3px;font-size:7px; }
.health-ring.header { width:92px;height:92px;box-shadow:none; }
.health-ring.header::before { inset:8px; }
.health-ring.header strong { font-size:24px; }
.health-ring.header span { font-size:8px; }

.health-hero { display:grid;grid-template-columns:auto minmax(260px,.75fr) minmax(360px,1.5fr);align-items:center;gap:30px;padding:28px 32px;overflow:hidden;border:1px solid #dde4f2;border-radius:12px;background:radial-gradient(circle at 4% 0%,rgba(59,130,246,.1),transparent 32%),linear-gradient(125deg,#fff,#f7f9ff); }
.health-hero h2,.website-health-card h2 { margin:4px 0 7px;font-size:25px; }
.health-hero p,.website-health-card p { margin:0 0 8px;color:#68728c;font-size:14px;line-height:1.55; }
.health-hero a { color:var(--cobalt);font-size:13px;font-weight:750;text-decoration:none; }
.operator-health { grid-template-columns:auto minmax(0,1fr); }
.operator-health>div:not(.health-ring) { max-width:660px; }
.health-site-status-list>a { grid-template-columns:auto minmax(170px,1fr) auto auto auto; }
.portal-issues { display:grid;gap:8px; }
.portal-issues>a { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;border:1px solid #e4e8f2;border-radius:9px;background:#fff;color:var(--ink);text-decoration:none; }
.portal-issues>a:hover { border-color:#cfd8ee;background:#fbfcff; }
.portal-issues strong { font-size:14px; }
.portal-issues p { margin:3px 0 0;color:var(--muted);font-size:13px; }
.portal-issues em { color:#8791a9;font-size:18px;font-style:normal; }
.issue-state { display:block;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--health-gray);box-shadow:0 0 0 2px #dbe0ea; }
.issue-state.success { background:var(--health-green);box-shadow:0 0 0 2px #c9eadc; }
.issue-state.warning { background:var(--health-orange);box-shadow:0 0 0 2px #fde6b2; }
.issue-state.failure { background:var(--health-red);box-shadow:0 0 0 2px #f8cecc; }

.health-website-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.health-website-grid>a { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px;border:1px solid #e2e7f1;border-radius:10px;background:#fff;color:var(--ink);text-decoration:none; }
.health-website-grid>a:hover { border-color:#cbd5ed;box-shadow:0 12px 26px rgba(22,35,87,.06); }
.health-website-grid>a>div:not(.health-ring) { display:grid;min-width:0; }
.health-website-grid strong { font-size:15px; }
.health-website-grid small { overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap; }
.health-website-grid p { margin:7px 0 0;color:#59637d;font-size:13px; }
.health-website-grid em { color:#8b95ae;font-size:18px;font-style:normal; }

.website-health-list { display:grid;gap:11px; }
.website-health-row { display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:20px;padding:18px 20px;border:1px solid #e1e6f0;border-radius:10px;background:#fff; }
.website-health-main { display:grid;min-width:0; }
.website-health-main>a { color:var(--ink);font-size:17px;font-weight:760;text-decoration:none; }
.website-health-main small { overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap; }
.website-health-main p { margin:6px 0 0;color:#5f6983;font-size:13px; }
.website-mini-stats { display:flex;gap:20px; }
.website-mini-stats span { display:grid;color:var(--muted);font-size:11px;text-align:center; }
.website-mini-stats b { color:var(--ink);font-size:15px; }
.row-arrow { display:grid;width:36px;height:36px;place-items:center;border:1px solid #e0e5ef;border-radius:50%;color:var(--indigo);font-size:18px;text-decoration:none; }

.website-health-card { display:grid;grid-template-columns:auto minmax(220px,.8fr) minmax(400px,1.4fr);align-items:center;gap:25px;padding:23px;border:1px solid #dfe5f1;border-radius:11px;background:linear-gradient(130deg,#fff,#f8faff); }
.health-components { display:grid;gap:5px; }
.health-components>a { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:var(--ink);text-decoration:none; }
.health-components>a:hover { background:#f0f3fb; }
.health-components div { display:grid; }
.health-components strong { font-size:13px; }
.health-components small { overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.health-components b { font-size:12px; }
.customer-portal .account-summary-grid>a { display:grid;gap:4px;padding:16px;border:1px solid var(--ui-border);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none; }

.portal-filter { display:flex;align-items:end;gap:10px;margin-bottom:20px;padding:14px;border:1px solid #e3e7f0;border-radius:9px;background:#fff; }
.portal-filter label { min-width:200px; }
.portal-filter select { margin:5px 0 0; }
.portal-form-list,.portal-result-list { overflow:hidden;border:1px solid #e1e6ef;border-radius:10px;background:#fff; }
.portal-form-list>a { display:grid;grid-template-columns:auto minmax(250px,1fr) auto auto auto;align-items:center;gap:15px;min-height:78px;padding:13px 16px;border-bottom:1px solid #edf0f5;color:var(--ink);text-decoration:none; }
.portal-form-list>a:last-child,.portal-result-list>article:last-child { border-bottom:0; }
.portal-form-list>a:hover { background:#fafbff; }
.portal-form-list>a>div { display:grid;min-width:0; }
.portal-form-list strong { font-size:14px; }
.portal-form-list p { margin:5px 0 0;color:#5f6981;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.portal-form-list time,.delivery-state { color:var(--muted);font-size:12px; }
.portal-form-list em { color:#8b94aa;font-style:normal; }
.form-state { display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#edf0f5;color:#7b849b;font-weight:800; }
.form-state.success { background:#ddf6e9;color:#128056; }.form-state.warning { background:#fff0cf;color:#a46400; }.form-state.failure { background:#fee4e2;color:#b73735; }
.portal-result-tabs { margin-bottom:12px; }
.portal-result-list>article { display:grid;grid-template-columns:auto minmax(280px,1fr) minmax(100px,auto) auto;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #edf0f5; }
.portal-result-list>article>div { display:grid;min-width:0; }
.portal-result-list strong { font-size:14px; }
.portal-result-list a { overflow:hidden;color:var(--cobalt);font-size:12px;text-overflow:ellipsis;white-space:nowrap; }
.portal-result-list p { margin:5px 0 0;color:#606a82;font-size:13px; }
.portal-result-list>article>span:not(.issue-state) { color:var(--muted);font-size:12px; }
.portal-screenshot-links { display:flex!important;flex-wrap:wrap;gap:8px;margin-top:8px; }
.portal-screenshot-links a { padding:5px 9px;border:1px solid #dbe2f1;border-radius:6px;background:#f8faff;font-size:11px;text-decoration:none; }
.portal-form-settings { display:grid;gap:10px;max-width:820px; }
.portal-form-settings>label { display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #e2e7f1;border-radius:8px;background:#fff; }
.portal-form-settings input { min-height:auto;margin-top:3px; }
.portal-form-settings label>span { display:grid;gap:3px; }
.portal-form-settings label strong { font-size:14px; }
.portal-form-settings label small { color:var(--muted); }
.portal-form-settings button { justify-self:start; }

.automation-grid { display:grid;gap:14px; }
.automation-card { padding:20px;border:1px solid #dfe5f0;border-radius:11px;background:#fff; }
.automation-title,.automation-title>div { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.automation-title>div>div { display:grid; }
.automation-title h2 { margin:0;font-size:18px; }
.automation-title a { color:var(--muted);font-size:12px; }
.automation-card form { margin-top:17px; }
.toggle-row { padding:13px;border-radius:8px;background:#f6f8fd; }
.toggle-row label { display:flex;align-items:center;gap:10px; }
.toggle-row label>span { display:grid; }
.toggle-row strong { font-size:14px; }
.automation-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0; }
.check-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0; }
.check-grid label { display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e7eaf1;border-radius:7px; }
.check-grid input,.toggle-row input { min-height:auto; }
.automation-note { padding:10px;border-left:3px solid var(--health-orange);background:#fff9ec;color:#765718;font-size:13px; }
.account-help { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.account-help p { max-width:650px;color:var(--muted);font-size:14px; }
.large-chip { padding:8px 13px;font-size:12px; }
.account-email { overflow-wrap:anywhere;font-size:14px!important; }
.friendly-error { display:grid;justify-items:center;max-width:620px;margin:80px auto;padding:40px;text-align:center; }
.friendly-error>img:not(.login-logo) { width:70px;margin-bottom:16px; }
.friendly-error p { max-width:470px;color:var(--muted);font-size:15px;line-height:1.55; }
.friendly-error .button-link { margin-top:12px; }

@media(max-width:1100px){.health-hero,.website-health-card{grid-template-columns:auto 1fr}.health-hero .health-components,.website-health-card .health-components{grid-column:1/-1}.website-mini-stats{display:none}.automation-options,.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-form-list>a{grid-template-columns:auto minmax(220px,1fr) auto}.portal-form-list time,.portal-form-list em{display:none}}
@media(max-width:820px){.portal-mobile-nav{display:flex;max-width:58vw;gap:4px;overflow-x:auto}.portal-mobile-nav a{padding:7px;color:#59637d;font-size:12px;text-decoration:none;white-space:nowrap}.health-website-grid{grid-template-columns:1fr}.health-hero{grid-template-columns:auto 1fr;padding:22px}.health-ring.large{width:130px;height:130px}.website-health-row{grid-template-columns:auto minmax(0,1fr) auto}.website-mini-stats{display:none}.portal-result-list>article{grid-template-columns:auto minmax(0,1fr) auto}.portal-result-list>article>span:not(.issue-state){display:none}}
@media(max-width:620px){.portal-mobile-nav{max-width:72vw}.portal-user>div{display:none}.health-hero,.website-health-card{grid-template-columns:1fr;justify-items:center;text-align:center}.health-hero .health-components,.website-health-card .health-components{width:100%;text-align:left}.website-health-row{grid-template-columns:auto minmax(0,1fr)}.website-health-row>.row-arrow{display:none}.portal-filter{display:grid}.portal-filter label{min-width:0}.portal-form-list>a{grid-template-columns:auto minmax(0,1fr)}.delivery-state,.portal-form-list>a>em{display:none}.portal-result-list>article{grid-template-columns:auto minmax(0,1fr)}.portal-result-list .badge{grid-column:2}.automation-options,.check-grid{grid-template-columns:1fr}.account-help{align-items:flex-start;flex-direction:column}}