:root{color-scheme:light;--bg: #f6f5f4;--bg-accent: #ffffff;--surface: #ffffff;--surface-elevated: #ffffff;--surface-soft: #faf9f7;--line: rgba(49, 48, 46, .11);--line-strong: rgba(49, 48, 46, .2);--text: rgba(0, 0, 0, .92);--text-soft: #4f4b47;--text-muted: #7a746e;--shadow: 0 1px 2px rgba(49, 48, 46, .04), 0 8px 28px rgba(49, 48, 46, .06);--shadow-subtle: 0 1px 2px rgba(49, 48, 46, .04);--radius-xl: 18px;--radius-lg: 14px;--radius-md: 12px;--radius-sm: 10px;--pill: 999px;--blue: #2563eb;--blue-soft: #eef4ff;--green: #16803c;--green-soft: #edf8f0;--orange: #b45309;--orange-soft: #fff4e5;--red: #c2413a;--red-soft: #fff0ee;--violet: #6d5bd0;--violet-soft: #f3f0ff;--teal: #0f766e;--teal-soft: #eaf8f6;--gray: #6f6a64;--gray-soft: #f2f1ef;--yellow: #9a6a00;--yellow-soft: #fff8d9}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8f7f5,#f2f0ed)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);padding:.72rem .82rem}input:focus,select:focus,textarea:focus{border-color:#2563eb61;box-shadow:0 0 0 3px #2563eb1a;outline:none}textarea{min-height:132px;resize:vertical}label{display:grid;gap:.5rem}label span{color:var(--text-soft);font-size:.92rem}p{margin:0;color:var(--text-soft);line-height:1.55}h1,h2,h3,strong{color:var(--text)}.app-shell{width:min(100%,1720px);margin:0 auto;padding:1rem}.app-frame{display:grid;grid-template-columns:244px minmax(0,1fr);gap:1rem;align-items:start}.sidebar-shell{position:sticky;top:1rem;display:grid;gap:.8rem;max-height:calc(100vh - 2rem);overflow:auto}.top-nav{display:grid;gap:1rem;padding:1rem;background:#ffffffdb;border:1px solid var(--line);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-subtle)}.brand-block{display:flex;align-items:center;gap:.9rem}.brand-block p{font-size:.82rem;color:var(--text-muted)}.brand-mark{width:2.4rem;height:2.4rem;border-radius:11px;display:grid;place-items:center;background:#242424;color:#fff;font-weight:800}.main-nav,.top-nav-actions,.summary-strip,.action-row,.queue-pill-row,.thread-pill-row,.queue-filter-row,.composer-tags{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.main-nav{display:grid;gap:.35rem;justify-content:stretch}.top-nav-actions{display:grid;gap:.45rem}.nav-button,.toolbar-button,.view-card,.queue-row,.stage-card,.contact-row,.settings-link{border:1px solid transparent;transition:.18s ease}.nav-button{width:100%;border-radius:10px;padding:.68rem .72rem;background:transparent;color:var(--text-soft);display:inline-flex;align-items:center;gap:.6rem;font-weight:600}.nav-button.active,.nav-button:hover{color:var(--text);background:#ebe8e4;border-color:#31302e29}.nav-button:focus-visible{outline:3px solid rgba(37,99,235,.16);outline-offset:2px}.nav-dot{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;opacity:.65}.summary-strip{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 .15rem}.summary-strip .pill{font-size:.7rem;padding:.28rem .5rem}.page-shell{display:grid;min-width:0}.screen-surface,.surface,.section-card,.message-card,.composer-card,.login-card,.contact-hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-subtle)}.surface{border-radius:var(--radius-xl);padding:1rem}.surface-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.surface-header h2,.section-card h3,.queue-toolbar h3,.thread-header h3,.contact-hero h3{margin:0;font-size:1.5rem;letter-spacing:-.03em}.surface-header p{margin-top:.45rem}.screen-stack,.screen-grid{display:grid;gap:.9rem}.inbox-grid{grid-template-columns:minmax(320px,.72fr) minmax(0,1.4fr);column-gap:1.2rem}.contacts-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:start}.settings-grid{grid-template-columns:300px minmax(0,1fr)}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.queue-column,.conversation-workspace,.contact-detail,.settings-nav{display:grid;gap:1rem}.conversation-workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr)}.conversation-main,.context-rail{display:grid;gap:1rem}.queue-toolbar,.thread-header,.contact-row-head,.stage-card-top,.view-card-top,.message-head,.stack-row,.settings-link-top{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.view-grid,.stage-selector,.stack-list,.queue-list,.contact-list,.form-grid,.definition-list,.timeline{display:grid;gap:.9rem}.contact-list{align-content:start}.view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.queue-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-selector{grid-template-columns:repeat(5,minmax(0,1fr))}.view-card,.stage-card,.queue-row,.contact-row,.settings-link,.section-card,.composer-card,.contact-hero,.login-card{border-radius:var(--radius-lg)}.view-card,.stage-card,.queue-row,.contact-row,.settings-link{text-align:left;background:var(--surface-soft);padding:.85rem;color:inherit}.contact-row{display:grid;gap:.6rem;align-self:start}.view-card:hover,.stage-card:hover,.queue-row:hover,.contact-row:hover,.settings-link:hover,.view-card.active,.stage-card.active,.queue-row.active,.contact-row.active,.settings-link.active{border-color:#2563eb38;background:var(--surface-elevated);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.queue-row{display:grid;gap:.85rem}.queue-row-top{display:flex;justify-content:space-between;gap:.8rem}.queue-row-top strong,.contact-row strong,.view-card strong,.stage-card strong,.settings-link strong,.stack-row strong,.message-meta span,.definition-list dt{font-size:.98rem}.queue-row-top p,.queue-row-bottom,.contact-row p,.view-card p,.stage-card p,.settings-link p,.section-card-header p,.empty-note,.login-note{color:var(--text-muted);font-size:.92rem}.queue-time,.queue-booked,time{color:var(--text-muted);white-space:nowrap;font-size:.88rem}.queue-row-bottom{display:flex;justify-content:space-between;gap:.8rem}.thread-header,.contact-hero,.section-card,.composer-card,.login-card{padding:1.2rem}.section-card{display:grid;gap:.9rem}.section-card.compact{gap:.65rem}.section-card-header h3{margin-bottom:.25rem}.message-card{border-radius:var(--radius-md);padding:1rem;max-width:88%;display:grid;gap:.75rem}.message-card.outbound{margin-left:auto;background:#eef4ff;border-color:#2563eb2e}.message-card.system{max-width:100%;background:#f6f5f4;border-style:dashed}.message-actions{display:flex;gap:1rem;flex-wrap:wrap}.link-button{border:none;background:transparent;color:#8ab4ff;padding:0}.routing-hint-inline{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.35rem;padding:.45rem .65rem;border-radius:.9rem;border:1px solid rgba(59,130,246,.16);background:#3b82f614;color:var(--text-soft);font-size:.9rem}.routing-hint-inline .pill{padding:.32rem .58rem;font-size:.76rem}.routing-hint-close{margin-left:auto;font-size:.82rem;color:#2563eb}.composer-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}.context-rail{align-content:start}.definition-list{margin:0}.definition-list div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:.8rem}.definition-list dt{color:var(--text-muted)}.definition-list dd{margin:0;color:var(--text-soft)}.stack-row{padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--line);background:#faf9f7}.stack-row.vertical{display:grid}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pill);padding:.45rem .72rem;font-size:.79rem;font-weight:700}.tone-blue{background:var(--blue-soft);color:#2563eb}.tone-green{background:var(--green-soft);color:#166534}.tone-orange{background:var(--orange-soft);color:#9a3412}.tone-red{background:var(--red-soft);color:#b91c1c}.tone-violet{background:var(--violet-soft);color:#5b21b6}.tone-gray{background:var(--gray-soft);color:#57534e}.tone-teal{background:var(--teal-soft);color:#0f766e}.tone-yellow{background:var(--yellow-soft);color:#854d0e}.toolbar-button{border-radius:var(--pill);padding:.72rem 1rem;color:var(--text);background:#fff;border-color:#94a3b81f}.toolbar-button.primary{background:var(--blue-soft);color:#1d4ed8;border-color:#3b82f659}.toolbar-button.success{background:var(--green-soft);color:#166534;border-color:#22c55e59}.toolbar-button.warning{background:var(--orange-soft);color:#9a3412;border-color:#f59e0b59}.toolbar-button.danger{background:var(--red-soft);color:#b91c1c;border-color:#ef444459}.toolbar-button.secondary{background:#faf9f7}.toolbar-label{display:inline-flex;align-items:center;max-width:100%;min-height:2.5rem;overflow:hidden;border:1px solid rgba(148,163,184,.12);border-radius:var(--pill);padding:.65rem .9rem;color:var(--text-muted);background:#faf9f7;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.search-block{display:grid;gap:.5rem}.contacts-toolbar-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.contacts-search-block{max-width:520px;flex:1 1 420px}.contacts-sort-block{min-width:220px}.contacts-filter-row{display:flex;gap:.65rem;flex-wrap:wrap}.contacts-filter-chip{border:1px solid var(--line);background:#faf9f7;color:var(--text-soft);border-radius:var(--pill);padding:.7rem 1rem}.contacts-filter-chip.active{background:var(--blue-soft);border-color:#3b82f657;color:#1d4ed8}.contact-cue-row{display:flex;gap:.45rem;flex-wrap:wrap}.contact-cue-row .pill{padding:.3rem .55rem;font-size:.76rem}.contact-activity-row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.contact-activity-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.operator-action-stack{display:grid;gap:.75rem}.operator-decision-card{display:grid;gap:.7rem;padding:.9rem;border-radius:var(--radius-md);border:1px solid var(--line);background:#faf9f7}.operator-decision-card textarea{min-height:92px}.qualification-editor-row select{min-width:240px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.single{grid-template-columns:minmax(0,1fr)}.login-surface{max-width:520px;margin-inline:auto}.login-card{display:grid;gap:1rem}.full-width{width:100%;justify-content:center}.empty-note{padding:1rem;border-radius:var(--radius-md);border:1px dashed var(--line-strong)}.demo-credentials{display:grid;gap:.35rem}.toolbar-button:disabled{opacity:.65;cursor:wait}@media(max-width:1240px){.inbox-grid,.contacts-grid,.settings-grid,.two-column-grid,.conversation-workspace,.stage-selector,.view-grid,.form-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:980px){.app-frame{grid-template-columns:minmax(0,1fr)}.sidebar-shell{position:static;max-height:none}.top-nav{grid-template-columns:minmax(0,1fr)}.main-nav{display:flex;justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem}.nav-button{width:auto;white-space:nowrap}}@media(max-width:720px){.app-shell{padding:1rem}.surface-header,.thread-header,.composer-head,.queue-row-top,.queue-row-bottom,.contact-row-head,.stage-card-top,.view-card-top,.message-head,.stack-row,.settings-link-top{grid-template-columns:minmax(0,1fr);display:grid}.definition-list div{grid-template-columns:minmax(0,1fr)}.message-card{max-width:100%}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#ffffffb8;color:#475569;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.icon-button:hover:not(:disabled),.icon-button:focus-visible{border-color:#2563eb66;background:#fff;color:#1d4ed8;transform:translateY(-1px);outline:none}.icon-button:disabled{opacity:.45;cursor:not-allowed}.queue-toolbar.calm{align-items:flex-start;gap:.85rem}.queue-toolbar.calm p{max-width:24rem}.view-segment-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.view-segment{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:#ffffffb3;color:#475569;padding:.45rem .65rem;font:inherit;font-size:.82rem;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.view-segment strong{color:#0f172a;font-size:.78rem}.view-segment:hover,.view-segment:focus-visible,.view-segment.active{background:#eff6ff;border-color:#2563eb61;color:#1d4ed8;outline:none}.view-segment.active strong{color:#1d4ed8}.view-segment.more{color:#64748b}.search-block.calm-search{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:.55rem .7rem;background:#ffffffb8}.search-block.calm-search input{border:0;padding:0;background:transparent;color:#0f172a}.search-block.calm-search input::placeholder{color:#64748b}.search-block.calm-search:focus-within{border-color:#2563eb6b;box-shadow:0 0 0 3px #2563eb1f}.search-block.calm-search input:focus{outline:none}.queue-filter-row.subtle .pill{opacity:.76;font-size:.74rem;padding:.22rem .48rem}.queue-row.compact{gap:.72rem}.queue-row-bottom.compact{align-items:center}.queue-cue-stack{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.queue-cue-stack .pill{font-size:.74rem;padding:.22rem .48rem}.thread-header.calm{align-items:flex-start}.thread-pill-row.calm .pill{font-size:.76rem;padding:.24rem .52rem}.calm-actions{align-items:center;flex-wrap:nowrap}.composer-tags.compact .pill{font-size:.75rem;padding:.22rem .5rem}.calm-composer .composer-subline{max-width:34rem}.calm-composer-grid{gap:.9rem}.composer-primary-actions{justify-content:flex-end}.advanced-toggle{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;color:#1d4ed8;font-weight:700}.chevron{transition:transform .16s ease}.chevron.open{transform:rotate(180deg)}.collapsible-content{display:grid;gap:.9rem;padding-top:.2rem}.conversation-workspace{grid-template-columns:minmax(0,1fr)}.conversation-workspace.context-open{grid-template-columns:minmax(0,1.3fr) minmax(280px,.55fr)}.context-rail.calm-context[hidden],.context-rail.calm-context [hidden]{display:none}.context-toggle{display:inline-flex}.dropdown-content{min-width:220px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:#fffffff5;box-shadow:0 18px 50px #0f172a24;padding:.35rem;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:10px;padding:.55rem .65rem;color:#1f2937;font-size:.84rem;cursor:pointer;outline:none}.dropdown-item:hover,.dropdown-item:focus,.dropdown-item[data-highlighted]{background:#eff6ff;color:#1d4ed8}.dropdown-item.muted,.dropdown-item[data-disabled]{color:#94a3b8;cursor:default}.dropdown-separator{height:1px;background:#94a3b833;margin:.35rem 0}.tooltip-content{max-width:280px;border-radius:10px;background:#0f172a;color:#fff;font-size:.76rem;line-height:1.35;padding:.45rem .6rem;box-shadow:0 12px 30px #0f172a38;z-index:60}.tooltip-arrow{fill:#0f172a}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1240px){.conversation-workspace.context-open{grid-template-columns:minmax(0,1fr)}}.stage-selector.compact{display:flex;grid-template-columns:none;gap:.45rem;flex-wrap:wrap}.stage-chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#fff;color:var(--text-soft);padding:.45rem .7rem;font:inherit;font-size:.84rem;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.stage-chip:hover,.stage-chip:focus-visible,.stage-chip.active{background:var(--blue-soft);border-color:#3b82f657;color:#1d4ed8;outline:none}.stage-chip .pill{padding:.22rem .48rem;font-size:.74rem}.contact-hero .calm-actions{align-items:center;flex-wrap:nowrap}.contact-detail .calm-composer .composer-subline{max-width:34rem}.settings-nav.compact{align-content:start;gap:.55rem}.settings-nav.compact .settings-link{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem .85rem}.settings-nav.compact .settings-link strong{font-size:.94rem}.settings-nav.compact .settings-link:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.settings-advanced-section{display:grid;gap:.8rem}.settings-advanced-section .advanced-toggle{justify-self:flex-start}.settings-filter-note{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.6rem;width:fit-content}@media(max-width:720px){.screen-stack{gap:.55rem}.stage-chip{padding:.32rem .5rem;font-size:.76rem}.contacts-filter-chip{padding:.45rem .7rem;font-size:.82rem}.contacts-toolbar-row{gap:.55rem}}.conversation-main .timeline{max-height:68vh;overflow-y:auto;padding-right:.35rem}.calendar-connection-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:.75rem}.calendar-connection-info{display:flex;flex-direction:column;gap:.2rem}.calendar-connection-info .connection-meta{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted-fg)}.calendar-connection-actions{display:flex;gap:.35rem;flex-shrink:0}.calendar-provider-buttons{display:flex;flex-wrap:wrap;gap:.5rem}