.call-screen{z-index:70;background:color-mix(in srgb, var(--scrim) 74%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:20px;animation:.18s ease-out call-fade;display:grid;position:fixed;inset:0}.call-shell{width:min(400px,100%)}.call-card{border:7px solid var(--ink-0);background:var(--ink-1);width:100%;height:min(740px,94dvh);color:var(--on-ink);text-align:center;box-shadow:var(--shadow-device);border-radius:40px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.call-device-bar{z-index:4;height:44px;color:var(--on-ink);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;padding:0 22px;font-size:.75rem;font-weight:700;display:flex;position:relative}.call-device-icons{align-items:center;gap:3px;display:inline-flex}.call-island{background:var(--ink-0);border-radius:20px;justify-content:flex-end;align-items:center;width:92px;height:26px;padding-right:11px;display:flex;position:absolute;top:7px;left:50%;transform:translate(-50%)}.call-island i{background:color-mix(in srgb, var(--brand-teal) 35%, var(--ink-0));width:7px;height:7px;box-shadow:inset 0 0 0 2px var(--ink-0);border-radius:50%}.call-identity{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:0;min-height:0;padding:8px 24px 0;transition:flex-basis .24s;display:flex}.call-status{letter-spacing:.14em;text-transform:uppercase;color:var(--brand-teal);align-items:center;gap:7px;margin:0;font-size:.6875rem;font-weight:700;display:inline-flex}.call-state-dot{background:var(--on-ink-faint);border-radius:50%;width:7px;height:7px}.call-state-dot.is-live{background:var(--brand-teal);animation:1.6s ease-in-out infinite call-blink}@keyframes call-blink{50%{opacity:.25}}.call-avatar-wrap{flex:none;place-items:center;width:104px;height:104px;margin:26px 0 16px;display:grid;position:relative}.call-avatar{border-radius:50%;place-items:center;width:100%;height:100%;font-size:2rem;font-weight:600;display:grid;position:relative}.call-pulse{border:2px solid color-mix(in srgb, var(--brand-teal) 60%, transparent);border-radius:50%;animation:2s ease-out infinite call-pulse;position:absolute;inset:0}.call-pulse-2{animation-delay:1s}@keyframes call-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.call-name{letter-spacing:-.03em;margin:0;font-size:1.625rem;font-weight:650}.call-phone{color:var(--on-ink-muted);margin:4px 0 0;font-size:.875rem}.call-clocks{justify-content:center;margin-top:16px;display:flex}.call-clock{border:1px solid var(--on-ink-line);border-radius:var(--radius-md);background:var(--on-ink-fill);grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:9px 16px;transition:border-color .2s,background .2s;display:grid}.call-clock.is-active{border-color:color-mix(in srgb, var(--brand-teal) 55%, transparent);background:color-mix(in srgb, var(--brand-teal) 12%, transparent)}.call-clock svg{color:var(--on-ink-muted);grid-row:span 2}.call-clock b{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:500}.call-clock small{letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-muted);text-align:left;font-size:.625rem}.call-stage{flex:none;width:100%;max-width:330px;padding:24px 0 8px}.call-prompt{color:var(--on-ink);margin:0 0 14px;font-size:.875rem}.call-hint{color:var(--on-ink-faint);margin:12px 0 0;font-size:.6875rem}.call-answer-row{gap:10px;display:grid}.call-answer{border:1px solid var(--on-ink-line);border-radius:var(--radius-md);background:var(--on-ink-fill);min-height:48px;color:var(--on-ink);justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.call-answer:hover{background:var(--on-ink-fill-hover)}.call-answer-yes{border-color:color-mix(in srgb, var(--brand-teal) 60%, transparent);background:color-mix(in srgb, var(--brand-teal) 20%, transparent)}.call-answer-yes:hover{background:color-mix(in srgb, var(--brand-teal) 32%, transparent)}.call-hangup-block{flex:none;padding-bottom:26px}.call-hangup{width:60px;height:60px;color:var(--primary-foreground);background:var(--brand-red);box-shadow:0 8px 22px -8px color-mix(in srgb, var(--brand-red) 80%, black);border:0;border-radius:50%;place-items:center;margin:0 auto;transition:transform .12s,background .15s;display:grid}.call-hangup:hover{background:var(--brand-red-dark);transform:scale(1.05)}.call-hangup-label{color:var(--on-ink-muted);margin-top:8px;font-size:.75rem;display:block}.call-wrap{z-index:3;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--ink-2);min-height:0;color:var(--on-ink);text-align:left;box-shadow:var(--shadow-sheet);flex-direction:column;flex:auto;margin-top:14px;animation:.26s cubic-bezier(.22,1,.36,1) both call-sheet-rise;display:flex;position:relative}@keyframes call-sheet-rise{0%{transform:translateY(100%)}}.call-wrap:before{content:"";background:var(--on-ink-line-strong);border-radius:4px;width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.call-wrap-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--on-ink-line-strong) transparent;flex:auto;min-height:0;padding:22px 18px 18px;overflow-y:auto}.call-wrap-scroll::-webkit-scrollbar{width:6px}.call-wrap-scroll::-webkit-scrollbar-thumb{background:var(--on-ink-line-strong);border-radius:6px}.call-wrap-scroll::-webkit-scrollbar-track{background:0 0}.call-wrap-head h3{letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:650}.call-wrap-head h3:focus{outline:none}.call-wrap-head p{color:var(--on-ink-muted);margin:5px 0 0;font-size:.8125rem}.call-wrap-body{gap:18px;margin-top:20px;display:grid}.call-wrap-field{border:0;min-width:0;margin:0;padding:0}.call-wrap-field legend,.call-recording-title{letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-muted);align-items:center;gap:7px;margin-bottom:10px;padding:0;font-size:.6875rem;font-weight:700;display:flex}.call-outcome-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.call-outcome{border:1px solid var(--on-ink-line);border-radius:var(--radius-sm);background:var(--on-ink-fill);min-height:44px;color:var(--on-ink);text-align:left;align-items:center;gap:8px;padding:0 12px;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.call-outcome:hover{background:var(--on-ink-fill-hover)}.call-outcome svg{opacity:.7;flex:none}.call-outcome.is-chosen{border-color:var(--brand-teal);background:color-mix(in srgb, var(--brand-teal) 22%, transparent)}.call-outcome.is-chosen svg{opacity:1}.call-outcome.is-negative{color:color-mix(in srgb, var(--on-ink-danger) 70%, var(--on-ink))}.call-outcome.is-negative.is-chosen{border-color:color-mix(in srgb, var(--brand-red) 70%, transparent);background:color-mix(in srgb, var(--brand-red) 30%, transparent);color:var(--on-ink)}.call-field{gap:6px;min-width:0;display:grid}.call-field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-muted);align-items:center;gap:6px;font-size:.6875rem;font-weight:700;display:inline-flex}.call-field-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.call-screen :is(.call-field textarea,.call-field input){border:1px solid var(--on-ink-line);border-radius:var(--radius-sm);background:var(--ink-3);width:100%;min-width:0;color:var(--on-ink);font:inherit;resize:vertical;padding:11px 12px;font-size:.875rem}.call-screen :is(.call-field textarea,.call-field input)::placeholder{color:var(--on-ink-faint)}.call-recording{border-top:1px solid var(--on-ink-line);margin-top:4px;padding-top:18px}.call-recording-picker{border:1px dashed var(--ink-4);border-radius:var(--radius-sm);min-height:46px;color:var(--on-ink);cursor:pointer;place-items:center;font-size:.875rem;font-weight:600;display:grid;position:relative}.call-recording-picker:hover{background:var(--on-ink-fill);border-color:var(--brand-teal)}.call-recording-picker:focus-within{outline:2px solid var(--brand-teal);outline-offset:2px}.call-recording-picker.is-disabled{opacity:.5;cursor:wait}.call-recording-picker input{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.call-recording small{color:var(--on-ink-muted);margin-top:8px;font-size:.75rem;display:block}.call-recording p{overflow-wrap:anywhere;margin:9px 0 0;font-size:.75rem}.call-note{color:var(--on-ink-muted);gap:8px;margin:9px 0 0;font-size:.75rem;display:flex}.call-error{color:var(--on-ink-danger);margin:12px 0 0;font-size:.75rem}.call-wrap-foot:before{content:"";pointer-events:none;background:linear-gradient(to top, var(--ink-2), transparent);height:18px;position:absolute;top:-18px;left:0;right:0}.call-wrap-foot{padding:12px 18px max(18px, env(safe-area-inset-bottom));background:var(--ink-2);border-top:1px solid var(--on-ink-line);flex-direction:column;flex:none;gap:4px;display:flex;position:relative}.call-save{border-radius:var(--radius-md);background:var(--brand-teal);min-height:50px;color:var(--primary-foreground);border:0;font-size:1rem;font-weight:700;transition:background .15s}.call-save:hover:not(:disabled){background:color-mix(in srgb, var(--brand-teal) 86%, black)}.call-save:disabled{opacity:.4;cursor:not-allowed}.call-discard{min-height:44px;color:var(--on-ink-muted);background:0 0;border:0;font-size:.875rem;font-weight:600}.call-discard:hover{color:var(--on-ink)}.call-home-indicator{background:var(--on-ink);opacity:.85;z-index:6;pointer-events:none;border-radius:5px;width:104px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.call-screen :is(button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}.call-card.is-wrapping .call-identity{text-align:left;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;padding:4px 22px 10px}.call-card.is-wrapping .call-avatar-wrap{width:42px;height:42px;margin:0}.call-card.is-wrapping .call-avatar{font-size:.875rem}.call-card.is-wrapping .call-name{font-size:1rem}.call-card.is-wrapping .call-phone{font-size:.75rem}.call-card.is-wrapping .call-status{order:-1}.call-card.is-wrapping .call-identity-text{flex:1;min-width:0}.call-card.is-wrapping .call-identity-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-card.is-wrapping .call-clocks,.call-card.is-wrapping .call-pulse{display:none}.call-card.is-wrapping .call-wrap-foot{padding-bottom:max(22px, env(safe-area-inset-bottom))}@media (max-width:480px){.call-screen{padding:0}.call-shell{width:100%;height:100%}.call-card{max-width:none;height:100dvh;padding-top:env(safe-area-inset-top);border:0;border-radius:0}.call-island,.call-home-indicator{display:none}.call-wrap{border-radius:var(--radius-xl) var(--radius-xl) 0 0}}@media (max-height:680px){.call-avatar-wrap{width:76px;height:76px;margin:12px 0 8px}.call-avatar{font-size:1.5rem}.call-name{font-size:1.375rem}.call-clocks{margin-top:10px}.call-stage{padding-top:12px}}@media (max-height:540px){.call-card.is-wrapping .call-identity{display:none}}@media (prefers-reduced-motion:reduce){.call-screen,.call-wrap{animation:none}.call-pulse{opacity:.5;animation:none}.call-hangup:hover{transform:none}}@keyframes call-fade{0%{opacity:0}to{opacity:1}}
.lead-tabs{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);scrollbar-width:none;gap:2px;margin:18px 0 14px;padding:4px;display:flex;overflow-x:auto}.lead-tabs::-webkit-scrollbar{display:none}.lead-tab{white-space:nowrap;border-radius:var(--radius-sm);min-height:44px;color:var(--brand-muted);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.8125rem;font-weight:600;transition:background .16s,color .16s;display:inline-flex}.lead-tab svg{flex:none}.lead-tab:hover{background:color-mix(in srgb, var(--surface-tint) 4%, transparent);color:var(--surface-text)}.lead-tab.is-active{background:color-mix(in srgb, var(--brand-red) 9%, transparent);color:var(--brand-red)}.lead-tab:focus-visible{outline:2px solid var(--brand-teal);outline-offset:-2px}.lead-tab-count{background:color-mix(in srgb, var(--surface-tint) 8%, transparent);min-width:20px;height:20px;color:var(--brand-muted);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 6px;font-size:.6875rem;font-style:normal;font-weight:700;display:inline-grid}.lead-tab.is-active .lead-tab-count{background:color-mix(in srgb, var(--brand-red) 16%, transparent);color:var(--brand-red)}.lead-panel{min-width:0}.lead-panel:focus{outline:none}.lead-panel-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:15px;display:grid}.lead-panel-grid>.lead-timeline-panel{grid-column:span 2}.lead-panel-stack{gap:15px;display:grid}@media (max-width:900px){.lead-panel-grid>.lead-timeline-panel{grid-column:auto}}.lead-followups{gap:2px;margin:16px 0 0;padding:0;list-style:none;display:grid}.lead-followup{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:12px;padding:13px 12px;transition:background .14s;display:flex}.lead-followup:hover{background:color-mix(in srgb, var(--surface-tint) 3%, transparent)}.lead-followup-mark{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brand-teal) 12%, transparent);width:32px;height:32px;color:var(--brand-teal);flex:none;place-items:center;display:grid}.lead-followup.is-overdue .lead-followup-mark{background:color-mix(in srgb, var(--brand-red) 12%, transparent);color:var(--brand-red)}.lead-followup.is-done .lead-followup-mark,.lead-followup.is-cancelled .lead-followup-mark{background:color-mix(in srgb, var(--surface-tint) 7%, transparent);color:var(--brand-muted)}.lead-followup-text{flex:1;min-width:0}.lead-followup-text strong{font-size:.875rem;font-weight:600;display:block}.lead-followup-text small{color:var(--brand-muted);margin-top:3px;font-size:.75rem;display:block}.lead-followup.is-done .lead-followup-text strong,.lead-followup.is-cancelled .lead-followup-text strong{color:var(--brand-muted)}.lead-followup.is-cancelled .lead-followup-text strong{text-decoration:line-through}.lead-followup-state{white-space:nowrap;border-radius:6px;flex:none;padding:5px 9px;font-size:.6875rem;font-weight:700}.state-open{background:color-mix(in srgb, var(--brand-teal) 12%, transparent);color:var(--brand-teal)}.state-overdue{background:color-mix(in srgb, var(--brand-red) 11%, transparent);color:var(--brand-red)}.state-done,.state-cancelled{background:color-mix(in srgb, var(--surface-tint) 7%, transparent);color:var(--brand-muted)}.lead-files-offline{border:1px solid color-mix(in srgb, var(--brand-amber) 40%, var(--brand-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brand-amber) 10%, transparent);color:var(--surface-text);align-items:flex-start;gap:11px;margin:16px 0 0;padding:14px;font-size:.8125rem;line-height:1.55;display:flex}.lead-files-offline svg{color:color-mix(in srgb, var(--brand-amber) 75%, var(--surface-text));flex:none;margin-top:2px}.lead-files-offline strong{margin-bottom:3px;display:block}.lead-files-drop{border:1px dashed color-mix(in srgb, var(--surface-tint) 18%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--brand-canvas) 60%, transparent);text-align:center;justify-items:center;gap:4px;margin:16px 0 0;padding:26px 18px;transition:border-color .16s,background .16s;display:grid}.lead-files-drop.is-over{border-color:var(--brand-teal);background:color-mix(in srgb, var(--brand-teal) 8%, transparent)}.lead-files-drop svg{color:var(--brand-muted)}.lead-files-drop strong{font-size:.9375rem}.lead-files-drop small{max-width:38ch;color:var(--brand-muted);font-size:.75rem;line-height:1.5}.lead-files-drop .secondary-button{margin-top:10px}.lead-files-progress{color:var(--brand-teal);margin:12px 0 0;font-size:.8125rem}.lead-files-group{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted);margin:22px 0 6px;font-size:.6875rem;font-weight:700}.lead-file-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.lead-file{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:11px 12px;transition:background .14s;display:flex}.lead-file:hover{background:color-mix(in srgb, var(--surface-tint) 3%, transparent)}.lead-file-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-tint) 6%, transparent);width:34px;height:34px;color:var(--brand-muted);flex:none;place-items:center;display:grid}.lead-file-text{flex:1;min-width:0}.lead-file-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.lead-file-text small{color:var(--brand-muted);margin-top:3px;font-size:.75rem;display:block}.lead-file-open{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--brand-muted);flex:none;place-items:center;display:grid}.lead-file-open:hover{background:color-mix(in srgb, var(--surface-tint) 7%, transparent);color:var(--brand-red)}.lead-file-open:focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}@media (max-width:600px){.lead-tab span{display:none}.lead-tab.is-active span{display:inline}.lead-tab{flex:none;padding:0 12px}.lead-followup{flex-wrap:wrap}.lead-followup-state{margin-left:44px}}.app-shell .appointments-toolbar{flex-wrap:wrap;gap:10px 14px}.toolbar-group{align-items:center;gap:6px;min-width:0;display:flex}.toolbar-filters{flex-wrap:wrap;gap:14px}.appointments-toolbar .toolbar-spacer{flex:1 1 0;min-width:0}.step-button{border:1px solid var(--line);background:var(--field-bg);width:32px;height:32px;color:var(--muted-foreground);border-radius:8px;flex:none;place-items:center;display:grid}.step-button:hover{color:var(--foreground);border-color:var(--brand-teal)}.step-today{border:1px solid var(--line);background:var(--field-bg);height:32px;color:var(--foreground);border-radius:8px;margin-inline-start:2px;padding:0 12px;font-size:13px;font-weight:600}.step-today:hover:not(:disabled){border-color:var(--brand-teal)}.step-today:disabled{opacity:.45;cursor:default}.toolbar-group :is(.step-button,.step-today):focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}.app-shell :is(.daily-controls,.dashboard-controls,.directory-controls) .datefield{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 6px}.app-shell :is(.daily-controls,.dashboard-controls,.directory-controls) .datefield-label{letter-spacing:0;text-transform:none;color:var(--muted-foreground);font-size:12px;font-weight:500}.app-shell :is(.daily-controls,.dashboard-controls,.directory-controls) .datefield-hint{display:none}.app-shell :is(.daily-controls,.dashboard-controls,.directory-controls,.prototype-filters) .datefield-trigger{height:32px;min-height:32px;padding:0 10px;font-size:13px}.app-shell .prototype-filters .datefield{flex:150px;gap:8px}.app-shell .prototype-filters .datefield-label{letter-spacing:0;text-transform:none;color:var(--foreground);font-size:13px;font-weight:600}@media (max-width:760px){.appointments-toolbar .toolbar-spacer{display:none}.appointments-toolbar .toolbar-filters{width:100%}.appointments-toolbar .toolbar-filters label{flex:140px}.toolbar-when{width:100%}.toolbar-when .datefield{flex:1}}
.notif-tabs{max-width:560px}.notif-group+.notif-group{margin-top:15px}.notif-mark{vertical-align:-6px;border-radius:7px;place-items:center;width:26px;height:26px;margin-right:7px;display:inline-grid}.tone-urgent{background:color-mix(in srgb, var(--brand-red) 12%, transparent);color:var(--brand-red)}.tone-warn{background:color-mix(in srgb, var(--brand-amber) 20%, transparent);color:color-mix(in srgb, var(--brand-amber) 75%, var(--surface-text))}.tone-calm{background:color-mix(in srgb, var(--brand-teal) 12%, transparent);color:var(--brand-teal)}.notif-list,.notif-feed{gap:2px;margin:14px 0 0;padding:0;list-style:none;display:grid}.notif-row,.notif-entry{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;transition:background .14s;display:flex}.notif-row:hover,.notif-entry:hover{background:color-mix(in srgb, var(--surface-tint) 3%, transparent)}.notif-entry{align-items:flex-start}.notif-entry-mark{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-tint) 6%, transparent);width:30px;height:30px;color:var(--brand-muted);flex:none;place-items:center;display:grid}.notif-text{flex:1;min-width:0}.notif-text strong{font-size:.875rem;font-weight:600;line-height:1.45;display:block}.notif-text small{color:var(--brand-muted);margin-top:4px;font-size:.75rem;display:block}.notif-text small .prototype-text-button{font-size:inherit}.notif-row .secondary-button{flex:none}@media (max-width:600px){.notif-tabs .lead-tab span{display:inline}.notif-row{flex-wrap:wrap}.notif-row .secondary-button{width:100%}}