:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Plus Jakarta Sans", Inter, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;font-size:14.5px;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-glass: rgba(255, 255, 255, .88);--border: #e2e8f0;--border-subtle: #f1f5f9;--border-focus: #1d4ed8;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #94a3b8;--text-inverse: #ffffff;--brand-blue: #1d4ed8;--brand-blue-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--brand-blue-surface: #eff6ff;--brand-blue-border: #bfdbfe;--call-emerald: #10b981;--call-emerald-dark: #059669;--call-emerald-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--call-emerald-surface: #ecfdf5;--call-emerald-border: #a7f3d0;--call-emerald-text: #065f46;--amber-surface: #fffbeb;--amber-border: #fde68a;--amber-text: #92400e;--rose-surface: #fef2f2;--rose-border: #fecaca;--rose-text: #b91c1c;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-dock: 0 -4px 20px rgba(0, 0, 0, .04), 0 -1px 2px rgba(0, 0, 0, .02);--shadow-card: 0 10px 25px -4px rgba(15, 23, 42, .05), 0 4px 10px -2px rgba(15, 23, 42, .02);--shadow-call: 0 8px 22px -4px rgba(16, 185, 129, .38);--shadow-sheet: 0 -12px 36px rgba(15, 23, 42, .15);--transition-touch: .12s cubic-bezier(.16, 1, .3, 1)}@media(max-width:768px){:root{font-size:13.5px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}button,a,input,textarea,select{touch-action:manipulation;font-family:inherit}button:active,.dock-item:active,.btn-native-call-now:active,.native-contact-card:active{transform:scale(.975);transition:transform var(--transition-touch)}#root{min-height:100vh;display:flex;flex-direction:column}.text-white{color:#fff}.text-emerald{color:var(--call-emerald)}.text-blue{color:var(--brand-blue)}.text-rose{color:var(--rose-text)}.text-muted{color:var(--text-muted)}.font-semibold{font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.native-app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;background:var(--bg-app)}.mobile-app-bar{position:sticky;top:0;z-index:40;height:56px;padding-top:env(safe-area-inset-top,0);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.app-bar-content{max-width:720px;height:56px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.app-bar-brand{display:flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-logo-badge{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--brand-blue-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1d4ed840}.brand-text-wrap{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-size:1.05rem;font-weight:800;color:var(--brand-blue);letter-spacing:-.02em}.brand-tag{font-size:.625rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.app-bar-actions{display:flex;align-items:center;gap:.5rem}.btn-app-bar-action{width:36px;height:36px;border-radius:50%;background:var(--brand-blue-surface);border:1px solid var(--brand-blue-border);color:var(--brand-blue);display:flex;align-items:center;justify-content:center;cursor:pointer}.app-bar-avatar-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:.775rem;transition:all var(--transition-touch)}.app-bar-avatar-btn.active-avatar{border-color:var(--brand-blue);background:var(--brand-blue-surface);color:var(--brand-blue)}.native-bottom-dock{position:fixed;bottom:0;left:0;right:0;z-index:50;height:68px;padding-bottom:env(safe-area-inset-bottom,14px);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-dock)}.dock-container{max-width:500px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-around;padding:0 .5rem}.dock-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:52px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-touch)}.dock-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:var(--radius-full);transition:all var(--transition-touch)}.dock-label{font-size:.675rem;font-weight:600;letter-spacing:.01em}.dock-item.active{color:var(--brand-blue)}.dock-item.active .dock-icon-wrapper{background:var(--brand-blue-surface);color:var(--brand-blue)}.dock-item.active .dock-label{font-weight:700;color:var(--brand-blue)}.dock-badge{position:absolute;top:-3px;right:2px;font-size:.6rem;font-weight:800;background:var(--call-emerald);color:#fff;padding:1px 5px;border-radius:var(--radius-full);border:2px solid #ffffff}.native-main-canvas{flex:1;max-width:680px;width:100%;margin:0 auto;padding:1rem 1rem calc(76px + env(safe-area-inset-bottom,16px))}.native-screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.header-title-row{display:flex;align-items:baseline;gap:.5rem}.native-screen-title{font-size:1.55rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.screen-counter-pill{font-size:.725rem;font-weight:700;color:var(--brand-blue);background:var(--brand-blue-surface);padding:3px 8px;border-radius:var(--radius-full)}.native-screen-sub{font-size:.775rem;color:var(--text-muted)}.header-action-row{display:flex;align-items:center;gap:.4rem}.btn-header-refresh,.btn-header-action{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #0000000a}.dialer-mobile-layout{display:flex;flex-direction:column;gap:1.1rem}.native-dialer-card{background:#fff;border-radius:var(--radius-xl);padding:1.35rem 1.15rem;box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;gap:1.1rem}.card-progress-track{display:flex;flex-direction:column;gap:.4rem}.progress-info-row{display:flex;align-items:center;justify-content:space-between}.queue-badge-chip{font-size:.75rem;font-weight:700;color:var(--brand-blue)}.progress-value-label{font-size:.7rem;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.native-progress-bar{width:100%;height:4px;background:#f1f5f9;border-radius:var(--radius-full);overflow:hidden}.native-progress-fill{height:100%;background:var(--brand-blue);border-radius:var(--radius-full);transition:width .2s ease}.contact-hero-body{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-hero-avatar{width:76px;height:76px;border-radius:50%;background:var(--brand-blue-gradient);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 8px 18px #1d4ed847}.contact-avatar-initials{font-size:1.65rem;font-weight:800;letter-spacing:-.02em}.contact-hero-name{font-size:1.45rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.contact-phone-chip{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-secondary);text-decoration:none;background:var(--bg-surface-elevated);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:.85rem}.contact-notes-pill{display:flex;align-items:flex-start;gap:.5rem;width:100%;background:var(--amber-surface);border:1px solid var(--amber-border);border-radius:var(--radius-md);padding:.75rem .95rem;text-align:left;margin-bottom:.75rem}.notes-pill-icon{color:var(--amber-text);flex-shrink:0;margin-top:1px}.notes-pill-heading{display:block;font-size:.675rem;font-weight:800;color:var(--amber-text);text-transform:uppercase;letter-spacing:.03em}.notes-pill-text{font-size:.8rem;color:#78350f;line-height:1.35}.contact-meta-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem}.meta-tag-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.725rem;font-weight:600;color:var(--text-muted);background:#f8fafc;border:1px solid var(--border-subtle);padding:3px 8px;border-radius:var(--radius-sm)}.dialer-thumb-zone{display:flex;flex-direction:column;gap:.55rem}.btn-native-call-now{display:flex;align-items:center;justify-content:center;gap:.75rem;height:56px;border-radius:var(--radius-lg);background:var(--call-emerald-gradient);color:#fff;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-call);border:none}.btn-call-icon-circle{width:34px;height:34px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center}.btn-call-label-wrap{display:flex;flex-direction:column;text-align:left}.btn-call-primary-text{font-size:1.05rem;font-weight:800;line-height:1.15}.btn-call-secondary-text{font-size:.675rem;opacity:.9}.dialer-secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn-native-secondary{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.825rem;font-weight:700;cursor:pointer}.up-next-section{display:flex;flex-direction:column;gap:.5rem}.up-next-header{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem}.up-next-title{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.up-next-badge{font-size:.725rem;font-weight:600;color:var(--text-muted)}.up-next-list-card{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.03);box-shadow:0 2px 8px #0f172a08;overflow:hidden}.up-next-item-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-touch)}.up-next-item-row:last-child{border-bottom:none}.up-next-avatar-pill{width:36px;height:36px;border-radius:50%;background:var(--brand-blue-surface);color:var(--brand-blue);font-size:.775rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.up-next-lead-info{flex:1;min-width:0}.up-next-lead-name{display:block;font-size:.875rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-next-lead-meta{display:flex;align-items:center;gap:.35rem;font-size:.725rem;color:var(--text-muted)}.up-next-lead-phone{font-family:var(--font-mono)}.up-next-notes-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.history-screen{display:flex;flex-direction:column;gap:.85rem}.native-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.native-metric-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-md);padding:.75rem .85rem;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:.35rem}.metric-header-row{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:.675rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.metric-icon-bubble{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-blue{background:#eff6ff;color:#1d4ed8}.icon-purple{background:#f5f3ff;color:#7c3aed}.icon-emerald{background:#ecfdf5;color:#059669}.icon-amber{background:#fffbeb;color:#d97706}.icon-rose{background:#fef2f2;color:#dc2626}.metric-value-row{display:flex;align-items:baseline;gap:.35rem}.metric-number{font-size:1.35rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);line-height:1.1}.metric-unit{font-size:.675rem;color:var(--text-muted)}.metric-badge-trend{display:inline-flex;align-items:center;gap:2px;font-size:.675rem;font-weight:700;background:var(--call-emerald-surface);color:var(--call-emerald-text);padding:1px 5px;border-radius:var(--radius-xs)}.native-search-wrap{position:relative;display:flex;align-items:center}.search-field-icon{position:absolute;left:.85rem;color:var(--text-muted);pointer-events:none}.native-search-input{width:100%;height:44px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 2rem 0 2.4rem;font-size:16px;color:var(--text-primary);box-shadow:0 1px 2px #00000005}.native-search-input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 2px #1d4ed81f}.btn-clear-search-text{position:absolute;right:.65rem;background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.segmented-filter-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.segmented-filter-scroll::-webkit-scrollbar{display:none}.segmented-filter-bar{display:flex;background:#f1f5f9;padding:3px;border-radius:var(--radius-md);gap:2px;width:max-content;min-width:100%}.segmented-filter-btn{flex:1;padding:.4rem .85rem;border-radius:calc(var(--radius-md) - 3px);border:none;background:transparent;color:var(--text-secondary);font-size:.775rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-touch)}.segmented-filter-btn.active{background:#fff;color:var(--brand-blue);font-weight:700;box-shadow:0 1px 3px #00000014}.native-contact-cards-flow{display:flex;flex-direction:column;gap:.55rem}.native-contact-card{background:#fff;border-radius:var(--radius-lg);padding:.95rem 1rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px #0f172a08;cursor:pointer}.contact-card-main-row{display:flex;align-items:center;gap:.75rem}.contact-card-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-blue-surface);color:var(--brand-blue);font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact-name-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.contact-card-name{font-size:.925rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge-chip{padding:2px 7px;border-radius:var(--radius-sm);font-size:.675rem;font-weight:700}.status-pending{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.status-connected{background:var(--call-emerald-surface);color:var(--call-emerald-text);border:1px solid var(--call-emerald-border)}.status-busy{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.status-failed{background:var(--rose-surface);color:var(--rose-text);border:1px solid var(--rose-border)}.status-callback{background:var(--brand-blue-surface);color:var(--brand-blue);border:1px solid var(--brand-blue-border)}.status-skipped{background:#f1f5f9;color:var(--text-muted);border:1px solid var(--border)}.contact-card-sub-info{display:flex;align-items:center;gap:.35rem;font-size:.725rem;color:var(--text-muted)}.contact-card-phone{font-family:var(--font-mono);font-weight:600}.contact-dial-count{color:var(--brand-blue);font-weight:600}.btn-card-quick-call{width:36px;height:36px;border-radius:50%;background:var(--call-emerald);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 6px #10b98159;flex-shrink:0}.contact-card-drawer{margin-top:.75rem;padding-top:.65rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.45rem}.drawer-label{display:block;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.drawer-text{font-size:.775rem;color:var(--text-secondary)}.drawer-action-footer{display:flex;justify-content:flex-end;margin-top:.25rem}.btn-drawer-delete{display:inline-flex;align-items:center;gap:.25rem;font-size:.725rem;color:var(--rose-text);background:var(--rose-surface);border:1px solid var(--rose-border);padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:backdropFade .18s ease forwards}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.bottom-action-sheet{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:.85rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,16px));box-shadow:var(--shadow-sheet);animation:sheetSlideUp .24s cubic-bezier(.16,1,.3,1) forwards}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-drag-handle-bar{width:44px;height:5px;background:#cbd5e1;border-radius:var(--radius-full);margin:0 auto .85rem}.sheet-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.85rem}.sheet-status-tag{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--call-emerald-text);background:var(--call-emerald-surface);padding:2px 7px;border-radius:var(--radius-xs);margin-bottom:.15rem}.sheet-main-title{font-size:1.2rem;font-weight:800;color:var(--text-primary)}.sheet-sub-title{font-size:.775rem;color:var(--text-muted)}.btn-sheet-close{width:32px;height:32px;border-radius:50%;background:var(--bg-surface-elevated);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.segmented-sheet-tabs{display:flex;background:var(--bg-surface-elevated);padding:3px;border-radius:var(--radius-md);gap:2px;margin-bottom:1rem}.segmented-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer}.segmented-tab.active{background:#fff;color:var(--brand-blue);font-weight:700;box-shadow:0 1px 3px #00000014}.btn-mobile-media-picker{width:100%;height:56px;background:var(--brand-blue-surface);border:1px dashed var(--brand-blue-border);border-radius:var(--radius-lg);color:var(--brand-blue);font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.native-hidden-input{display:none}.selected-media-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.selected-media-info{flex:1;min-width:0}.selected-file-name{display:block;font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file-size{font-size:.725rem;color:var(--text-muted)}.btn-change-media{font-size:.75rem;color:var(--brand-blue);background:transparent;border:none;font-weight:700;cursor:pointer}.sheet-template-link-wrap{text-align:center;margin-top:.65rem}.sheet-download-link{font-size:.775rem;color:var(--brand-blue);text-decoration:none;font-weight:600}.paste-toolbar-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.paste-detection-label{font-size:.725rem;color:var(--text-muted)}.btn-load-sample-pill{display:inline-flex;align-items:center;gap:3px;font-size:.725rem;font-weight:700;color:var(--brand-blue);background:var(--brand-blue-surface);border:1px solid var(--brand-blue-border);padding:2px 7px;border-radius:var(--radius-sm);cursor:pointer}.native-paste-textarea{width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:.65rem;font-family:var(--font-mono);font-size:16px;line-height:1.35;resize:vertical}.sheet-cta-pinned{margin-top:1rem}.btn-sheet-submit-cta{width:100%;height:52px;border-radius:var(--radius-lg);background:var(--brand-blue-gradient);color:#fff;font-size:.95rem;font-weight:800;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #1d4ed84d}.btn-sheet-submit-cta:disabled{opacity:.5;cursor:not-allowed}.sheet-contact-summary-card{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;background:var(--bg-surface-elevated);border-radius:var(--radius-md);margin-bottom:.85rem}.sheet-contact-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-blue);color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}.sheet-contact-meta{flex:1}.sheet-contact-name{display:block;font-size:.9rem;font-weight:700}.sheet-contact-phone{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.sheet-call-timer-pill{display:flex;align-items:center;gap:3px;font-size:.725rem;font-weight:700;color:var(--call-emerald-text);background:var(--call-emerald-surface);padding:2px 7px;border-radius:var(--radius-full)}.sheet-section-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:.45rem}.sheet-outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-bottom:.85rem}.sheet-outcome-card{display:flex;align-items:center;gap:.5rem;padding:.75rem .65rem;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:left}.outcome-card-label{font-size:.8rem;font-weight:700}.chip-connected.selected{border-color:var(--call-emerald);background:var(--call-emerald-surface);color:var(--call-emerald-text)}.chip-busy.selected{border-color:var(--amber-border);background:var(--amber-surface);color:var(--amber-text)}.chip-failed.selected{border-color:var(--rose-border);background:var(--rose-surface);color:var(--rose-text)}.chip-callback.selected{border-color:var(--brand-blue-border);background:var(--brand-blue-surface);color:var(--brand-blue)}.chip-skipped.selected{border-color:var(--border);background:#f1f5f9;color:var(--text-muted)}.sheet-notes-input{width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem;font-size:16px;resize:none}.login-splash-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:#fff}.login-splash-container{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.login-hero-brand{text-align:center;display:flex;flex-direction:column;align-items:center}.login-hero-logo-box{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--brand-blue-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;box-shadow:0 8px 20px #1d4ed84d}.login-hero-title{font-size:1.65rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.login-hero-subtitle{font-size:.825rem;color:var(--text-muted);margin-top:.2rem}.login-section-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.45rem}.login-segmented-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.login-agent-pill-btn{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.login-agent-pill-btn.active{border-color:var(--brand-blue);background:var(--brand-blue-surface);box-shadow:0 0 0 1px var(--brand-blue)}.agent-pill-top{display:flex;align-items:center;justify-content:space-between}.agent-pill-label{font-size:.8rem;font-weight:800;color:var(--brand-blue)}.agent-pill-phone{font-family:var(--font-mono);font-size:.775rem;font-weight:700;color:var(--text-primary)}.agent-pill-queue{font-size:.675rem;color:var(--text-muted)}.login-action-form{display:flex;flex-direction:column;gap:1rem}.keypad-input-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;overflow:hidden;box-shadow:0 1px 2px #0000000a}.keypad-input-wrap:focus-within{border-color:var(--brand-blue);box-shadow:0 0 0 2px #1d4ed826}.country-flag-badge{display:flex;align-items:center;gap:.25rem;padding:0 .85rem;height:52px;background:var(--bg-surface-elevated);border-right:1px solid var(--border);font-size:.9rem;font-weight:700;color:var(--text-secondary)}.keypad-phone-input{flex:1;height:52px;border:none;padding:0 .85rem;font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--text-primary);outline:none}.login-input-hint{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.35rem}.btn-login-cta{width:100%;height:54px;border-radius:var(--radius-lg);background:var(--brand-blue-gradient);color:#fff;font-size:1rem;font-weight:800;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:0 6px 18px #1d4ed859}.btn-login-cta:disabled{opacity:.5;cursor:not-allowed}.login-security-pill{display:flex;align-items:center;gap:.45rem;padding:.65rem .85rem;background:var(--bg-surface-elevated);border-radius:var(--radius-md);font-size:.725rem;color:var(--text-muted);line-height:1.3}.settings-screen{display:flex;flex-direction:column;gap:1rem}.profile-hero-card{background:#fff;border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.03);display:flex;align-items:center;gap:1rem}.profile-hero-avatar{position:relative;width:58px;height:58px;border-radius:50%;background:var(--brand-blue-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1d4ed847}.profile-avatar-text{font-size:1.35rem;font-weight:800}.profile-online-badge{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;background:var(--call-emerald);border:2px solid #ffffff}.profile-hero-info{flex:1}.profile-name-row{display:flex;align-items:center;gap:.5rem}.profile-agent-name{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.profile-active-pill{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--call-emerald-text);background:var(--call-emerald-surface);padding:1px 6px;border-radius:var(--radius-xs)}.profile-phone-number{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.profile-queue-tag{font-size:.725rem;color:var(--text-muted)}.isolation-banner-card{display:flex;align-items:flex-start;gap:.65rem;background:var(--brand-blue-surface);border:1px solid var(--brand-blue-border);border-radius:var(--radius-md);padding:.75rem .95rem;font-size:.775rem;line-height:1.35}.isolation-banner-text strong{display:block;color:var(--brand-blue);font-weight:700;margin-bottom:2px}.isolation-banner-text span{color:#1e3a8a}.settings-menu-group{display:flex;flex-direction:column;gap:.45rem}.settings-group-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:0 .25rem}.settings-card-list{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px #00000008;overflow:hidden}.settings-action-row{width:100%;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);text-align:left;text-decoration:none;cursor:pointer;color:inherit}.settings-action-row:last-child{border-bottom:none}.settings-row-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-row-content{flex:1}.settings-row-title{display:block;font-size:.875rem;font-weight:700;color:var(--text-primary)}.settings-row-desc{font-size:.725rem;color:var(--text-muted)}.logout-section{margin-top:.5rem}.btn-native-logout{width:100%;height:48px;border-radius:var(--radius-md);background:var(--rose-surface);border:1px solid var(--rose-border);color:var(--rose-text);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer}.native-splash-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}.splash-spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.splash-pulse-ring{width:36px;height:36px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:var(--brand-blue);animation:spin .8s linear infinite}.splash-brand-text{font-size:.95rem;font-weight:800;color:var(--brand-blue);letter-spacing:-.01em}.native-loading-card,.native-empty-queue-card{background:#fff;border-radius:var(--radius-xl);padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem;box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.03)}.empty-badge-circle{width:60px;height:60px;border-radius:50%;background:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.empty-title-text{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.empty-desc-text{font-size:.825rem;color:var(--text-muted);max-width:320px;line-height:1.4}.btn-empty-import{margin-top:.5rem;height:44px;padding:0 1.25rem;border-radius:var(--radius-md);background:var(--brand-blue-gradient);color:#fff;font-size:.85rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 12px #1d4ed840}.skeleton-metric{height:68px;background:#f1f5f9;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.alert-box{display:flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border-radius:var(--radius-md);font-size:.775rem;font-weight:600}.alert-error{background:var(--rose-surface);border:1px solid var(--rose-border);color:var(--rose-text)}.alert-success{background:var(--call-emerald-surface);border:1px solid var(--call-emerald-border);color:var(--call-emerald-text)}.contact-company-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-full);background:var(--brand-blue-surface);border:1px solid var(--brand-blue-border);color:var(--brand-blue);font-size:.72rem;font-weight:600;margin-bottom:.25rem}.contact-email-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.72rem;font-weight:500;margin-bottom:.25rem}.up-next-company{font-size:.69rem;color:var(--brand-blue);font-weight:600;padding:.1rem .4rem;background:var(--brand-blue-surface);border-radius:var(--radius-full)}.contact-company-label{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;color:var(--brand-blue);font-weight:600;background:var(--brand-blue-surface);padding:.1rem .45rem;border-radius:var(--radius-full)}.sheet-contact-company{font-size:.72rem;color:var(--text-muted);font-weight:500}.drawer-email{display:flex;align-items:center;gap:.35rem;color:var(--brand-blue);font-size:.78rem}.drawer-email a{color:var(--brand-blue);text-decoration:none}.desktop-shell{display:flex;height:100dvh;width:100%;overflow:hidden;background:var(--bg-app)}.desktop-sidebar{width:240px;min-width:240px;height:100%;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;overflow:hidden;box-shadow:2px 0 12px #0f172a0a}.sidebar-brand{display:flex;align-items:center;gap:.65rem;padding:1.2rem 1.2rem .9rem;cursor:pointer;border-bottom:1px solid var(--border-subtle);margin-bottom:.75rem}.sidebar-logo-badge{width:34px;height:34px;border-radius:var(--radius-md);background:var(--brand-blue-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #1d4ed847}.sidebar-brand-title{font-size:1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;display:block;line-height:1.1}.sidebar-brand-tag{font-size:.65rem;font-weight:500;color:var(--text-muted);display:block}.sidebar-import-btn{display:flex;align-items:center;gap:.5rem;margin:0 .85rem .75rem;height:38px;border-radius:var(--radius-md);background:var(--brand-blue-gradient);color:#fff;font-size:.8rem;font-weight:700;border:none;cursor:pointer;justify-content:center;box-shadow:0 3px 10px #1d4ed838;transition:opacity .15s}.sidebar-import-btn:hover{opacity:.9}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;padding:0 .6rem;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border-radius:var(--radius-md);font-size:.83rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;text-align:left;transition:background .12s,color .12s;position:relative}.sidebar-nav-item:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--brand-blue-surface);color:var(--brand-blue)}.sidebar-nav-icon{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-badge{position:absolute;top:-5px;right:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:var(--radius-full);background:var(--call-emerald);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center}.sidebar-agent-footer{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-top:1px solid var(--border-subtle);margin-top:auto}.sidebar-agent-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--brand-blue-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.sidebar-agent-info{flex:1;overflow:hidden}.sidebar-agent-name{font-size:.78rem;font-weight:700;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-agent-phone{font-size:.66rem;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-settings-btn{width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.sidebar-settings-btn:hover{background:var(--bg-surface-elevated)}.desktop-main-content{flex:1;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.leads-table-screen{padding:1.5rem 1.75rem;min-height:100%}.leads-table-top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.leads-table-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.leads-table-sub{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.leads-table-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-table-primary{height:36px;padding:0 1rem;border-radius:var(--radius-md);background:var(--brand-blue-gradient);color:#fff;font-size:.8rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 3px 10px #1d4ed838;transition:opacity .12s}.btn-table-primary:hover{opacity:.9}.btn-table-secondary{display:flex;align-items:center;gap:.35rem;height:36px;padding:0 .85rem;border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);font-size:.78rem;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:background .12s}.btn-table-secondary:hover:not(:disabled){background:var(--bg-surface-elevated)}.btn-table-secondary:disabled{opacity:.5;cursor:default}.btn-table-danger{display:flex;align-items:center;gap:.35rem;height:36px;padding:0 .85rem;border-radius:var(--radius-md);background:var(--rose-surface);color:var(--rose-text);font-size:.78rem;font-weight:700;border:1px solid var(--rose-border);cursor:pointer;transition:background .12s}.btn-table-danger:hover:not(:disabled){background:#fee2e2}.leads-table-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.table-search-wrap{position:relative;display:flex;align-items:center}.table-search-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.table-search-input{width:100%;max-width:440px;height:38px;padding:0 2.25rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);font-size:.82rem;color:var(--text-primary);outline:none;transition:border-color .15s}.table-search-input:focus{border-color:var(--border-focus)}.table-search-clear{position:absolute;right:calc(100% - 440px + .5rem);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:.25rem}.table-filter-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.table-filter-tab{height:30px;padding:0 .75rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:.74rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.table-filter-tab.active{background:var(--brand-blue-surface);border-color:var(--brand-blue-border);color:var(--brand-blue)}.table-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:200px;color:var(--text-muted);font-size:.85rem}.table-empty-state{display:flex;align-items:center;justify-content:center;min-height:180px;font-size:.85rem;color:var(--text-muted)}.link-btn{background:none;border:none;color:var(--brand-blue);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.leads-data-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-card)}.leads-data-table{width:100%;border-collapse:collapse;font-size:.8rem}.table-th{padding:.65rem .9rem;text-align:left;font-size:.71rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-surface-elevated);border-bottom:1px solid var(--border);white-space:nowrap}.table-th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.25rem}.table-th.sortable:hover{color:var(--text-primary)}.table-th-actions{width:52px}.table-row{border-bottom:1px solid var(--border-subtle);transition:background .12s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-surface-elevated)}.table-td{padding:.6rem .9rem;color:var(--text-primary);vertical-align:middle;max-width:200px}.table-td-center{text-align:center}.table-td-notes{max-width:160px}.table-td-actions{text-align:center}.table-name-text{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:160px}.table-company-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;background:var(--brand-blue-surface);border-radius:var(--radius-full);color:var(--brand-blue);font-size:.7rem;font-weight:600;white-space:nowrap}.table-phone-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--call-emerald-dark);font-size:.78rem;font-weight:600;text-decoration:none;white-space:nowrap}.table-email-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--brand-blue);font-size:.76rem;text-decoration:none;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.table-empty-cell{color:var(--text-muted);font-size:.75rem}.table-notes-text{font-size:.76rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.btn-table-row-delete{width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--rose-border);color:var(--rose-text);cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:background .12s}.btn-table-row-delete:hover:not(:disabled){background:var(--rose-surface)}.btn-table-row-delete:disabled{opacity:.4;cursor:default}.table-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.btn-page{height:34px;padding:0 .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .12s}.btn-page:hover:not(:disabled){background:var(--bg-surface-elevated)}.btn-page:disabled{opacity:.4;cursor:default}.page-info{font-size:.8rem;color:var(--text-muted);font-weight:600}.modal-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-confirm-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:1.75rem;max-width:420px;width:calc(100% - 2rem);box-shadow:0 20px 50px #0f172a33;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.modal-confirm-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-bottom:.6rem}.modal-confirm-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1.25rem}.modal-confirm-actions{display:flex;gap:.65rem;justify-content:flex-end}@media(min-width:768px){.native-main-canvas{max-width:100%}.dialer-screen,.history-screen,.settings-screen{max-width:640px;margin:0 auto;padding:1.5rem 1.5rem 2rem}}