@font-face{font-family:Vessel Sohne;src:url(/site-assets/fonts/WOFF2/soehne-buch.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vessel Sohne;src:url(/site-assets/fonts/WOFF2/soehne-kraftig.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vessel Sohne;src:url(/site-assets/fonts/WOFF2/soehne-halbfett.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:light;--brand-navy: #12202f;--brand-navy-elevated: #18314a;--brand-teal: #2aa39c;--brand-neutral-light: #f2f4f7;--brand-white: #ffffff;--brand-border: #e6e8eb;--brand-slate: #5b6773;--semantic-success: #18794e;--semantic-warning: #b7791f;--semantic-danger: #c24135;--semantic-info: #2a6fd6;--bg: #f6f8fb;--panel: rgba(255, 255, 255, .96);--panel-border: rgba(18, 32, 47, .1);--panel-border-strong: rgba(18, 32, 47, .18);--ink: var(--brand-navy);--muted: var(--brand-slate);--paper: var(--brand-white);--accent: var(--brand-teal);--accent-strong: #1f8c86;--warm: var(--semantic-warning);--danger: var(--semantic-danger);--success: var(--semantic-success);--info: var(--semantic-info);--focus-ring: rgba(42, 163, 156, .34);--focus-shadow: rgba(42, 163, 156, .16);--shadow: 0 24px 70px rgba(18, 32, 47, .1);--shadow-soft: 0 12px 30px rgba(18, 32, 47, .08);--radius: 24px;--radius-card: 16px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px;--font-display: "Vessel Sohne", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-body: "Vessel Sohne", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--weight-buch: 400;--weight-kraftig: 500;--weight-halbfett: 600}*{box-sizing:border-box;font-synthesis:none}body{margin:0;min-height:100vh;font-family:var(--font-body);font-weight:var(--weight-buch);color:var(--ink);background:radial-gradient(circle at top left,rgba(42,163,156,.16),transparent 22%),radial-gradient(circle at top right,rgba(18,32,47,.1),transparent 28%),linear-gradient(180deg,#fbfcfe 0%,var(--brand-neutral-light) 100%)}strong{font-weight:var(--weight-kraftig)}.skip-link{position:absolute;top:14px;left:20px;z-index:1000;padding:10px 14px;border-radius:999px;background:var(--brand-navy);color:var(--paper);text-decoration:none;font-weight:var(--weight-kraftig);transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}.shell{max-width:1520px;margin:0 auto;padding:28px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;position:relative;overflow:hidden;padding:32px;background:linear-gradient(135deg,#12202f0a,#2aa39c14),linear-gradient(180deg,#fffffffa,#f2f4f7f5)}.hero:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand-navy) 0%,var(--brand-teal) 72%,rgba(42,163,156,.18) 100%)}.hero h1,.surface-head h2,.panel h2,.panel h3{margin:0;font-family:var(--font-display);font-weight:var(--weight-halbfett);letter-spacing:-.03em}.hero-copy,.surface-copy,.section-copy{display:grid;gap:6px;min-width:0}.brand-lockup,.panel-brand{display:flex;align-items:center;gap:16px}.brand-lockup{flex-wrap:wrap;margin-bottom:8px}.panel-brand{margin-bottom:18px}.panel-brand-copy{display:grid;gap:4px}.brand-logo-full{width:min(360px,100%);height:auto;display:block}.brand-logo-mark,.brand-logo-mark-panel{width:36px;height:36px;display:inline-block;object-fit:contain}.brand-logo-mark-panel{width:48px;height:48px}.brand-caption{margin:0;color:var(--muted);font-size:.96rem;font-weight:var(--weight-buch)}.hero-copy h1{max-width:20ch}.hero-status{display:flex;align-items:flex-start;justify-content:flex-end;min-width:0}.subtitle,.hint,.status-note,.meta{color:var(--muted)}.eyebrow,.section-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent);font-weight:var(--weight-kraftig)}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#ffffffdb;color:var(--brand-navy);font-weight:var(--weight-kraftig);box-shadow:inset 0 0 0 1px #12202f14}.surface-title,.section-title{margin:0;line-height:1.05}.surface-subtitle,.section-subtitle{margin:0;color:var(--muted)}.system-section-head{padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid rgba(18,32,47,.08)}.section-head-compact{margin-bottom:var(--space-2);padding-bottom:var(--space-1)}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.panel,.surface{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.panel{padding:var(--space-4)}.workspace{display:grid;gap:20px}.help-card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.help-card{min-height:100%}.helper-footer{margin-top:14px}.surface{padding:var(--space-4);content-visibility:auto;contain-intrinsic-size:960px}.hidden{display:none}.stack,.conversation-list,.flash-stack{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:var(--weight-kraftig)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(18,32,47,.12);background:#f2f4f7db;color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-pill:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--focus-shadow)}textarea{min-height:96px;resize:vertical}.action{border:0;border-radius:12px;padding:12px 16px;font-weight:var(--weight-kraftig);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.action.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-weight:var(--weight-halbfett)}.action.warm{background:linear-gradient(135deg,var(--warm) 0%,var(--danger) 100%);color:#fff;font-weight:var(--weight-halbfett)}.action.ghost{background:#12202f0a;border:1px solid rgba(18,32,47,.08);color:var(--ink)}.action:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-soft)}.action:disabled{cursor:not-allowed;opacity:.5}.auth-actions,.button-row,.bulk-controls,.nav-header,.surface-head,.section-head,.metric-strip,.section-actions,.conversation-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.nav-pills{display:flex;gap:10px;flex-wrap:wrap}.nav-group{display:grid;gap:12px}.nav-group+.nav-group{padding-top:12px;border-top:1px solid rgba(18,32,47,.08)}.nav-group-head{display:grid;gap:4px}.nav-pill-row{justify-content:flex-start}.nav-context-card{display:grid;gap:8px}.nav-context-card h3,.nav-context-card p{margin:0}.auth-panel,.nav-panel{min-width:0}.surface-status{margin:8px 0 0;color:var(--muted);font-size:.92rem}.surface-status.ready{color:var(--success)}.surface-status.stale{color:var(--warm)}.surface-status.overdue{color:var(--danger)}.surface[aria-busy=true]{opacity:.9}.surface[aria-busy=true] .panel,.surface[aria-busy=true] .detail-card,.surface[aria-busy=true] .metric-card{filter:saturate(.94)}.nav-pill{border:1px solid rgba(18,32,47,.08);border-radius:999px;padding:10px 14px;font-weight:var(--weight-kraftig);background:#12202f0a;cursor:pointer}.nav-pill.active{background:var(--brand-navy);color:#fff;border-color:transparent}.nav-pill-count{display:inline-flex;min-width:1.6rem;justify-content:center;margin-left:6px;padding:2px 8px;border-radius:999px;background:#ffffff2e;font-size:.82rem}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.conversation-card,.detail-card,.flash{border-radius:var(--radius-card);padding:var(--space-3);background:#ffffffe0;border:1px solid rgba(18,32,47,.08);box-shadow:0 8px 24px #12202f0d}.detail-card.selected-card{border-color:#2aa39c47;box-shadow:inset 0 0 0 1px #2aa39c29}.metric-tile{position:relative;overflow:hidden}.metric-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#12202f14}.metric-tile.tone-ready:before{background:#18794e80}.metric-tile.tone-stale:before{background:#b7791f75}.metric-tile.tone-overdue:before{background:#c2413575}.metric-card strong{display:block;font-size:1.9rem;margin-top:8px}.metric-card p{margin:10px 0 0}.conversation-card header,.detail-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.checkbox-line{display:inline-flex;align-items:center;gap:10px;font-weight:var(--weight-kraftig)}.checkbox-line input{width:auto;margin:0}.inbox-summary-card{margin-top:12px}.conversation-card h4,.detail-card h4{margin:0 0 6px;font-family:var(--font-display);font-weight:var(--weight-kraftig)}.bullet-list{margin:0;padding-left:18px}.bullet-list li+li{margin-top:8px}.task-action-list{margin-top:14px}.task-action-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(18,32,47,.08)}.task-action-row:last-child{border-bottom:0}.badge-row,.metric-strip,.pill-row{display:flex;gap:8px;flex-wrap:wrap}.badge,.flash,.tone-chip{display:inline-flex;align-items:center;gap:8px}.badge,.tone-chip{border-radius:999px;padding:6px 10px;font-size:.82rem;background:#12202f0f;border:1px solid transparent}.tone-cluster{display:inline-flex;flex-wrap:wrap;gap:8px}.badge.overdue,.tone-chip.tone-overdue{background:#c241351f;color:var(--danger);border-color:#c241351f}.badge.stale,.tone-chip.tone-stale{background:#b7791f1f;color:var(--warm);border-color:#b7791f1f}.badge.ready,.tone-chip.tone-ready{background:#18794e1f;color:var(--success);border-color:#18794e1f}.badge.muted,.tone-chip.tone-muted{color:var(--muted);border-color:#12202f0f}.flash{justify-content:space-between;background:#ffffffeb}.flash.success{border-left:4px solid var(--success)}.flash.error{border-left:4px solid var(--danger)}.detail-empty,.empty-state{padding:30px;border-radius:var(--radius-card);border:1px dashed rgba(18,32,47,.16);color:var(--muted);background:#f8fafce6}.detail-empty.ready,.empty-state.tone-ready{border-style:solid;border-color:#18794e2e;background:#18794e14;color:var(--success)}.detail-empty.stale,.empty-state.tone-stale{border-style:solid;border-color:#b7791f2e;background:#b7791f14;color:var(--warm)}.detail-empty.overdue,.empty-state.tone-overdue{border-style:solid;border-color:#c241352e;background:#c2413514;color:var(--danger)}.message-thread{display:grid;gap:12px;margin-top:16px}.conversation-workspace-card{display:grid;gap:16px}.conversation-workspace-hero{display:grid;gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);padding:20px 22px;border-radius:calc(var(--radius-card) + 4px);background:radial-gradient(circle at top right,rgba(42,163,156,.12),transparent 42%),linear-gradient(145deg,#12202ffa,#12202fe6);border:1px solid rgba(18,32,47,.08);color:var(--paper);box-shadow:0 20px 40px #12202f24}.conversation-hero-copy h4,.conversation-hero-summary strong{color:var(--paper)}.conversation-hero-summary strong{display:block;margin:8px 0 10px;font-size:1.15rem;line-height:1.35}.conversation-workspace-hero .meta,.conversation-workspace-hero .eyebrow{color:#f2f4f7d1}.conversation-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.workspace-kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-inline-kpis{margin:2px 0 14px}.workspace-main-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);align-items:start}.workspace-main-column,.workspace-rail{display:grid;gap:16px}.workspace-panel-emphasis{background:linear-gradient(180deg,#fffffff5,#f2f4f7e6);box-shadow:0 12px 28px #12202f0f}.workspace-panel-subtle{background:linear-gradient(180deg,#f2f4f7db,#fffffffa)}.section-head-compact{margin-top:14px}.section-divider{height:1px;margin:14px 0;background:linear-gradient(90deg,#12202f14,#12202f00)}.action-dock-grid,.collaboration-grid{align-items:start}.thread-panel .message-thread{margin-top:0}.detail-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.detail-summary-grid-inline{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-stat-card,.workspace-panel{border-radius:var(--radius-card);padding:var(--space-3);background:#ffffffe6;border:1px solid rgba(18,32,47,.08)}.detail-stat-card strong{display:block;margin:8px 0;font-size:1.5rem}.detail-stat-card{position:relative;overflow:hidden}.detail-stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#2aa39cc7,#12202f47)}.detail-layout{display:grid;gap:16px}.detail-layout-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout-3{grid-template-columns:repeat(3,minmax(0,1fr))}.message-item{padding:12px 14px;border-radius:14px;background:#ffffffe0;border:1px solid rgba(18,32,47,.08);box-shadow:0 8px 20px #12202f0a}.message-item.outbound{border-left:4px solid var(--accent);background:linear-gradient(180deg,#2aa39c14,#fffffff0)}.message-item.inbound{border-left:4px solid var(--warm);background:linear-gradient(180deg,#f59e0b12,#fffffff0)}.table-like{display:grid;gap:10px}.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid rgba(18,32,47,.08)}.table-row:last-child{border-bottom:0}.table-row-action{align-items:center}.record-nav-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.record-nav-viewing{font-size:.82rem;font-weight:var(--weight-kraftig);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.conversation-actions{gap:10px}.code-block{margin:0;padding:12px 14px;border-radius:14px;background:#12202f0f;border:1px solid rgba(18,32,47,.1);color:var(--ink);white-space:pre-wrap;word-break:break-word;font-family:Consolas,Cascadia Mono,monospace;font-size:.88rem}.admin-settings-grid{margin-bottom:16px}.form-section{display:grid;gap:14px}.filter-card{display:grid;gap:14px;margin-top:14px}.form-section h4{margin:0}.onboarding-hero{display:grid;gap:16px}.onboarding-hero.ready{border-color:#18794e2e}.onboarding-hero.stale{border-color:#b7791f2e}.onboarding-hero.overdue{border-color:#c241352e}.onboarding-step-card,.onboarding-preset-card{display:grid;gap:12px}.focus-target{outline:3px solid var(--focus-ring);outline-offset:4px;box-shadow:0 0 0 6px var(--focus-shadow);transition:outline-color .2s ease,box-shadow .2s ease}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1120px){.layout{grid-template-columns:1fr}.grid-4,.grid-3,.detail-layout-3,.workspace-main-grid,.conversation-workspace-hero,.detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.shell{padding:20px}.panel,.surface{padding:16px}.workspace{gap:16px}.grid-2,.grid-3,.grid-4,.detail-summary-grid,.detail-layout-2,.detail-layout-3,.workspace-main-grid,.conversation-workspace-hero{grid-template-columns:1fr}.surface-head,.section-head,.nav-header,.auth-actions,.button-row,.bulk-controls,.conversation-actions,.metric-strip{align-items:stretch}.surface-head>*,.section-head>*,.nav-header>*,.auth-actions>*,.button-row>*,.bulk-controls>*,.conversation-actions>*{width:100%}.auth-actions .action,.button-row .action,.bulk-controls .action,.conversation-actions .action{width:100%;justify-content:center}.conversation-card header,.detail-card header,.surface-head,.section-head,.panel-brand{flex-direction:column}.table-row{grid-template-columns:1fr}.table-row>:last-child{justify-self:start}.nav-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.nav-pill{flex:0 0 auto;scroll-snap-align:start}.status-pill{width:100%;justify-content:center}.brand-lockup{flex-direction:column;align-items:flex-start}.brand-logo-full{width:min(280px,100%)}.bulk-controls label,.auth-panel label{width:100%}.message-thread,.conversation-list,.stack{gap:12px}}@media(max-width:640px){.shell{padding:18px}.hero{flex-direction:column}.hero h1{font-size:2rem}.hero-status{width:100%}.subtitle,.hint,.meta{font-size:.95rem}.panel,.surface,.metric-card,.conversation-card,.detail-card,.flash,.detail-empty,.detail-stat-card,.workspace-panel{padding:14px}.metric-card strong{font-size:1.6rem}.detail-stat-card strong{font-size:1.3rem}.action{width:100%;padding:12px 14px}.nav-pill{padding:10px 12px}.code-block{font-size:.8rem}.message-item{padding:10px 12px}}
