:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f6f8fb;--surface:#fff;--surface-soft:#f8fafc;--surface-raised:#fffffff5;--text:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--border:#0f172a14;--border-strong:#0f172a24;--primary:#3157d5;--login-blue:#2585ff;--login-blue-deep:#3157d5;--primary-dark:#0f172a;--sidebar:#0f172a;--sidebar-hover:#ffffff14;--shadow-soft:0 14px 34px #0f172a14;--shadow-hover:0 18px 40px #0f172a1f;--text-2xs:.7rem;--text-xs:.78rem;--text-sm:.85rem;--text-md:.9rem;--text-base:1rem;--text-lg:1.3rem;--text-xl:1.7rem;--radius-sm:4px;--radius:10px;--radius-lg:12px;--radius-pill:999px;--ok:#047857;--ok-strong:#065f46;--ok-bg:#ecfdf5;--ok-border:#0596692e;--warn:#b45309;--warn-strong:#92400e;--warn-bg:#fffbeb;--warn-border:#d977062e;--warn-border-strong:#d977064d;--danger:#b91c1c;--danger-strong:#991b1b;--danger-bg:#fef2f2;--danger-border:#dc26262e;--danger-border-strong:#dc262657;--info:var(--primary);--info-bg:#eef2ff;--info-border:#3157d52e;--transition:background .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease;background:var(--app-bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;min-height:100vh;margin:0}body,button,input,select,textarea{font:inherit}body{line-height:1.5}button,input,select{border:0}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}.login-screen{isolation:isolate;background:linear-gradient(#2585ff0e 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#2585ff0d 1px,#0000 1px) 0 0/52px 52px,linear-gradient(126deg,#0000 0 48%,#2585ff12 48% 49%,#0000 49% 100%) 0 0/280px 280px,linear-gradient(36deg,#0000 0 52%,#3157d50b 52% 53%,#0000 53% 100%) 0 0/340px 340px,linear-gradient(135deg,#f9fcff 0%,#eef6ff 45%,#f7fafc 100%);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";z-index:-2;background:linear-gradient(110deg,#0000 0%,#ffffffbd 34%,#0000 56%),linear-gradient(#ffffffb8 0%,#ffffff2e 100%);position:absolute;inset:0}.login-screen:after{content:"";z-index:1;-webkit-backdrop-filter:blur(4px)saturate(1.04);backdrop-filter:blur(4px)saturate(1.04);pointer-events:none;background:linear-gradient(#ffffff1a 0%,#eff7ff3d 100%),radial-gradient(circle at 50% 46%,#ffffff14,#eff7ff38 72%);position:absolute;inset:0}.login-panel{z-index:3;border-radius:var(--radius);-webkit-backdrop-filter:blur(22px)saturate(1.16);backdrop-filter:blur(22px)saturate(1.16);background:linear-gradient(145deg,#ffffff94,#ffffff47 48%,#eef7ff33),#ffffff57;border:1px solid #ffffffdb;width:min(100%,420px);padding:34px;position:relative;box-shadow:0 24px 70px #0f172a24,inset 0 1px #fffffff5,inset 0 -1px #2585ff14}.login-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(122deg,#ffffff8f 0%,#0000 36%),radial-gradient(circle at 22% 0,#ffffff8a,#0000 34%);position:absolute;inset:1px}.login-ambient{z-index:1;pointer-events:none;position:absolute;inset:0}.ambient-wave-field{opacity:.9;width:132%;height:116%;position:absolute;inset:-8% -16%}.ambient-wave-lines,.ambient-wave-glow{fill:none;stroke:url(#ambientWaveStroke);stroke-linecap:round;stroke-linejoin:round}.ambient-wave-lines path,.ambient-wave-glow path{vector-effect:non-scaling-stroke}.ambient-wave-lines path{stroke-width:1.35px;opacity:.64}.ambient-wave-lines path:nth-child(2){animation-duration:73s;animation-delay:-4s}.ambient-wave-lines path:nth-child(3){animation-duration:83s;animation-delay:-9s}.ambient-wave-lines path:nth-child(4){animation-duration:67s;animation-delay:-7s}.ambient-wave-lines path:nth-child(5){animation-duration:90s;animation-delay:-12s}.ambient-wave-glow{filter:blur(8px);opacity:.34}.ambient-wave-glow path{stroke-width:10px}.login-ambient:before,.login-ambient:after{content:"";position:absolute;inset:0}.login-ambient:before{opacity:.68;background:linear-gradient(90deg,#0000 0 17%,#2585ff17 17.2%,#0000 17.6% 100%),linear-gradient(90deg,#0000 0 63%,#2585ff13 63.2%,#0000 63.7% 100%),linear-gradient(0deg,#0000 0 24%,#2585ff13 24.2%,#0000 24.6% 100%),linear-gradient(0deg,#0000 0 71%,#3157d50f 71.2%,#0000 71.6% 100%);-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 72%)}.login-ambient:after{opacity:.58;background:linear-gradient(105deg,#0000 0 38%,#2585ff29 38.1%,#0000 39.2% 100%),linear-gradient(74deg,#0000 0 58%,#2585ff1a 58.1%,#0000 58.9% 100%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%)}.login-ambient-orbit{aspect-ratio:1;opacity:.8;border:1px solid #3157d51f;border-radius:50%;width:min(74vw,780px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-ambient-orbit:before,.login-ambient-orbit:after{content:"";border:1px solid #3157d51a;border-radius:50%;position:absolute;inset:13%}.login-ambient-orbit:after{border-color:#3157d514;inset:29%}.audio-wave-panel,.transcript-panel,.insight-stack{-webkit-backdrop-filter:blur(10px)saturate(1.08);backdrop-filter:blur(10px)saturate(1.08);background:linear-gradient(145deg,#ffffff7a,#ffffff2e),#ffffff47;border:1px solid #ffffffb8;position:absolute;box-shadow:0 18px 50px #305aa01a,inset 0 1px #ffffffc2,inset 0 -1px #2585ff14}.audio-wave-panel{border-radius:var(--radius);width:min(42vw,560px);min-width:320px;height:178px;padding:28px 30px;top:18vh;left:max(22px,5vw);transform:rotate(-3deg)}.audio-wave{grid-template-columns:repeat(12,minmax(4px,1fr));align-items:center;gap:8px;height:100%;display:grid;position:relative}.audio-wave:before{content:"";border-radius:var(--radius-pill);filter:blur(10px);opacity:.46;background:linear-gradient(90deg,#0000 0%,#2585ff29 48%,#0000 100%);height:54%;position:absolute;top:50%;left:-8px;right:-8px;transform:translateY(-50%)}.audio-wave-bar{height:var(--bar-height);isolation:isolate;border-radius:var(--radius-pill);transform-origin:50%;background:linear-gradient(#1178fff0,#4aa3ff57);min-height:18px;position:relative;box-shadow:0 0 18px #2585ff2e,0 0 34px #2585ff1f}.audio-wave-bar:after{content:"";z-index:-1;border-radius:inherit;filter:blur(10px);opacity:.28;transform-origin:50%;background:linear-gradient(#2585ff3d,#72baff14);position:absolute;inset:-18px -5px;transform:scaleY(.82)}.transcript-panel{border-radius:var(--radius);width:min(33vw,430px);min-width:300px;padding:22px;top:16vh;right:max(20px,6vw);transform:rotate(2deg)}.transcript-header{gap:8px;margin-bottom:20px;display:flex}.transcript-header span{background:#3157d53d;border-radius:50%;width:9px;height:9px}.transcript-lines{gap:13px;display:grid}.transcript-line,.insight-line{width:var(--line-width);border-radius:var(--radius-pill);background:linear-gradient(90deg,#3157d524,#2585ff57,#3157d51f);height:12px;display:block}.transcript-line:nth-child(3n){margin-left:auto}.transcript-line:nth-child(4n){height:18px}.insight-stack{border-radius:var(--radius);gap:12px;width:min(26vw,330px);min-width:250px;padding:18px;display:grid;bottom:18vh;right:max(28px,10vw)}.insight-chip{border-radius:var(--radius);background:#eff7ff7a;border:1px solid #ffffff85;grid-template-columns:12px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.insight-dot{background:#2585ff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #2585ff1f}.insight-line{height:10px}@keyframes loginLightSweep{0%{transform:translate(-12%)}to{transform:translate(12%)}}@keyframes ambientFloat{0%,to{translate:0}50%{translate:0 -14px}}@keyframes ambientFloatReverse{0%,to{translate:0}50%{translate:0 12px}}@keyframes ambientLineDrift{0%{transform:translate(-2%,-1%)}to{transform:translate(2%,1%)}}@keyframes ambientWavePhase{0%{transform:translate(-120px)}50%{transform:translateY(8px)}to{transform:translate(120px,-4px)}}@keyframes ambientWaveBreathe{0%,to{opacity:.34}50%{opacity:.72}}@keyframes waveWake{0%,to{opacity:.36;transform:translateY(-50%)scaleX(.92)}45%{opacity:.72;transform:translateY(-50%)scaleX(1.04)}}@keyframes wavePulse{0%,to{opacity:.62;transform:scaleY(.82)}45%{opacity:1;transform:scaleY(1.04)}}@keyframes waveTrail{0%,to{opacity:.2;transform:scaleY(.72)translateY(3px)}48%{opacity:.5;transform:scaleY(1.16)translateY(-2px)}}@keyframes skeletonFlow{0%{opacity:.62;background-position:120% 0}50%{opacity:1}to{opacity:.62;background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.login-screen:before,.login-ambient:after,.ambient-wave-lines path,.ambient-wave-glow path,.audio-wave-panel,.audio-wave:before,.audio-wave-bar,.audio-wave-bar:after,.transcript-panel,.transcript-line,.insight-stack,.insight-line{animation:none}}.login-brand{color:#0f172a;margin-bottom:30px;font-size:2.45rem;font-weight:800;line-height:1}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:var(--text-2xs);color:var(--text-muted);margin:0 0 8px;font-weight:800}h1,h2,h3,h4,p{margin-top:0}.muted{color:var(--text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-form,.profile-form{gap:16px;display:grid}.profile-form{margin-top:28px}label{gap:8px;font-weight:600;display:grid}input,select{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-strong);width:100%;color:var(--text);transition:var(--transition);padding:14px 16px}input:hover,select:hover{border-color:#3157d557}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #3157d524}.login-panel label{color:#263244}.login-panel input{border-radius:var(--radius);background:#fff;border-color:#0f172a24}.login-panel input:focus{border-color:#3157d5;outline:none;box-shadow:0 0 0 4px #3157d524}input:disabled,select:disabled{color:var(--text-subtle);background:#eef2f7}.primary-button,.ghost-button,.nav-button{border-radius:var(--radius);transition:var(--transition);padding:14px 16px}.primary-button{background:linear-gradient(135deg, var(--primary-dark) 0%, #24324a 100%);color:#fff;font-weight:700;box-shadow:0 12px 26px #0f172a24}.login-panel .primary-button{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#24324a 100%)}.login-panel .primary-button:disabled{cursor:not-allowed;opacity:.7}.ghost-button{color:var(--primary-dark);border:1px solid var(--border);background:#0f172a0d;font-weight:700}.primary-button:hover,.ghost-button:hover,.nav-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:0 16px 34px #0f172a2e}.primary-button:active,.ghost-button:active,.nav-button:active{transform:translateY(0)}.inline-alert{border-radius:var(--radius);font-size:var(--text-md);border:1px solid #0000;padding:14px 16px}.inline-alert strong{display:block}.inline-alert.error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-strong)}.inline-alert.success{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}.app-shell{background:radial-gradient(circle at 86% 0%, #3157d514, transparent 30%), var(--app-bg);grid-template-columns:280px minmax(0,1fr);height:100dvh;transition:grid-template-columns .18s;display:grid;overflow:hidden}.app-shell.sidebar-is-collapsed{grid-template-columns:76px minmax(0,1fr)}.app-sidebar{background:linear-gradient(180deg, #ffffff0a, transparent 32%), var(--sidebar);color:#f8fafc;border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;gap:24px;min-height:0;padding:28px 22px;display:flex;overflow:hidden auto}.sidebar-is-collapsed .app-sidebar{align-items:center;padding:20px 14px}.sidebar-top{gap:18px;display:grid}.sidebar-head{justify-content:flex-start;align-items:center;gap:14px;display:flex}.sidebar-toggle{border-radius:var(--radius);color:#fff;width:38px;height:38px;transition:var(--transition);background:#ffffff14;border:1px solid #ffffff1f;flex:none;place-items:center;gap:4px;display:inline-grid}.sidebar-toggle span{border-radius:var(--radius-pill);background:currentColor;width:16px;height:2px}.sidebar-toggle:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-1px)}.sidebar-toggle:active{transform:translateY(0)}.mobile-sidebar-toggle{display:none}.app-sidebar h2{font-size:var(--text-lg);margin-bottom:8px;line-height:1.18}.app-sidebar .muted{color:var(--text-subtle)}.sidebar-brand{color:#fff;font-size:var(--text-xl);margin:0;font-weight:850;line-height:1}.sidebar-is-collapsed .nav-label{display:none}.sidebar-is-collapsed .sidebar-head{flex-direction:column;justify-content:flex-start;gap:18px}.sidebar-is-collapsed .sidebar-brand{writing-mode:vertical-rl;text-orientation:mixed;font-size:var(--text-base);letter-spacing:.08em;line-height:1;display:block;transform:rotate(180deg)}.app-sidebar .badge{color:#e2e8f0;background:#ffffff14;border-color:#ffffff1f}.app-sidebar .badge-solid{color:var(--primary-dark);background:#fffffff0}.nav-stack{gap:8px;width:100%;display:grid}.nav-button{text-align:left;color:#cbd5e1;background:0 0;border:1px solid #0000;align-items:center;gap:10px;display:flex;position:relative}.nav-icon,.logout-icon{flex:0 0 20px;width:20px;height:20px;position:relative}.nav-icon-calls:before{content:"";border:2px solid;border-radius:5px;position:absolute;inset:3px 2px}.nav-icon-calls:after{content:"";border-top:2px solid;position:absolute;top:8px;left:7px;right:6px;box-shadow:0 4px}.nav-icon-users:before{content:"";border:2px solid;border-radius:999px;width:8px;height:8px;position:absolute;top:2px;left:6px}.nav-icon-users:after{content:"";border:2px solid;border-bottom:0;border-top-left-radius:8px;border-top-right-radius:8px;height:8px;position:absolute;bottom:2px;left:3px;right:3px}.nav-icon-devices:before{content:"";border:2px solid;border-radius:4px;position:absolute;inset:2px 5px}.nav-icon-devices:after{content:"";border-top:2px solid;position:absolute;bottom:5px;left:8px;right:8px}.nav-button.is-active{color:var(--primary-dark);background:#fffffff5;box-shadow:0 14px 30px #0206173d}.nav-button:hover{background:var(--sidebar-hover);color:#fff}.nav-button.is-active:hover{color:var(--primary-dark);background:#fff}.app-sidebar .ghost-button{color:#fff;background:#ffffff14;border-color:#ffffff1f}.logout-icon:before{content:"";border:2px solid;border-right:0;border-radius:4px 0 0 4px;width:9px;height:12px;position:absolute;top:4px;left:2px}.logout-icon:after{content:"";border-top:2px solid;width:13px;position:absolute;top:9px;right:1px;box-shadow:4px -4px 0 -2px,4px 4px 0 -2px}.app-sidebar .ghost-button:hover{background:#ffffff24;border-color:#fff3}.sidebar-is-collapsed .nav-stack{width:auto}.sidebar-is-collapsed .nav-button{justify-content:center;width:46px;height:46px;padding:0}.sidebar-account{border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff14;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;padding:10px 12px;display:grid}.account-row{align-items:center;gap:10px;display:flex}.account-avatar{border-radius:var(--radius-pill);color:#fff;width:38px;height:38px;font-size:var(--text-sm);letter-spacing:.03em;background:#ffffff1f;flex:0 0 38px;place-items:center;font-weight:700;display:grid}.account-text{flex:auto;min-width:0}.account-text strong{color:#fff;font-size:var(--text-md);overflow-wrap:anywhere;line-height:1.25;display:block}.account-text span{color:var(--text-subtle);font-size:var(--text-sm);display:block}.app-sidebar .account-logout{color:#e2e8f0;background:#ffffff14;border-color:#ffffff1f}.app-sidebar .account-logout:hover{color:#fff;background:#ffffff24}.account-mail{color:#cbd5e1;font-size:var(--text-sm);overflow-wrap:anywhere;border-top:1px solid #ffffff14;align-items:center;gap:7px;margin:0;padding-top:8px;line-height:1.3;display:flex}.account-mail svg{color:var(--text-subtle);flex:none}.sidebar-is-collapsed .sidebar-account{background:0 0;border:0;width:auto;padding:0}.sidebar-is-collapsed .account-avatar,.sidebar-is-collapsed .account-text,.sidebar-is-collapsed .account-mail{display:none}.sidebar-is-collapsed .account-logout{width:46px;height:46px}.app-main{background:0 0;grid-template-rows:auto minmax(0,1fr);gap:22px;min-height:0;padding:28px;display:grid;overflow:hidden}.hero-card,.panel,.section-card{border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.hero-card{justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex}.calls-hero{padding:16px 20px}.calls-hero .eyebrow{margin-bottom:0}.hero-card h1{color:var(--text);margin-bottom:0;font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.1}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar select{width:auto;min-width:170px}.content-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;height:100%;min-height:0;display:grid;overflow:hidden}.no-phone-panel{align-self:start}.calls-grid{grid-template-columns:minmax(260px,380px) minmax(0,1fr)}.panel{flex-direction:column;gap:18px;min-height:0;padding:18px;display:flex;overflow:hidden}.detail-panel{scrollbar-gutter:stable;will-change:scroll-position;min-height:0;overflow-y:auto}.detail-panel>.empty-state{align-self:stretch}.mobile-back-button{display:none}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-header h3{color:var(--text);margin-bottom:4px}.panel-header>.ghost-button{white-space:nowrap;flex-shrink:0}.call-list,.transcript-list{scrollbar-gutter:stable;flex:auto;gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden auto}.call-list{will-change:scroll-position;margin:-2px -6px 0;padding:2px 6px 14px}.list-head{color:var(--text-muted);font-size:var(--text-md);justify-content:space-between;align-items:center;margin:-4px 2px -6px;display:flex}.list-head .link-button{padding:0}.call-selection-bar{border-radius:var(--radius);border:1px solid var(--border);font-size:var(--text-md);background:#f8fafc;gap:8px;padding:10px 12px;display:grid}.selection-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.selection-row strong{white-space:nowrap}.selection-row .link-button{white-space:nowrap;padding:0 4px}.selection-delete{white-space:nowrap;align-items:center;gap:6px;min-height:0;padding:7px 12px;display:inline-flex}.select-all-calls{min-width:0;color:var(--text);white-space:nowrap;flex-direction:row;align-items:center;gap:8px;font-weight:600;display:inline-flex}.select-all-calls input,.call-select input{width:18px;height:18px;accent-color:var(--primary);flex:none}.select-all-calls input:focus:not(:focus-visible),.call-select input:focus:not(:focus-visible){box-shadow:none;outline:none}.select-all-calls input:focus-visible,.call-select input:focus-visible{outline-offset:3px;outline:2px solid #3157d594}.call-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;min-width:0;max-width:100%;color:var(--text);text-align:left;transition:var(--transition);grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:12px;padding:12px 14px;display:grid;box-shadow:0 1px 2px #0f172a08}.call-card-main{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;padding:0}.call-select{justify-content:center;align-items:center;width:24px;min-height:24px;padding-top:1px;display:inline-flex}.call-card:hover{border-color:#3157d55c;box-shadow:0 8px 16px -8px #0f172a4d}.call-card.is-marked{border-color:#3157d56b}.call-card.is-selected{background:linear-gradient(#3157d512,#fffffffa);border-color:#3157d5b8;box-shadow:0 8px 18px -8px #3157d573}.call-card p{overflow-wrap:anywhere;margin-bottom:8px}.call-card-top{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:8px;display:flex}.call-card-top strong{overflow-wrap:anywhere;min-width:0}.call-card-top .badge{flex:none}.call-preview{color:#334155;margin-bottom:0}.call-card.has-check{grid-template-columns:20px minmax(0,1fr)}.call-card.has-check .call-select{width:20px;padding-top:3px}.call-day{margin:6px 4px -4px}.call-day:first-child{margin-top:0}.call-card-main>span{display:block}.call-card-main .call-card-top{align-items:baseline;gap:10px;margin-bottom:0;display:flex}.call-card-main .call-card-top strong{-webkit-line-clamp:2;font-size:var(--text-base);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.call-time{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.call-card-main .call-sub{color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere;align-items:flex-start;gap:6px;margin:3px 0 6px;line-height:1.35;display:flex}.call-sub svg{color:var(--text-subtle);flex:none;margin-top:2px}.call-card.is-selected .call-sub svg{color:var(--primary)}.call-card-main .call-preview{-webkit-line-clamp:2;font-size:var(--text-md);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.call-card-main .call-chips{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;display:flex}.call-chips .badge{font-size:var(--text-2xs);padding:2px 8px}.call-counts{color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.pairing-code-card{background:var(--surface-soft);justify-items:start;gap:10px;display:grid}.pairing-code-card p{margin-bottom:0}.pairing-code{letter-spacing:.08em;color:var(--text);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:Consolas,SF Mono,Menlo,Roboto Mono,monospace;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.1}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);color:#475569;background:#f1f5f9;border:1px solid #4755691a;justify-content:center;align-items:center;padding:6px 10px;font-weight:700;display:inline-flex}.badge-solid{color:#2745ac;background:#3157d51f;border-color:#3157d529}.badge-ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}.badge-error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-quiet{color:#64748b;background:#f1f5f9}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-live:before{content:"";border-radius:var(--radius-pill);background:currentColor;width:7px;height:7px;margin-right:6px;box-shadow:0 0 0 3px #3157d52e}.detail-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.section-card{box-shadow:none;padding:18px}.section-card h4{color:var(--text);margin-bottom:0}.section-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.copy-button{border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--border);min-height:32px;color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;transition:var(--transition);justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-weight:800;display:inline-flex}.copy-button-large{font-size:var(--text-base);padding:14px 16px}.copy-button:hover{color:var(--primary);border-color:#3157d552;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.copy-button:active{transform:translateY(0)}.copy-button.is-copied{color:var(--primary);background:#3157d51a;border-color:#3157d538}.copy-button:disabled{opacity:.45;box-shadow:none;transform:none}.transcript-entry{border-top:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 80px;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:11px 2px;display:grid}.transcript-list>.transcript-entry:first-child,.transcript-list>.eyebrow+.transcript-entry{border-top:0}.transcript-who{font-weight:700;font-size:var(--text-md);overflow-wrap:anywhere;line-height:1.35}.transcript-who small{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;display:block}.transcript-time{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-top:2px;font-weight:600;display:block}.transcript-text p{overflow-wrap:anywhere;margin:0 0 6px}.transcript-text p.is-target{border-radius:var(--radius-sm);background:#3157d51a;transition:background .3s,box-shadow .3s;box-shadow:0 0 0 4px #3157d51a}.transcript-text p:last-child{margin:0}.rolle-0{color:var(--primary)}.rolle-1{color:#047857}.rolle-2{color:#b45309}.rolle-3{color:#7c3aed}.rolle-9{color:var(--text-muted)}@media (width<=700px){.transcript-entry{grid-template-columns:minmax(0,1fr);gap:4px}}.detail-facts{flex-wrap:wrap;gap:8px;display:flex}.detail-fact{border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--border);color:var(--text);font-size:var(--text-md);align-items:baseline;gap:8px;padding:6px 11px;font-weight:650;display:inline-flex}.detail-fact>span{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.detail-fact.is-urgent{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}.detail-fact.is-urgent>span{color:var(--warn)}.field-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.entry-rows{gap:10px;display:grid}.entry-row{border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--border);grid-template-columns:58px minmax(0,1fr);align-items:start;gap:14px;padding:12px;display:grid}.entry-row.is-numbered{grid-template-columns:28px minmax(0,1fr)}.entry-row.is-timeline{grid-template-columns:92px minmax(0,1fr)}@media (width<=520px){.entry-row.is-timeline{grid-template-columns:minmax(0,1fr);gap:4px}}.entry-row.is-check{border-color:var(--warn-border);background:#fffdf5}.entry-body{min-width:0}.entry-body p{overflow-wrap:anywhere;margin:0}.entry-title{color:var(--text);font-weight:650;line-height:1.35}.entry-text{white-space:pre-wrap;line-height:1.5;margin-top:4px!important}.entry-detail{color:var(--text-muted);font-size:var(--text-md);margin-top:3px!important}.entry-tags{flex-wrap:wrap;gap:6px;display:flex;margin-top:7px!important}.entry-tags .badge{font-size:var(--text-2xs);padding:2px 8px}.entry-date{border-radius:var(--radius);border:1px solid var(--border-strong);text-align:center;background:#fff;width:58px;overflow:hidden}.entry-date small{color:var(--primary);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;background:#3157d51a;padding:3px 0;font-weight:800;display:block}.entry-date b{font-size:var(--text-lg);font-variant-numeric:tabular-nums;padding:4px 0 6px;line-height:1.1;display:block}.entry-date.is-check,.entry-date.is-none{height:58px;font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;place-items:center;padding:0 4px;font-weight:800;line-height:1.2;display:grid}.entry-date.is-check{background:var(--warn-bg);color:var(--warn);border:1px dashed #d977068c}.entry-date.is-none{color:var(--text-muted);border-style:dashed}.entry-mark{color:var(--primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:750;line-height:1.35}button.entry-mark{text-align:left;text-underline-offset:3px;background:0 0;place-self:start;padding:0;-webkit-text-decoration:underline dotted #3157d58c;text-decoration:underline dotted #3157d58c}button.entry-mark:hover{text-decoration-style:solid}.entry-number{border-radius:var(--radius-pill);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-muted);font-size:var(--text-sm);background:#fff;place-items:center;font-weight:800;display:grid}.detail-columns .copy-button span{display:none}.detail-columns .copy-button{padding:7px 8px}.detail-columns .section-card-header{align-items:flex-start}.detail-columns .section-card-header h4{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0}.warning-card{background:var(--warn-bg);border-color:var(--warn-border)}.icon-button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-muted);transition:var(--transition);flex:none;place-items:center;display:inline-grid}.icon-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1a}.icon-button:active{transform:translateY(0)}.danger-button{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger);font-weight:800}.danger-button:hover{border-color:var(--danger-border-strong);color:var(--danger-strong)}.text-button{border-radius:var(--radius);min-height:42px;transition:var(--transition);padding:10px 14px}.dialog-backdrop{z-index:50;background:#0f172a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.call-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 16px;display:flex}.call-detail-heading{overflow-wrap:anywhere;flex:100%;min-width:0}.call-meta-line+.call-meta-line{margin-top:3px}.call-detail-heading h3{color:var(--text);font-size:var(--text-lg);margin:0 0 6px;line-height:1.25}.call-meta-line{color:var(--text-muted);font-size:var(--text-md);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;display:flex}.call-meta-line svg,.call-meta-line .sep{color:var(--text-subtle)}.call-meta-line strong{color:var(--text);font-weight:650}.call-detail-actions{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;display:flex;position:relative}.split-button{display:inline-flex;position:relative}.split-button .copy-button{font-size:var(--text-md);color:var(--text);padding:10px 14px}.split-button .split-main{border-radius:var(--radius) 0 0 var(--radius)}.split-button .split-arrow{border-radius:0 var(--radius) var(--radius) 0;border-left:0;padding:10px 9px}.split-button .copy-button:hover{transform:none}.split-button .copy-button.is-copied{color:var(--primary)}.split-menu{z-index:20;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);width:300px;max-width:calc(100vw - 48px);padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 28px 70px #0f172a38}.split-menu p{color:var(--text-muted);font-size:var(--text-sm);margin:0;padding:8px 10px}.split-menu p strong{color:var(--text)}.split-menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.split-menu button{border-radius:var(--radius);width:100%;color:var(--text);text-align:left;background:0 0;padding:10px;font-weight:600;display:block}.split-menu button:hover,.split-menu button:focus-visible{color:var(--primary);background:#3157d512;outline:none}.delete-button:hover{border-color:var(--danger-border-strong);color:var(--danger)}.action-toast{z-index:19;border-radius:var(--radius);background:var(--primary-dark);color:#fff;font-size:var(--text-sm);padding:10px 14px;font-weight:600;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 34px #0f172a38}.calm-notice{background:var(--surface-soft)}.calm-notice h4{align-items:center;gap:8px;margin-bottom:6px;display:flex}.calm-notice p{color:#334155;margin:0}.calm-notice .ghost-button{margin-top:12px}.fehlergrenze .primary-button{margin-top:16px}.calm-notice.is-safe{background:var(--ok-bg);border-color:var(--ok-border)}.calm-notice.is-safe h4{color:var(--ok-strong)}.calm-notice.is-safe h4 svg{color:#059669}.contact-line{flex-wrap:wrap;gap:8px 22px;font-weight:650;display:flex;margin-top:12px!important}.contact-line a{color:var(--text);border-bottom:1px solid var(--border-strong);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.contact-line a:hover{color:var(--primary);border-color:currentColor}.contact-line svg{color:var(--text-muted)}.custom-copy-dialog{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:16px;width:min(100%,1040px);max-height:min(90vh,860px);padding:22px;display:flex;box-shadow:0 28px 70px #0f172a38}.custom-copy-heading,.custom-copy-tools{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.custom-copy-heading>div{flex:240px;min-width:0}.custom-copy-heading p{margin-top:4px}.custom-copy-tools{justify-content:flex-start;align-items:center}.custom-copy-save-status{margin-left:auto}.custom-copy-content{grid-template-columns:minmax(260px,1fr) minmax(0,1.1fr);gap:18px;min-height:0;display:grid;overflow:hidden}.custom-copy-fields,.custom-copy-preview{border:1px solid var(--border);border-radius:var(--radius);min-height:0;padding:12px;overflow-y:auto}.custom-copy-fields{align-content:start;gap:14px;display:grid}.custom-copy-group{border:0;gap:6px;margin:0;padding:0;display:grid}.custom-copy-group legend{margin-bottom:6px;font-weight:700}.custom-copy-option{cursor:pointer;align-items:start;gap:9px;display:flex}.custom-copy-option input{flex:0 0 18px;width:18px;min-width:18px;height:18px;margin:2px 0 0;padding:0}.custom-copy-option span{min-width:0}.custom-copy-preview h4{margin-bottom:12px}.custom-copy-preview pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}@media (width<=720px){.custom-copy-dialog{max-height:94vh;padding:14px}.custom-copy-content{flex-direction:column;display:flex;overflow-y:auto}.custom-copy-fields,.custom-copy-preview{flex:none;overflow:visible}.custom-copy-save-status{width:100%;margin-left:0}}.confirm-dialog{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);gap:18px;width:min(100%,460px);padding:22px;display:grid;box-shadow:0 28px 70px #0f172a38}.confirm-dialog h3{margin-bottom:8px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.empty-state{border-radius:var(--radius-lg);background:var(--surface-soft);color:var(--text-muted);border:1px dashed #64748b4d;padding:18px}.checkbox-field{color:var(--text);align-items:center;gap:12px;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--primary)}.call-list::-webkit-scrollbar{width:10px}.detail-panel::-webkit-scrollbar{width:10px}.transcript-list::-webkit-scrollbar{width:10px}.app-sidebar::-webkit-scrollbar{width:10px}.call-list::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#64748b47 padding-box content-box;border:3px solid #0000}.detail-panel::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#64748b47 padding-box content-box;border:3px solid #0000}.transcript-list::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#64748b47 padding-box content-box;border:3px solid #0000}.app-sidebar::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#64748b47 padding-box content-box;border:3px solid #0000}.call-list::-webkit-scrollbar-thumb:hover{background:#64748b6b padding-box content-box;border:3px solid #0000}.detail-panel::-webkit-scrollbar-thumb:hover{background:#64748b6b padding-box content-box;border:3px solid #0000}.transcript-list::-webkit-scrollbar-thumb:hover{background:#64748b6b padding-box content-box;border:3px solid #0000}.app-sidebar::-webkit-scrollbar-thumb:hover{background:#64748b6b padding-box content-box;border:3px solid #0000}@media (width<=900px){.app-shell{height:auto;min-height:100dvh;display:block;overflow:visible}.app-shell.sidebar-is-collapsed{display:block}.app-sidebar{z-index:20;border-bottom:1px solid #ffffff14;border-right:0;gap:0;min-height:0;padding:10px 14px;position:sticky;top:0;overflow:visible;box-shadow:0 12px 30px #0f172a29}.sidebar-is-collapsed .app-sidebar{align-items:stretch;padding:10px 14px}.sidebar-top{gap:14px}.sidebar-head{justify-content:flex-start;min-height:44px}.sidebar-is-collapsed .sidebar-head{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px}.desktop-sidebar-toggle{display:none}.mobile-sidebar-toggle{display:inline-grid}.sidebar-is-collapsed .sidebar-brand{writing-mode:horizontal-tb;font-size:var(--text-xl);letter-spacing:0;display:block;transform:none}.nav-stack,.sidebar-account{display:none}.mobile-nav-is-open .nav-stack,.mobile-nav-is-open .sidebar-account{display:grid}.sidebar-is-collapsed.mobile-nav-is-open .sidebar-account{background:#ffffff0d;border:1px solid #ffffff14;width:100%;padding:10px 12px}.sidebar-is-collapsed.mobile-nav-is-open .account-avatar,.sidebar-is-collapsed.mobile-nav-is-open .account-text{display:block}.sidebar-is-collapsed.mobile-nav-is-open .account-avatar{display:grid}.sidebar-is-collapsed.mobile-nav-is-open .account-mail{display:flex}.sidebar-is-collapsed.mobile-nav-is-open .account-logout{width:38px;height:38px}.mobile-nav-is-open .app-sidebar{gap:16px}.sidebar-is-collapsed .nav-label,.mobile-nav-is-open .nav-label{display:inline}.sidebar-is-collapsed .nav-stack,.mobile-nav-is-open .nav-stack{width:100%}.sidebar-is-collapsed .nav-button,.mobile-nav-is-open .nav-button{justify-content:flex-start;width:100%;height:auto;padding:12px 14px}.app-main{min-height:0;padding:16px;display:block;overflow:visible}.hero-card{margin-bottom:14px}.calls-hero{z-index:10;align-items:center;padding:12px 14px;position:sticky;top:65px}.calls-hero .toolbar{margin-left:auto}.content-grid{grid-template-columns:1fr;height:auto;min-height:0;display:grid;overflow:visible}.calls-grid{display:block}.calls-grid.has-selected-call .call-list-panel,.calls-grid:not(.has-selected-call) .detail-panel{display:none}.panel,.detail-panel,.call-list,.transcript-list{min-height:0;overflow:visible}.detail-panel{scrollbar-gutter:auto}.call-list{flex:none}.call-card{padding:14px}.mobile-back-button{width:max-content;min-height:32px;color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:-6px;padding:0;font-weight:700;display:inline-flex}.mobile-back-button:before{content:"‹";font-size:1.35em;line-height:1}.mobile-back-button:hover{color:var(--primary-dark)}.calls-hero.detail-is-open{display:none}}@media (width<=700px){.login-screen,.app-main{padding:18px}.login-panel,.hero-card,.panel,.section-card{border-radius:var(--radius-lg)}.login-panel{border-radius:var(--radius);padding:28px}.hero-card{align-items:stretch;padding:20px}.calls-hero{padding:14px 16px}.toolbar{align-items:stretch}.toolbar select,.toolbar .ghost-button{width:100%}.hero-card,.panel-header{flex-direction:column}}.login-tagline{color:var(--text-muted);margin:-18px 0 26px}.segmented{border-radius:var(--radius-lg);background:var(--surface-soft);border:1px solid var(--border);gap:4px;padding:4px;display:inline-flex}.segment{border-radius:var(--radius);color:var(--text-muted);white-space:nowrap;transition:var(--transition);background:0 0;padding:9px 14px;font-weight:700}.segment:hover{color:var(--text)}.segment.is-active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #0f172a1a}.calls-hero .toolbar{flex:auto;justify-content:flex-end}.search-field{min-width:0;display:block;position:relative}.search-field .search-icon{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-field input{width:100%;padding-left:40px}.toolbar .calls-search{flex:260px;max-width:380px}.toolbar .search-input{padding:12px 14px 12px 40px}.reanalyse-button{white-space:nowrap}.toolbar>.search-input{flex:200px;width:auto}.filter-toggle{white-space:nowrap;align-items:center;gap:6px;padding:10px 12px;display:none}.filter-count{display:none}@media (width<=440px){.filter-toggle .filter-label{display:none}.calls-hero{padding-inline:12px}.calls-search .search-icon{left:12px}.toolbar .calls-search .search-input{padding-left:34px;padding-right:8px}.calls-search .search-input::placeholder{font-size:var(--text-sm);text-overflow:ellipsis}.calls-search .search-input:placeholder-shown::-webkit-search-cancel-button{display:none}.filter-toggle .filter-count{border-radius:var(--radius-pill);background:var(--primary);color:#fff;min-width:18px;height:18px;font-size:var(--text-2xs);place-items:center;padding:0 5px;display:inline-grid}}@media (width<=900px){.calls-hero{flex-direction:column;align-items:stretch;gap:10px}.calls-hero .toolbar{flex-wrap:wrap;order:-1;gap:8px;margin-left:0}.toolbar .calls-search{flex:1 1 0;max-width:none}.toolbar .filter-toggle{width:auto;display:inline-flex}.calls-hero .calls-filter{display:none}.calls-hero.filters-open .segmented.calls-filter{display:flex}.calls-hero.filters-open .segmented .segment{flex:1 1 0;padding:9px 8px}.calls-hero.filters-open select.calls-filter{flex:100%;order:3;width:100%;display:block}}.call-list{align-content:start}.panel-note{margin:0}.form-hint{font-size:var(--text-md);margin:-8px 0 0}.device-picker{border-radius:var(--radius);border:1px solid var(--border-strong);gap:10px;margin:0;padding:14px 16px;display:grid}.device-picker legend{padding:0 6px;font-weight:600}.device-picker .checkbox-field{font-weight:500}.device-picker p{margin:0}.device-details{color:var(--text-muted);font-size:var(--text-md);margin-top:4px}.device-details summary{cursor:pointer;font-weight:600}.device-details p{margin:6px 0 0}.table-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.table-count{font-size:var(--text-md)}.search-input.icon-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;background-size:16px 16px;min-width:0;padding:10px 14px 10px 40px}.table-tools .icon-search{flex:0 360px}.table-footnote{font-size:var(--text-md);margin:0 2px}.device-table-panel,.users-table-panel,.picker-panel{align-self:start;gap:14px;max-height:100%}.device-table .cell-title{min-width:180px}.users-table .cell-title{min-width:200px}.users-table .cell-sub,.data-table .cell-nowrap{white-space:nowrap}.status-dot{white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:inline-flex}.status-dot:before{content:"";border-radius:var(--radius-pill);background:#10b981;width:8px;height:8px}.status-dot.is-off:before{background:#ef4444}.users-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start}.operator-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start}@media (width<=900px){.operator-grid{grid-template-columns:minmax(0,1fr)}}.table-tools .add-button{width:auto}.device-table .cell-sub{font-size:var(--text-sm);white-space:nowrap;margin-top:2px;display:block}.data-table .cell-action{text-align:right;white-space:nowrap}.device-table .cell-person{white-space:normal}.device-table .cell-person .link-button{font-size:inherit;padding:0}.device-table .device-details summary{white-space:nowrap}.users-table tr.is-selected{background:#3157d50f}.users-table tr.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.users-table tr.is-selected .table-link{color:var(--primary)}.sees-none{color:var(--warn);font-weight:600}.picker-panel-meta{margin:0}.picker-form{gap:12px;display:grid}.phone-picker{gap:12px;min-width:0;display:grid}.picker-panel .picker-form,.picker-panel .phone-picker{flex-direction:column;min-height:0;display:flex}.picker-panel .phone-pick-list{flex:0 auto;min-height:140px;max-height:none}.phone-picker-tools{font-size:var(--text-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.phone-picker-links{color:var(--text-subtle);white-space:nowrap}.phone-picker-links .link-button{padding:0}.segmented-small .segment{font-size:var(--text-sm);padding:6px 12px}.phone-pick-list{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:2px 10px;max-height:372px;padding:6px;display:grid;overflow-y:auto}.phone-pick{border-radius:var(--radius);min-width:0;font-size:var(--text-md);white-space:nowrap;cursor:pointer;align-items:center;gap:9px;padding:6px 8px;font-weight:500;display:flex}.phone-pick input{width:18px;height:18px;accent-color:var(--primary);flex:0 0 18px;margin:0;padding:0}.phone-pick-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.phone-pick-note{flex:none;margin-left:-4px;font-weight:500}.phone-pick.is-on{background:#3157d512;font-weight:600}.phone-pick:has(input:disabled){color:var(--text-subtle);cursor:not-allowed}.phone-picker-empty{margin:0}.phone-picker-limit{border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-md);margin:0;padding:10px 12px}.phone-picker-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.phone-picker-foot>span{font-size:var(--text-md)}.phone-picker-foot .primary-button{padding:10px 22px}@media (width<=1180px){.users-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;overflow-y:auto}.users-grid>.panel{max-height:none;overflow:visible}.users-grid .picker-panel .phone-pick-list{max-height:372px}}@media (width<=900px){.users-grid{overflow:visible}.picker-panel{scroll-margin-top:80px}}@media (width<=700px){.table-tools .icon-search{flex:100%}.device-table td:not(.cell-title),.users-table td:not(.cell-title){text-align:right}.device-table td:before,.users-table td:before{text-align:left;flex:none}.data-table.users-table tr{border-radius:var(--radius);padding:10px 12px}.users-table tr.is-selected{box-shadow:inset 3px 0 0 var(--primary)}.users-table tr.is-selected td:first-child{box-shadow:none}.phone-pick-list,.users-grid .picker-panel .phone-pick-list{grid-template-columns:minmax(0,1fr);max-height:60vh}}.pairing-steps{gap:6px;margin:0;padding-left:20px;display:grid}@media (width<=1100px){.calls-hero{flex-wrap:wrap}}@media (width<=700px){.segmented{width:100%}.segment{flex:1 1 0;padding:9px 6px}.toolbar .search-input{width:100%;max-width:none}}.load-more-button{justify-self:center}.link-button{color:var(--primary);background:0 0;justify-self:center;padding:4px 8px;font-weight:600}.link-button:hover{text-decoration:underline}.link-button:disabled{color:var(--text-subtle);text-decoration:none}.list-meta{flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;display:flex}.list-meta .link-button{padding:0}.sidebar-title{text-align:left;min-width:0}.sidebar-unternehmen{color:#e2e8f0;font-size:var(--text-md);overflow-wrap:anywhere;margin:6px 0 0;font-weight:600;line-height:1.3}.sidebar-is-collapsed .sidebar-unternehmen{display:none}.nav-icon-unternehmen:before{content:"";border:2px solid;border-radius:3px;position:absolute;inset:2px 4px}.nav-icon-unternehmen:after{content:"";background:currentColor;width:2px;height:2px;position:absolute;top:6px;left:7px;box-shadow:4px 0,0 4px,4px 4px}.hero-aside{text-align:right;max-width:360px;margin:0}.add-button{text-align:left;width:100%}.add-button.is-active{color:var(--primary);border-color:#3157d580}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.form-actions .primary-button{flex:160px}.form-hint-after{font-size:var(--text-md);margin:0}.form-intro{margin:0}.settings-form{margin-top:0}textarea{font-feature-settings:"calt" 0;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-strong);width:100%;min-height:160px;color:var(--text);resize:vertical;transition:var(--transition);padding:14px 16px;font-weight:400;line-height:1.5}textarea:hover{border-color:#3157d557}textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #3157d524}.field-counter{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;justify-self:end;margin:-8px 0 0}.field-counter.is-over{color:var(--danger);font-weight:700}.inline-alert.warning-note{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-strong);margin:0;font-weight:600}.overview-stack{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.stat-tile{border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-soft);gap:2px;padding:16px 18px;display:grid}.stat-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.stat-value{color:var(--text);font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:1.2}.stat-note{color:var(--text-muted);font-size:var(--text-sm)}.stat-tile-warn{border-color:var(--warn-border-strong)}.stat-tile-warn .stat-value{color:var(--warn)}.overview-stack.has-warnungen{grid-template-rows:auto auto minmax(0,1fr)}.warnungen-panel{border-color:var(--warn-border-strong);gap:12px}.warnungen-panel .panel-header p{margin:0}.gemini-panel{gap:12px}.gemini-panel .panel-header p,.gemini-header p{margin:0}.gemini-header{margin-top:6px}.warnungen-list{gap:8px;max-height:232px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.warnung{border-radius:var(--radius);background:var(--warn-bg);border:1px solid var(--warn-border);align-items:center;gap:12px;padding:10px 12px;display:flex}.warnung-mark{background:var(--warn);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:800;display:inline-grid}.warnung-text{overflow-wrap:anywhere;flex:auto;gap:2px;min-width:0;display:grid}.warnung .text-button{flex:none;min-height:36px;padding:8px 12px}@media (width<=700px){.warnung{flex-wrap:wrap}.warnung .text-button{width:100%}}.table-panel{min-height:0}.table-scroll{min-height:0;overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{z-index:1;background:var(--surface);border-bottom:1px solid var(--border-strong);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-weight:700;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table tr.is-clickable{cursor:pointer;transition:var(--transition)}.data-table tr.is-clickable:hover{background:#3157d50d}.cell-title{min-width:200px}.table-link{color:var(--text);text-align:left;overflow-wrap:anywhere;background:0 0;padding:0;font-weight:700;display:block}.table-link:hover,.data-table tr.is-clickable:hover .table-link{color:var(--primary)}.cell-sub{font-size:var(--text-sm)}.table-note{font-size:var(--text-sm);margin:12px 0 0}.hero-card.unternehmen-hero{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.unternehmen-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.unternehmen-hero-title{min-width:0}.unternehmen-hero-title h1{overflow-wrap:anywhere}.back-link{color:var(--primary);background:0 0;margin-bottom:8px;padding:0;font-weight:700}.back-link:hover{text-decoration:underline}.unternehmen-hero-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 10px;margin:10px 0 0;display:flex}.unternehmen-hero-meta .badge{padding:3px 10px}.unternehmen-tabs{max-width:100%;overflow-x:auto}.setup-steps{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.setup-steps-title{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.setup-steps ol{flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none;display:flex}.setup-step{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-soft);color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:6px;padding:4px 10px;font-weight:650;display:inline-flex}.setup-step>span[aria-hidden]{font-weight:800}.setup-step.is-done{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}.setup-step.is-next{background:var(--surface);color:var(--primary);transition:var(--transition);border-color:#3157d566}.setup-step.is-next:hover{border-color:var(--primary);box-shadow:0 0 0 3px #3157d51f}.setup-step.is-next:focus-visible{outline-offset:2px;outline:2px solid #3157d594}.status-cell{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.setup-count{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;font-weight:600}.settings-grid{grid-template-rows:auto 1fr;grid-template-areas:"main kontext""danger kontext";align-items:start;overflow-y:auto}.settings-grid>.detail-panel{min-height:auto;overflow:visible}.settings-main{grid-area:main}.settings-kontext{grid-area:kontext}.settings-danger-stack{grid-area:danger;align-self:end;gap:14px;display:grid}.settings-danger{border-color:var(--danger-border);justify-items:start;gap:10px;display:grid}.settings-danger h4{color:var(--danger-strong)}.settings-danger.is-inactive h4{color:var(--text)}.settings-danger p,.settings-danger .inline-alert{margin:0}.settings-danger .inline-alert{justify-self:stretch}.settings-field{gap:8px;display:grid}.settings-label{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.settings-label label{display:inline}.settings-changed{color:var(--primary);font-size:var(--text-sm);font-weight:700}input.is-dirty,select.is-dirty,textarea.is-dirty{border-color:#3157d580}.settings-kontext-field{min-height:320px}.field-problem{color:var(--danger);font-size:var(--text-sm);margin:-8px 0 0;font-weight:600}.settings-savebar{z-index:30;border-radius:var(--radius-lg);background:var(--primary-dark);color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:min(720px,100vw - 56px);padding:10px 10px 10px 18px;display:flex;position:fixed;bottom:26px;right:28px;box-shadow:0 24px 60px #0f172a52}.settings-savebar strong{color:#fff}.settings-savebar-text{gap:2px;min-width:0;display:grid}.settings-savebar-problem{color:#fecaca;font-size:var(--text-sm);font-weight:600}.settings-savebar-actions{gap:10px;margin-left:auto;display:flex}.settings-savebar .ghost-button{color:#fff;background:#ffffff14;border-color:#ffffff24;padding:10px 14px}.settings-savebar .primary-button{color:var(--primary-dark);box-shadow:none;background:#fff;padding:10px 16px}.settings-savebar button:disabled{opacity:.6;transform:none}.settings-savebar.has-error{box-shadow:0 0 0 2px #f87171b3,0 24px 60px #0f172a52}.settings-grid.has-savebar .settings-kontext{padding-bottom:96px}@media (width<=900px){.settings-grid{grid-template-rows:none;grid-template-areas:"main""kontext""danger"}.settings-grid.has-savebar .settings-kontext{padding-bottom:18px}.settings-grid.has-savebar{padding-bottom:140px}.settings-savebar{max-width:none;bottom:12px;left:12px;right:12px}.sidebar-is-collapsed .sidebar-unternehmen{display:block}.sidebar-title{text-align:left}.overview-stack{gap:14px;display:grid}.table-scroll{overflow-x:auto}}@media (width<=700px){.hero-aside{text-align:left}.toolbar .primary-button{width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-tile{padding:12px 14px}.stat-value{font-size:var(--text-lg)}.unternehmen-tabs{flex-wrap:wrap}.unternehmen-tabs .segment{flex:1 0 auto}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border-bottom:1px solid var(--border);padding:10px 0}.data-table td{border:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.data-table td.cell-title{min-width:0;padding-bottom:6px;display:block}.data-table td:before{content:attr(data-label);color:var(--text-muted);font-weight:600}.data-table td.cell-title:before{content:none}}.detail-search{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 -18px;padding:10px 18px;display:flex;position:sticky;top:-18px}.detail-search .search-field{flex:auto}.detail-search-input{padding:10px 14px 10px 40px}.detail-search-count{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap}.detail-search-step{padding:9px 12px;line-height:1}.detail-content{display:contents}mark.search-hit{border-radius:var(--radius-sm);color:inherit;background:#fde68a}mark.search-hit.is-current{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b59}@media (width<=900px){.detail-search{top:65px}}@media (width<=700px){.call-detail-actions{flex-wrap:nowrap;gap:6px}.split-button .copy-button{padding:9px 10px}.detail-facts{gap:6px}.detail-fact{font-size:var(--text-sm);gap:6px;padding:4px 8px}.detail-fact>span{letter-spacing:.02em}.detail-search{gap:6px}.detail-search-input{padding-left:36px}.detail-search .search-field .search-icon{left:12px}.detail-search-step{padding:9px 10px}}.vorlage-card{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.vorlage-card .call-card-top{margin-bottom:0}.vorlage-card-meta{font-size:var(--text-sm)}.vorlage-panel>.panel-header p{margin:0}.vorlage-panel>.panel-header .vorlage-used{color:var(--text);margin-top:8px}.vorlage-tabs{flex:none;align-self:flex-start;max-width:100%;overflow-x:auto}.segment-count{border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:#0f172a0f;margin-left:6px;padding:1px 7px}.segment.is-active .segment-count{color:var(--primary);background:#3157d51a}.vorlage-tabpanel{gap:14px;min-width:0;display:grid}.vorlage-tabpanel>p,.vorlage-tabpanel>h4{margin:0}.vorlage-tabpanel>h4{margin-top:6px}.vorlage-feld-sub{font-size:var(--text-sm);margin-top:2px;display:block}.vorlage-felder{gap:12px;margin:0;padding-left:20px;display:grid}.vorlage-felder p{margin:4px 0 0}.vorlage-regeln{gap:4px;margin:4px 0 0;padding-left:18px;display:grid}@media (width<=900px){.vorlagen-grid{grid-template-columns:minmax(0,1fr)}.vorlage-tabs{flex-wrap:wrap}}@media (width<=700px){.vorlage-tabs .segment{flex:1 0 auto}}.vorlage-text{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;font-feature-settings:"calt" 0;margin:0;padding:14px 16px;line-height:1.5}.nav-icon-vorlagen:before{content:"";border:2px solid;border-radius:2px 6px 2px 2px;position:absolute;inset:2px 4px}.nav-icon-vorlagen:after{content:"";border-top:2px solid;position:absolute;top:7px;left:8px;right:8px;box-shadow:0 4px}.nav-icon-abrechnung:before{content:"";border:2px solid;border-radius:999px;position:absolute;inset:2px}.nav-icon-abrechnung:after{content:"";border-bottom:2px solid;border-left:2px solid;width:4px;height:6px;position:absolute;top:5px;left:9px}.hero-card.abrechnung-hero{flex-wrap:wrap;align-items:flex-end}.abrechnung-toolbar{align-items:flex-end}.abrechnung-toolbar label{color:var(--text-muted);font-size:var(--text-sm);gap:6px}.abrechnung-toolbar select,.abrechnung-toolbar input{width:auto;color:var(--text);font-size:var(--text-md);padding:10px 12px;font-weight:400}.abrechnung-toolbar .ghost-button{padding:11px 16px}.abrechnung-stack{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:22px;min-height:0;display:grid;overflow-y:auto}.abrechnung-stack .table-panel{overflow:visible}.abrechnung-table td{vertical-align:top}.abrechnung-table tfoot td{border-top:1px solid var(--border-strong);border-bottom:0;font-weight:700}.abrechnung-anzahl{display:block}.abrechnung-stack .panel>.text-button{align-self:flex-start}@media (width<=700px){.hero-card.abrechnung-hero{align-items:stretch}.abrechnung-toolbar,.abrechnung-toolbar label{width:100%}.abrechnung-table tfoot{width:100%;display:block}.abrechnung-table tfoot tr{border-bottom:0}.abrechnung-wert{text-align:right}.abrechnung-toolbar select,.abrechnung-toolbar input{width:100%}}.code-input{font-size:var(--text-lg);letter-spacing:.18em;font-variant-numeric:tabular-nums}.totp-qr{border-radius:var(--radius);border:1px solid #0f172a1f;justify-self:center;width:min(100%,208px);height:auto}.totp-key code{color:var(--text);font-family:Consolas,SF Mono,Menlo,Roboto Mono,monospace;font-size:var(--text-sm);letter-spacing:.02em;overflow-wrap:anywhere;margin-top:6px;display:block}.login-secondary{justify-self:center}.login-hint{font-size:var(--text-sm);margin:0}.second-factor-card{gap:10px;margin-top:24px;display:grid}.second-factor-card p{margin:0}.second-factor-card .ghost-button{justify-self:start}.platzhalter-zeilen{border-top:1px solid var(--border);gap:0;display:grid}.platzhalter-zeile{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:24px;padding:16px 12px;display:grid}.platzhalter-zeile span{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eef1f6 0%,#f6f8fb 50%,#eef1f6 100%) 0 0/200% 100%;height:12px;animation:1.4s ease-in-out infinite platzhalter}.platzhalter-zeile span:first-child{width:70%}.platzhalter-zeile span:nth-child(2){width:55%}.platzhalter-zeile span:last-child{width:80%}@keyframes platzhalter{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.platzhalter-zeile span{animation:none}}
