@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--color-primary: #2B44C4;--color-primary-light: #E7EAFB;--color-primary-dark: #22368F;--color-ai: #6D28D9;--color-ai-light: #F1EDFC;--color-answer: #16A34A;--color-answer-text: #15803D;--color-answer-light: #DCFCE7;--color-end: #DC2626;--color-end-text: #C2242C;--color-end-light: #FEE2E2;--color-warning: #A15C07;--color-warning-light: #FEF3C7;--color-app-bg: #F4F5F9;--color-card: #EEF0F6;--color-subtle: #E6E9F1;--color-border: #DFE3EC;--color-white: #FFFFFF;--color-text: #111827;--color-text-secondary:#42506B;--color-text-muted: #5C6B85;--color-text-inv: #FFFFFF;--color-avatar-bg: #E7EAFB;--color-avatar-text: #22368F;--color-avatar-ai-bg: #F1EDFC;--color-avatar-ai-text:#6D28D9;--color-bubble-in: #FFFFFF;--color-bubble-out: #2B44C4;--color-online: #16A34A;--backdrop: rgba(17, 24, 39, .45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", "SF Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-card: 0 1px 2px rgba(17, 24, 39, .04), 0 2px 6px rgba(17, 24, 39, .04);--shadow-nav: 0 -1px 0 var(--color-border), 0 -6px 20px rgba(17, 24, 39, .05);--shadow-modal: 0 -8px 40px rgba(17, 24, 39, .18);--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: 80ms var(--ease-out);--transition-base: .15s var(--ease-out);--z-sticky: 50;--z-nav: 100;--z-backdrop: 200;--z-sheet: 210;--z-toast: 300;--nav-height: 64px;--screen-max: 430px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:1.5;color:var(--color-text);background:var(--color-app-bg);display:flex;justify-content:center;min-height:100dvh;overflow-x:hidden}#root{width:100%;max-width:var(--screen-max);position:relative;background:var(--color-app-bg);overflow:hidden;min-height:100dvh}@media (min-width: 500px){body{background:#e9ebf2}#root{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);box-shadow:0 0 40px #11182714}.bottom-nav{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}img,svg{display:block;max-width:100%}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-answer{color:var(--color-answer)}.text-end{color:var(--color-end)}.text-warning{color:var(--color-warning)}.text-inv{color:var(--color-text-inv)}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.tracking-wide{letter-spacing:.04em}.tracking-wider{letter-spacing:.08em}.uppercase{text-transform:uppercase}.section-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);padding:var(--space-4) var(--space-4) var(--space-2)}.app-shell{display:flex;flex-direction:column;height:100dvh;padding-top:var(--safe-top)}.app-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);background:var(--color-app-bg);position:sticky;top:0;z-index:var(--z-sticky)}.app-header__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.01em}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-4))}.screen::-webkit-scrollbar{display:none}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dial-display{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-medium);text-align:center;letter-spacing:.03em;padding:var(--space-6) var(--space-4) var(--space-4);min-height:80px;color:var(--color-text);white-space:nowrap}.dial-display.compact{font-size:var(--text-xl);padding-top:calc(var(--space-6) + 4px)}.dial-display.placeholder{color:var(--color-text-muted);font-weight:var(--weight-normal);font-size:var(--text-lg)}.dial-display-wrap{position:relative}.dial-backspace{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition-fast)}.dial-backspace:hover{color:var(--color-text-secondary)}.dial-backspace:active{color:var(--color-text)}.dial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-3)}.dial-key{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-2);min-height:60px;gap:2px;transition:transform var(--transition-fast),background var(--transition-fast);user-select:none;-webkit-user-select:none}.dial-key:hover{background:var(--color-app-bg)}.dial-key:active{transform:scale(.96);background:var(--color-card)}.dial-key__number{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:1;color:var(--color-text)}.dial-key__letters{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.1em;color:var(--color-text-muted);min-height:14px}.dial-actions{display:flex;justify-content:center;gap:var(--space-5);padding:var(--space-3) var(--space-3) var(--space-5)}.dial-action-btn{width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-white);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);color:var(--color-text-secondary)}.dial-action-btn:hover{filter:brightness(.96)}.dial-action-btn:active{transform:scale(.94)}.dial-action-btn.answer{background:var(--color-answer);border:none;color:var(--color-text-inv);box-shadow:0 6px 18px #16a34a4d}.dial-action-btn.end{background:var(--color-end);border:none;color:var(--color-text-inv);box-shadow:0 6px 18px #dc26264d}.dial-action-btn.message{background:var(--color-primary);border:none;color:var(--color-text-inv);box-shadow:0 6px 18px #2b44c44d}.dial-action-btn:disabled{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-muted);box-shadow:none;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.badge--online{background:var(--color-primary-light);color:var(--color-primary)}.badge--active{background:var(--color-answer-light);color:var(--color-answer-text)}.badge--missed{background:var(--color-end-light);color:var(--color-end-text)}.badge--away{background:var(--color-warning-light);color:var(--color-warning)}.badge--unread{background:var(--color-primary-light);color:var(--color-primary)}.badge--ai{background:var(--color-ai-light);color:var(--color-ai)}.badge--caps{text-transform:capitalize}.unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inv);font-size:var(--text-xs);font-weight:var(--weight-bold)}.icon-action{width:44px;height:44px;min-width:44px;border-radius:var(--radius-md);background:var(--color-white);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:transform var(--transition-fast),background var(--transition-fast)}.icon-action:hover{background:var(--color-app-bg)}.icon-action:active{transform:scale(.93);background:var(--color-card)}.icon-action:disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-muted)}.icon-action--sm{width:36px;height:36px;min-width:36px}.icon-action--xs{width:32px;height:32px;min-width:32px}.icon-action--answer{color:var(--color-answer)}.icon-action--primary{color:var(--color-primary)}.icon-action--danger{color:var(--color-end-text)}.avatar{width:40px;height:40px;min-width:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);position:relative;background:var(--color-avatar-bg);color:var(--color-avatar-text)}.avatar--ai{background:var(--color-avatar-ai-bg);color:var(--color-avatar-ai-text)}.avatar--lg{width:52px;height:52px;min-width:52px;font-size:var(--text-md)}.avatar__online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-online);border:2px solid var(--color-white)}.contact-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);min-height:44px;background:var(--color-white);text-align:left;transition:background var(--transition-fast)}.contact-row:hover{background:var(--color-app-bg)}.contact-row:active{background:var(--color-card)}.contact-row__info{flex:1;min-width:0}.contact-row__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row__sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row__end{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.row-icon{width:36px;height:36px;min-width:36px;border-radius:var(--radius-md);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.row-icon--ai{background:var(--color-ai-light);color:var(--color-ai)}.chat-thread{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.bubble-wrap{display:flex;flex-direction:column;max-width:78%;gap:4px}.bubble-wrap--in{align-self:flex-start;align-items:flex-start}.bubble-wrap--out{align-self:flex-end;align-items:flex-end}.bubble{padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:1.45;word-break:break-word;white-space:pre-wrap;display:flex;flex-direction:column;gap:var(--space-2)}.bubble--in{background:var(--color-bubble-in);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px}.bubble--out{background:var(--color-bubble-out);color:var(--color-text-inv);border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg)}.bubble__meta{display:flex;align-items:baseline;gap:var(--space-2)}.bubble__time{font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-1)}.bubble__status{font-size:var(--text-xs);color:var(--color-text-muted);padding:0;border:none;background:none;font-family:inherit}.bubble__status--failed{color:var(--color-end-text);font-weight:var(--weight-semibold)}button.bubble__status--failed{cursor:pointer;text-decoration:underline}.bubble__ai-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-ai);padding:0 var(--space-1)}.bubble__media{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bubble__img{display:block;max-width:100%;max-height:260px;border-radius:var(--radius-md);object-fit:contain;background:var(--color-app-bg)}.bubble__file{font-size:var(--text-sm);color:inherit;text-decoration:underline;word-break:break-all}.bubble__media-loading,.bubble__media-error{font-size:var(--text-xs);opacity:.7}.summary-card{align-self:center;width:100%;max-width:92%;background:var(--color-bubble-in);border:1px solid var(--color-border);border-left:3px solid var(--color-ai);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:0 1px 2px #0000000a}.summary-card__head{display:flex;align-items:center;gap:var(--space-2)}.summary-card__icon{font-size:var(--text-base);line-height:1}.summary-card__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-ai);letter-spacing:.04em}.summary-card__subtitle{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.summary-card__body{font-size:var(--text-base);line-height:1.45;color:var(--color-text);word-break:break-word;white-space:pre-wrap}.summary-card__time{font-size:var(--text-xs);color:var(--color-text-muted);align-self:flex-end}.conversation-list{display:flex;flex-direction:column;gap:var(--space-3)}.conversation-preview{font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar{display:flex;align-items:center;gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin:0 var(--space-4);transition:border-color var(--transition-base)}.search-bar:focus-within{border-color:var(--color-primary)}.search-bar input{flex:1;font-size:var(--text-base);color:var(--color-text)}.search-bar input::placeholder{color:var(--color-text-muted)}.nav-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.nav-tile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);transition:transform var(--transition-fast),background var(--transition-fast)}.nav-tile:hover{background:var(--color-app-bg)}.nav-tile:active{transform:scale(.97);background:var(--color-card)}.nav-tile__icon{color:var(--color-primary)}.hero-card{margin:var(--space-4);padding:var(--space-5);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.hero-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}.hero-card__header{margin-bottom:var(--space-1)}.hero-card__desc{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);min-height:44px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold);transition:transform var(--transition-fast),filter var(--transition-fast),background var(--transition-fast)}.btn:hover{filter:brightness(.96)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--outline{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);width:100%}.btn--primary{background:var(--color-primary);color:var(--color-text-inv)}.btn--primary:hover{background:var(--color-primary-dark);filter:none}.btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);min-height:40px}.btn--destructive{background:var(--color-white);border:1px solid var(--color-end);color:var(--color-end-text);width:100%}.btn--destructive:active{background:var(--color-end-light)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.input{width:100%;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);transition:border-color var(--transition-base)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary);outline:none}textarea.input{resize:vertical;min-height:80px}.input--select{appearance:none}.input--grow{flex:1}.input--grow-2{flex:2}.form-error{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-end-light);color:var(--color-end-text);font-size:var(--text-sm)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--screen-max);height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-white);box-shadow:var(--shadow-nav);display:flex;z-index:var(--z-nav)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);padding-top:var(--space-2);transition:color var(--transition-base);position:relative}.nav-tab:hover{color:var(--color-text-secondary)}.nav-tab.active{color:var(--color-primary);font-weight:var(--weight-semibold)}.nav-tab__badge{position:absolute;top:6px;right:calc(50% - 18px)}.dial-pad-card{margin:var(--space-4)}.dial-error-wrap{padding:var(--space-2) var(--space-4);text-align:center}.divider{height:1px;background:var(--color-subtle);margin:0}.list-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin:0 var(--space-4)}.list-card>*+*{border-top:1px solid var(--color-subtle)}.screen-stack{display:flex;flex-direction:column;gap:var(--space-3)}.screen-stack--loose{gap:var(--space-4)}.screen-stack--inset-top{padding-top:var(--space-2)}.inline-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);position:sticky;top:0;background:var(--color-app-bg);z-index:var(--z-sticky)}.inline-header__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.state-note{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.state-note--lg{padding:var(--space-8)}.state-note--error{color:var(--color-end-text)}.sheet-backdrop{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-backdrop);animation:backdrop-in .2s var(--ease-out)}.sheet{width:100%;max-width:var(--screen-max);max-height:85dvh;z-index:var(--z-sheet);display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-modal);padding-bottom:var(--safe-bottom);animation:sheet-up .2s var(--ease-out)}.sheet__handle{width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-border);margin:var(--space-2) auto 0}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-subtle)}.sheet__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.sheet__body{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-12) var(--space-6)}.empty-state__icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.empty-state__icon--ai{background:var(--color-ai-light);color:var(--color-ai)}.empty-state__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.empty-state__desc{font-size:var(--text-base);color:var(--color-text-secondary);max-width:32ch}.empty-state .btn{margin-top:var(--space-3)}.onboarding-screen{padding:var(--space-2) var(--space-4) var(--space-6);max-width:480px;width:100%;margin:0 auto}.onboarding-screen__head{display:flex;flex-direction:column;gap:var(--space-1)}.onboarding-screen__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.onboarding-screen__hint{font-size:var(--text-sm);margin-top:var(--space-1)}.onboarding-screen__actions{display:flex;gap:var(--space-2)}.onboarding-screen__actions .btn{flex:1}.nudge-banner{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-4) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-sm)}.nudge-banner__text{flex:1}.nudge-banner__cta{font-weight:var(--weight-semibold);color:var(--color-primary);white-space:nowrap}.nudge-banner__dismiss{color:var(--color-primary)}.profile-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--space-2)}.profile-summary__name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.action-row{display:flex;justify-content:center;gap:var(--space-4);padding:0 var(--space-4)}.info-section{padding:var(--space-3) var(--space-4)}.info-section__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.info-section__value{font-size:var(--text-base);color:var(--color-text)}.info-section__value--mono{font-family:var(--font-mono)}.info-section__value--primary{color:var(--color-primary)}.info-section__value--muted{color:var(--color-text-muted)}.info-list,.field-stack{display:flex;flex-direction:column;gap:var(--space-2)}.info-row,.field-row{display:flex;align-items:center;gap:var(--space-2)}.info-row{justify-content:space-between}.info-cluster{display:flex;align-items:center;gap:var(--space-2)}.info-meta{display:flex;align-items:center;gap:var(--space-1)}.field-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-subtle)}.form-stack{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4)}.thread-screen{display:flex;flex-direction:column;height:100%}.thread-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border-bottom:1px solid var(--color-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.thread-header__title{flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}.thread-header__name{font-weight:var(--weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-header__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-body{flex:1;background:var(--color-app-bg)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-card) 25%,var(--color-subtle) 50%,var(--color-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.gap-3{gap:var(--space-3)}.gap-2{gap:var(--space-2)}.gap-1{gap:var(--space-1)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.chat-input-bar{position:sticky;bottom:0;background:var(--color-white);border-top:1px solid var(--color-subtle);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}.chat-input-controls{display:flex;gap:var(--space-2);align-items:flex-end}.attach-btn,.emoji-btn{flex:0 0 auto;color:var(--color-text-muted)}.emoji-btn[aria-expanded=true]{color:var(--color-primary)}.emoji-picker-panel{position:relative;border:1px solid var(--color-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.emoji-picker-panel em-emoji-picker{width:100%;height:320px;--border-radius: 0;--shadow: none}.emoji-picker-panel--loading{display:flex;align-items:center;justify-content:center;height:320px;color:var(--color-text-muted);font-size:var(--text-sm)}.emoji-picker-panel__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-full);background:var(--color-card);color:var(--color-text-muted);cursor:pointer}.emoji-suggestion-strip{display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-1) 0}.emoji-suggestion{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-subtle);border-radius:var(--radius-md);background:var(--color-card);font-size:22px;line-height:1;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.emoji-suggestion:hover{background:var(--color-app-bg)}.emoji-suggestion:active{transform:scale(.9)}.compose-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.compose-attachment{position:relative;width:64px;height:64px;flex:0 0 auto;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-subtle);background:var(--color-app-bg)}.compose-attachment .bubble__img{width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover}.compose-attachment .bubble__media-loading,.compose-attachment .bubble__media-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--text-xs);text-align:center;padding:var(--space-1)}.compose-attachment__remove{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-full);background:#0009;color:#fff;cursor:pointer}.compose-attachment--loading{font-size:var(--text-xs);color:var(--color-text-muted)}.compose-upload-error{font-size:var(--text-xs);color:var(--color-end-text)}.chat-input{flex:1;background:var(--color-card);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);font-size:var(--text-base);resize:none;max-height:120px;overflow-y:auto;color:var(--color-text)}.chat-input::placeholder{color:var(--color-text-muted)}.send-btn{width:44px;height:44px;min-width:44px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inv);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2b44c44d;transition:transform var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast)}.send-btn:hover{background:var(--color-primary-dark)}.send-btn:active{transform:scale(.93)}.send-btn:disabled{opacity:.4}.typing-indicator{display:inline-flex;gap:4px;align-items:center;margin:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:fit-content}.typing-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-text-muted);animation:typing-pulse 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-status__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.site-status__brand{font-weight:var(--weight-semibold);color:var(--color-text)}.site-status__sub{font-size:var(--text-sm);color:var(--color-text-muted)}.site-status__meta{padding:0 var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.site-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4)}.site-editor{margin:0 var(--space-4);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.site-testimonial{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.site-testimonial__row{display:flex;align-items:center;gap:var(--space-2)}.site-admin__preview{display:flex;flex-direction:column}.site-preview__frame{width:100%;min-height:480px;border:0;background:var(--color-white)}.ledger-wrap{margin:0 var(--space-4);overflow-x:auto}.ledger{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;font-size:var(--text-base)}.ledger th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);background:var(--color-card)}.ledger td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-subtle)}.ledger__mono{font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap}@media (prefers-reduced-motion: reduce){.sheet,.sheet-backdrop{animation:none}.skeleton{animation:none;background:var(--color-card)}.typing-dot{animation:none;opacity:.6}.spin{animation-duration:1.6s}.btn:active,.dial-key:active,.dial-action-btn:active,.icon-action:active,.nav-tile:active,.send-btn:active{transform:none}}@media (min-width: 1024px){#root{max-width:none;border:0;box-shadow:none}.desktop-shell{display:flex;height:100dvh;background:var(--color-app-bg)}.desktop-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.desktop-content>:not(.panes){width:100%;max-width:720px;margin-left:auto;margin-right:auto}.desktop-content .dial-pad-card{max-width:420px;margin-left:auto;margin-right:auto}.side-nav{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3)}.side-nav__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.01em;padding:0 var(--space-3)}.side-nav__items{display:flex;flex-direction:column;gap:var(--space-1)}.side-nav__tab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--weight-medium);text-align:left;transition:color var(--transition-base),background var(--transition-base)}.side-nav__tab:hover{color:var(--color-text-secondary);background:var(--color-card)}.side-nav__tab.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:var(--weight-semibold)}.side-nav__badge{margin-left:auto}.side-nav__footer{margin-top:auto;padding:0 var(--space-3)}.panes{flex:1;min-height:0;display:flex}.panes__list{width:340px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border);padding-top:var(--space-2)}.panes__detail{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.panes__detail>*,.site-admin__main>*{flex-shrink:0}.panes .thread-header__back,.panes .contact-detail__back{display:none}.empty-detail{margin:auto}.contacts-panes__detail>*{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.contacts-panes__detail>.empty-detail{margin:auto}.dialer-panes__pad{width:452px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border)}.dialer-panes__contacts{width:auto;flex:1;min-width:0;border-right:0}.desktop-content .contact-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.panes .thread-screen{position:relative}.thread-drop-overlay{position:absolute;inset:var(--space-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:2px dashed var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);pointer-events:none;z-index:var(--z-sticky)}.site-admin__main{width:480px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border)}.site-admin__preview{flex:1;min-width:0;min-height:0}.site-admin__preview .site-preview__frame{flex:1;min-height:0}}