:root{color:#09061f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#09061f;--muted:#4f5f75;--subtle:#748197;--line:#09061f1f;--line-strong:#3148c038;--canvas:#f2efe9;--surface:#fff;--surface-soft:#f8fafc;--surface-blue:#edf7fa;--surface-selected:#dff1f5;--primary:#3148c0;--primary-deep:#0d2f7a;--secondary:#57a1ad;--warning:#f4763a;--danger:#b91c2c;--danger-soft:#fb363c1a;--success-soft:#57a1ad2e;--warning-soft:#f4763a24;--shadow-tight:0 4px 8px #09061f14;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;background:#f2efe9;font-family:Rubik,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:radial-gradient(circle at 0 58%, #f4763a29, transparent 20rem), radial-gradient(circle at 100% 0, #3148c021, transparent 18rem), linear-gradient(180deg, #fffaf4 0%, var(--canvas) 48%, #f8fbff 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}code{font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.82rem}#root{min-height:100vh}.app-shell{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.status-panel{border:1px solid var(--line);width:min(100%,1440px);min-height:min(820px,100vh - 48px);box-shadow:var(--shadow-tight);background:#ffffffdb;border-radius:18px;grid-template-rows:auto auto 1fr;display:grid;overflow:hidden}.panel-header{min-height:76px;padding:var(--space-3) var(--space-5);gap:var(--space-4);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;display:flex}.brand-lockup{gap:var(--space-3);align-items:center;min-width:0;display:flex}.solo-mark{border:3px solid var(--primary);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:inline-grid;position:relative;transform:rotate(-10deg)}.solo-mark:before,.solo-mark:after,.solo-mark span{content:"";border-radius:999px;display:block}.solo-mark:before{border:7px solid var(--primary);position:absolute;inset:7px}.solo-mark:after{background:var(--primary);width:8px;height:8px}.brand-name,.brand-subtitle,.eyebrow,.supporting-copy,.muted-copy,.message-body p,.message-meta span,.info-list,.info-card-header p{margin:0}.brand-name{color:var(--primary);font-size:1.35rem;font-weight:700;line-height:1}.brand-subtitle{color:var(--ink);white-space:nowrap;font-size:.72rem;line-height:1.15}.title-block{margin-left:var(--space-5);padding-left:var(--space-5);border-left:1px solid #09061f47}.eyebrow{color:var(--primary);font-size:.76rem;font-weight:700}.status-panel h1,.workspace-card h2,.warning-card h2,.action-card h2,.info-title{color:#0a234d;text-wrap:balance;margin:0}.status-panel h1{letter-spacing:0;font-size:1.85rem;line-height:1.1}.top-actions,.workspace-header,.workspace-nav,.search-row,.import-banner,.chat-row-top,.chat-row-bottom,.composer-actions,.message-action-group,.nav-tabs,.toggle-row{gap:var(--space-3);align-items:center;display:flex}.top-actions{justify-content:flex-end}.tool-button,.ghost-button,.secondary-button,.primary-button,.danger-button,.nav-button{border:0;border-radius:8px;min-height:44px;font-weight:700;transition:background-color .18s,color .18s,transform .18s,border-color .18s}.tool-button{width:44px;color:var(--primary);background:0 0;border:1px solid #0000;padding:0}.tool-button:hover,.ghost-button:hover,.nav-button:hover{background:#3148c014}.tool-button:focus-visible,.ghost-button:focus-visible,.secondary-button:focus-visible,.primary-button:focus-visible,.danger-button:focus-visible,.nav-button:focus-visible,.chat-row:focus-visible,.contact-row:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #3148c03d}.status-chip,.error-banner{margin:var(--space-3) var(--space-5) 0;padding:var(--space-3) var(--space-4);border-radius:12px}.status-chip{color:#234657;background:var(--success-soft)}.error-banner,.error-inline{color:var(--danger)}.error-banner{background:var(--danger-soft)}.workspace-shell{grid-template-rows:auto 1fr;min-height:0;display:grid}.workspace-nav{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);background:#ffffffc7;justify-content:space-between}.nav-tabs{flex-wrap:wrap}.workspace-grid,.detail-grid,.warning-list,.phonebook-sections,.detail-stack,.contact-list,.chat-list,.message-list,.stack-form,.empty-state,.mode-lock,.message-body,.message-meta,.info-list,.info-card,.info-section{gap:var(--space-3);display:grid}.workspace-grid{min-height:0;padding:var(--space-4);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.inbox-grid{grid-template-columns:minmax(270px,360px) minmax(420px,1fr) minmax(240px,300px);gap:0;height:100%;padding:0}.workspace-card{min-width:0;padding:var(--space-4);background:#ffffffc7;align-content:start}.chat-list-card,.dialogue-card,.info-card{border-right:1px solid var(--line);min-height:640px}.info-card{border-right:0}.dialogue-card{background:radial-gradient(circle at 100% 0,#a3cad43d,#0000 16rem),linear-gradient(#ffffffe6,#f2efe99e);position:relative;container-type:inline-size}.workspace-header{justify-content:space-between;align-items:center}.dialogue-card>.workspace-header{border-bottom:1px solid var(--line);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffffb8;justify-content:flex-start}.supporting-copy{max-width:66ch;color:var(--muted)}.supporting-copy.compact{margin-top:var(--space-2)}.status-pill,.section-letter,.unread-pill{border-radius:999px;justify-content:center;align-items:center;font-size:.76rem;font-weight:800;display:inline-flex}.status-pill{min-height:28px;color:var(--ink);white-space:nowrap;background:#09061f12;padding:5px 10px}.status-pill.is-success{color:#0d525d;background:var(--success-soft)}.status-pill.is-warning{color:#8b3f14;background:var(--warning-soft)}.ghost-button,.secondary-button,.primary-button,.danger-button,.nav-button{padding:10px 14px}.ghost-button{color:#193462;background:#eef3f8}.secondary-button{color:#fff;background:var(--secondary)}.primary-button{color:#fff;background:var(--primary)}.danger-button{color:#fff;background:var(--danger)}.nav-button{color:#11254c;background:#f1f4f8}.nav-button.is-active{color:#fff;background:var(--primary)}.ghost-button:disabled,.secondary-button:disabled,.primary-button:disabled,.danger-button:disabled,.nav-button:disabled{cursor:not-allowed;opacity:.58}.action-grid,.session-grid{gap:var(--space-4);padding:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.warning-card,.action-card,.confirmation-panel,.resolution-card,.code-panel,.import-banner,.empty-state,.mode-lock{padding:var(--space-4);border:1px solid var(--line);background:var(--surface);border-radius:12px}.warning-list{padding:var(--space-4) var(--space-5) 0}.warning-card.is-critical{background:var(--danger-soft);border-color:#fb363c47}.warning-card.is-warning{background:var(--warning-soft);border-color:#f4763a47}.warning-card.is-operational{background:#57a1ad1a;border-color:#57a1ad47}.code-panel,.resolution-card,.confirmation-panel{margin-top:var(--space-3)}.code-label,.metric-label,.stack-form span,.composer-label{color:var(--muted);font-size:.82rem;font-weight:700;display:block}.code-panel code{margin-top:var(--space-2);padding:var(--space-3);overflow-wrap:anywhere;background:#eef3f8;border-radius:10px;display:block}.checkbox-row{align-items:flex-start;gap:var(--space-2);margin:var(--space-3) 0;display:flex}.search-row{margin:var(--space-3) 0;align-items:stretch}.search-row input,.stack-form input,.composer textarea{width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);background:#fffffff5;border-radius:10px;padding:11px 13px}.search-row input::placeholder,.stack-form input::placeholder,.composer textarea::placeholder{color:#64748b;opacity:1}.search-row input{flex:1}.import-banner{background:var(--surface-blue);justify-content:space-between}.phonebook-section{gap:var(--space-2);display:grid}.section-letter{width:fit-content;min-width:28px;color:var(--primary);background:#3148c014;padding:4px 8px}.search-results,.search-section{gap:var(--space-3);display:grid}.search-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted);font-size:.84rem;display:flex}.contact-row,.chat-row{gap:var(--space-1) var(--space-3);text-align:left;width:100%;padding:var(--space-3);border:1px solid #0000;border-bottom-color:var(--line);background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr);display:grid}.contact-row{border:1px solid var(--line);background:#ffffffb8;border-radius:12px}.contact-row.is-selected,.chat-row.is-selected{border-color:var(--line-strong);background:var(--surface-selected);border-radius:12px}.chat-row:hover,.contact-row:hover{background:#f5f9fb}.avatar{color:#fff;border-radius:999px;flex:none;grid-row:span 2;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:inline-flex}.dialogue-avatar{width:42px;height:42px}.info-avatar{width:62px;height:62px;margin:var(--space-2) auto;font-size:1.1rem}.tone-blue{background:#42679e}.tone-teal{background:#27a89a}.tone-violet{background:#b17cf2}.tone-rose{background:#f06f98}.tone-coral{background:#ff845f}.tone-cyan{background:#167c9b}.contact-name,.detail-title,.chat-row strong{font-size:.94rem;font-weight:800}.contact-meta,.chat-row-bottom>span:first-child{color:var(--muted);overflow-wrap:anywhere}.contact-name,.contact-meta{grid-column:2}.chat-row-top,.chat-row-bottom{grid-column:2;justify-content:space-between;align-items:flex-start;min-width:0}.chat-row-top span,.chat-row-meta,.message-meta,.info-card-header p,.info-list dt{color:var(--muted);font-size:.78rem}.chat-row-bottom>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-row-meta{gap:var(--space-2);white-space:nowrap;align-items:center;display:inline-flex}.unread-pill{color:#fff;background:var(--primary);min-width:22px;min-height:22px;padding:2px 7px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.detail-grid code,.detail-grid strong{overflow-wrap:anywhere}.message-list{align-content:start;gap:var(--space-2);max-height:470px;padding:var(--space-2) var(--space-2) var(--space-2) 0;overflow:auto}.date-separator{margin:var(--space-2) 0;justify-content:center;width:100%;display:flex}.date-separator span{color:var(--muted);background:#09061f12;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}.message-bubble{gap:var(--space-2);max-width:min(82%,520px);padding:var(--space-3);border:1px solid var(--line);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;border-radius:12px;display:grid}.message-bubble.is-inbound{background:var(--surface);justify-self:start}.message-bubble.is-outbound{background:#dff1f5;border-color:#57a1ad61;justify-self:end}.message-bubble.is-highlighted{border-color:var(--primary)}.message-body,.message-meta{gap:var(--space-2)}.message-action-group{gap:var(--space-2);flex-wrap:wrap}.message-action-group .ghost-button{min-height:28px;color:var(--muted);background:0 0;padding:4px 8px}.message-reply-preview{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--line);background:#ffffffb3;border-radius:10px;display:grid}.message-image{object-fit:cover;border-radius:10px;width:min(66.67cqw,420px);max-width:100%;height:auto;max-height:320px;display:block}.message-media a{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.composer{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);display:grid}.composer textarea{resize:vertical;min-height:44px;max-height:140px}.composer input[type=file]{max-width:100%;color:var(--muted)}.composer-actions{justify-content:space-between;align-items:flex-end}.info-card{background:#ffffffb8}.info-card-header{text-align:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.info-title{font-size:1.05rem;font-weight:800;display:block}.info-section{padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.info-section:last-child{border-bottom:0}.info-list{gap:var(--space-2)}.info-list div{justify-content:space-between;gap:var(--space-3);display:flex}.info-list dd{color:var(--ink);text-align:right;margin:0;font-weight:700}.attachment-strip{gap:var(--space-2);align-items:center;display:flex}.attachment-thumb,.attachment-more{border:1px solid var(--line);width:52px;height:52px;color:var(--primary);background:#eef3ff;border-radius:10px;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.attachment-thumb.is-pdf{color:var(--danger);background:#fff2f3}.attachment-more{color:var(--muted);background:var(--surface-soft)}.toggle-row{min-height:32px;color:var(--muted);justify-content:space-between;font-size:.88rem}.toggle-row input{width:36px;height:20px;accent-color:var(--primary)}.mode-lock{background:#f5f7fa;border-style:dashed}@supports not (container-type:inline-size){.message-image{width:280px}}@media (width<=1180px){.inbox-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.info-card{display:none}.dialogue-card{border-right:0}}@media (width<=900px){.app-shell{padding:0}.status-panel{border:0;border-radius:0;min-height:100vh}.panel-header{align-items:flex-start}.title-block{display:none}.workspace-grid,.inbox-grid{grid-template-columns:1fr}.chat-list-card,.dialogue-card,.info-card{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.message-list{max-height:none}}@media (width<=640px){.panel-header,.workspace-header,.import-banner,.search-row,.composer-actions{flex-direction:column;align-items:stretch}.top-actions{justify-content:space-between;width:100%}.workspace-nav{flex-direction:column;align-items:stretch}.nav-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nav-button{padding-inline:8px}.workspace-card,.workspace-grid{padding:var(--space-3)}.message-bubble{max-width:92%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}