:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#e9edf4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #111827;--muted: #687386;--line: #dbe1ea;--surface: #ffffff;--surface-soft: #f6f8fb;--blue: #2563eb;--blue-soft: #eaf1ff;--green: #138a5b;--green-soft: #e8f7f0;--amber: #b66a06;--amber-soft: #fff4dc;--red: #c53b49;--red-soft: #ffeaed}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:var(--app-height);overflow:hidden}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #75a3ff;outline-offset:2px}.app-shell{display:grid;grid-template-columns:64px 310px minmax(420px,1fr) 360px;width:100vw;height:var(--app-height);min-height:640px;background:var(--surface)}.product-rail{display:flex;flex-direction:column;align-items:center;gap:20px;padding:14px 10px;color:#d7deea;background:#101725;border-right:1px solid #263145}.brand-mark{width:42px;height:42px;border:1px solid #3a465b;border-radius:8px;color:#fff;background:#1d4ed8;font-size:14px;font-weight:850;cursor:pointer}.rail-actions,.rail-footer{display:flex;flex-direction:column;gap:8px}.rail-footer{margin-top:auto;align-items:center}.rail-button,.icon-button{display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.rail-button{width:40px;height:40px;border-radius:7px;color:#96a2b6}.rail-button:hover,.rail-button.active{color:#fff;background:#263247}.rail-button svg,.icon-button svg{width:18px;height:18px}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border:2px solid #46546b;border-radius:50%;color:#fff;background:#a43c68;font-size:11px;font-weight:800}.inbox-panel{min-width:0;background:var(--surface);border-right:1px solid var(--line);overflow:hidden}.inbox-header,.chat-header,.context-header{display:flex;align-items:center;min-height:72px;padding:14px 16px;border-bottom:1px solid var(--line)}.inbox-header-actions{display:flex;align-items:center;gap:7px}.mobile-view-switcher{display:none}.inbox-header{justify-content:space-between}.eyebrow{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.eyebrow svg{width:13px;height:13px}.inbox-header h1,.context-header h2{margin:2px 0 0;font-size:19px;letter-spacing:0}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff}.icon-button:hover{background:var(--surface-soft)}.search-field{display:flex;align-items:center;gap:8px;margin:14px 14px 10px;padding:0 11px;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.search-field svg{width:16px;color:#8290a4}.search-field input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.inbox-filter{display:flex;align-items:center;justify-content:space-between;padding:7px 16px 11px;color:var(--muted);font-size:11px;font-weight:700}.inbox-filter button{display:flex;gap:4px;border:0;background:transparent;cursor:pointer}.inbox-filter svg{width:13px}.conversation-list{height:calc(var(--app-height) - 170px);overflow-y:auto}.conversation-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;width:100%;padding:12px 14px;border:0;border-top:1px solid #edf0f5;text-align:left;background:#fff;cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none}.conversation-item:hover{background:#f8faff}.conversation-item.selected{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}.avatar{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;color:#263246;font-size:11px;font-weight:850}.avatar-0{background:#c8e7e0}.avatar-1{background:#f2d2dd}.avatar-2{background:#d5dcf5}.avatar-3{background:#f4dfa9}.conversation-copy{min-width:0}.conversation-title-row{display:flex;justify-content:space-between;gap:8px}.conversation-title-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.conversation-title-row time{color:#7d899c;font-size:10px}.company-name{display:block;margin-top:2px;color:#4e5c72;font-size:10px;font-weight:700}.conversation-copy p{margin:5px 0 0;overflow:hidden;color:#738096;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.unread-count{position:absolute;right:14px;bottom:11px;min-width:18px;padding:2px 5px;border-radius:10px;color:#fff;background:var(--blue);font-size:9px;font-weight:800;text-align:center}.unread-dot{position:absolute;right:16px;bottom:16px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px #2563eb26}.conversation-context-menu{position:fixed;z-index:1000;min-width:180px;padding:5px;border:1px solid #d8e0ec;border-radius:7px;background:#fff;box-shadow:0 12px 30px #1f2a3c33}.conversation-context-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;border:0;border-radius:5px;color:#354258;background:transparent;font-size:10px;font-weight:750;cursor:pointer}.conversation-context-menu button:hover{color:#174fae;background:#edf4ff}.conversation-context-menu button>span{width:8px;height:8px;border-radius:50%;background:var(--blue)}.chat-panel{display:flex;min-width:0;flex-direction:column;background:#f3f5f8}.chat-header{gap:10px;background:#fff}.chat-person{min-width:0}.chat-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.chat-person span{color:var(--muted);font-size:11px}.chat-status{display:flex;align-items:center;gap:6px;margin-left:auto;color:#4c5a70;font-size:10px;font-weight:700}.chat-status span{width:7px;height:7px;border-radius:50%;background:#16a36b;box-shadow:0 0 0 3px #def5eb}.message-stream{flex:1;padding:26px clamp(24px,7vw,90px);overflow-y:auto;background-color:#f2f4f8;background-image:radial-gradient(#d8dde7 .7px,transparent .7px);background-size:14px 14px}.date-divider{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.date-divider span{padding:5px 11px;border:1px solid var(--line);border-radius:12px;color:#6a768a;background:#fff;font-size:10px;font-weight:700}.message-row{display:flex;margin:10px 0}.message-row.out{justify-content:flex-end}.message-bubble{position:relative;max-width:min(520px,76%);padding:11px 13px 18px;border:1px solid #dfe4eb;border-radius:7px;background:#fff;box-shadow:0 2px 8px #1f29370d}.message-row.out .message-bubble{border-color:#c7d9ff;background:#e7efff}.message-bubble strong{font-size:10px}.message-bubble p{margin:5px 0 0;font-size:13px;line-height:1.45}.message-bubble time{position:absolute;right:9px;bottom:6px;color:#7b8798;font-size:9px}.composer{display:flex;align-items:flex-end;gap:10px;padding:13px 16px;border-top:1px solid var(--line);background:#fff}.composer textarea,.note-section textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:10px;color:var(--ink);background:var(--surface-soft);outline:0;font-size:12px;line-height:1.45}.composer textarea:focus,.note-section textarea:focus{border-color:#8eb2ff;background:#fff}.send-button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:7px;color:#fff;background:var(--blue);cursor:pointer}.send-button:disabled{opacity:.4;cursor:default}.send-button svg{width:17px}.context-panel{min-width:0;border-left:1px solid var(--line);background:#f8fafc;overflow:hidden}.context-header{justify-content:space-between;background:#fff}.context-header-actions{display:flex;align-items:center;gap:7px}.context-close-mobile{display:none;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.context-close-mobile svg{width:15px}.demo-badge{padding:4px 8px;border:1px solid #bdd1ff;border-radius:12px;color:#1e55c8;background:#edf3ff;font-size:9px;font-weight:850;text-transform:uppercase}.context-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px;padding:4px;border:1px solid var(--line);border-radius:7px;background:#edf1f6}.context-tabs button{height:32px;border:0;border-radius:5px;color:#627086;background:transparent;font-size:10px;font-weight:800;cursor:pointer;text-transform:capitalize}.context-tabs button.active{color:#fff;background:var(--ink);box-shadow:0 2px 5px #0f172a2e}.context-scroll{height:calc(var(--app-height) - 130px);padding:0 12px 24px;overflow-y:auto}.client-summary,.detail-grid,.note-section,.action-card,.history-list article,.empty-state{border:1px solid var(--line);border-radius:7px;background:#fff}.client-summary{padding:14px}.client-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.client-summary h3{margin:3px 0 0;font-size:15px}.client-summary p{margin:3px 0 0;color:var(--muted);font-size:11px}.copy-id{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:#556276;background:#fff;font-size:9px;font-weight:750;cursor:pointer}.copy-id svg{width:12px;height:12px}.metric-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.metric-chip{padding:4px 7px;border-radius:12px;font-size:9px;font-weight:800;white-space:nowrap}.metric-chip.good{color:#0b7048;background:var(--green-soft)}.metric-chip.warn{color:#955600;background:var(--amber-soft)}.metric-chip.danger{color:#ad2938;background:var(--red-soft)}.metric-chip.neutral{color:#526075;background:#edf1f7}.metric-chip.info{color:#1e55c8;background:#eaf1ff}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;overflow:hidden}.detail-grid div{min-height:62px;padding:10px;border-bottom:1px solid var(--line)}.detail-grid div:nth-child(odd){border-right:1px solid var(--line)}.detail-grid div:nth-last-child(-n+2){border-bottom:0}.detail-grid span{display:block;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase}.detail-grid strong{display:block;margin-top:5px;font-size:11px;line-height:1.3}.note-section{margin-top:10px;padding:12px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title>div{display:flex;align-items:center;gap:6px}.section-title svg{width:15px;color:var(--blue)}.section-title strong{font-size:11px}.section-title>span{min-width:18px;padding:2px 5px;border-radius:9px;color:#536176;background:#edf1f7;font-size:9px;font-weight:800;text-align:center}.existing-note{margin:10px 0;padding:9px;border-left:3px solid var(--blue);color:#4e5b70;background:#f1f5ff;font-size:11px;line-height:1.45}.note-section form button{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:34px;margin-top:7px;border:0;border-radius:6px;color:#fff;background:var(--blue);font-size:10px;font-weight:800;cursor:pointer}.note-section form button:disabled{opacity:.4;cursor:default}.note-section form button svg{width:14px}.action-stack{display:grid;gap:9px}.action-card{display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:9px;padding:11px}.action-card.attention{border-color:#efc778;background:#fffaf0}.action-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:#1e58c7;background:var(--blue-soft)}.action-icon svg{width:16px}.action-card strong{display:block;font-size:11px}.action-card p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.35}.action-card>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a9c3ff;border-radius:6px;color:#1d59cb;background:#fff;cursor:pointer}.action-card>button svg{width:13px}.history-list{display:grid;gap:8px}.history-list article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:11px}.history-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#1e5bc9;background:var(--blue-soft)}.history-icon.checkpoint{color:#0f7c50;background:var(--green-soft)}.history-icon svg{width:13px}.history-list strong{font-size:10px}.history-list p{margin:3px 0;color:#566478;font-size:10px;line-height:1.4}.history-list time{color:#8a95a6;font-size:9px}.empty-state{display:grid;place-items:center;padding:30px 18px;text-align:center}.empty-state svg{width:28px;color:#6d7c92}.empty-state strong{margin-top:9px;font-size:11px}.empty-state p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.app-shell.with-context{grid-template-columns:64px 300px minmax(420px,1fr) 420px}.app-shell.without-context{grid-template-columns:64px 310px minmax(420px,1fr)}.context-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.context-tabs button{padding:0 3px;font-size:9px}.context-close-mobile{display:grid;font-size:17px;font-weight:700}.context-scroll{height:calc(var(--app-height) - 132px)}.rich-summary{padding:12px}.centered-client{align-items:center;text-align:center}.centered-client>div:first-child{flex:1;padding-left:30px}.centered-client h3{margin:0;font-size:14px}.centered-metrics{justify-content:center;margin-top:9px}.client-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.client-data-grid>div{position:relative;display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;padding:7px 5px;border:1px solid var(--line);border-radius:7px;text-align:center;background:#fff}.client-data-grid span,.operational-grid span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.client-data-grid strong{display:block;max-width:100%;margin-top:4px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.client-data-grid small{margin-top:2px;color:#815200;font-size:8px;font-weight:750}.client-data-grid button{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;color:#647087;background:transparent;cursor:pointer}.client-data-grid button svg{width:11px}.accent-plan{border-color:#efc76d!important;background:#fffaf0!important}.tone-box.good{border-color:#9adfbe!important;background:#effbf5!important}.tone-box.warn{border-color:#f0d08d!important;background:#fff9eb!important}.tone-box.danger{border-color:#efafb8!important;background:#fff2f3!important}.billing-section,.checkpoint-section,.portfolio-section,.action-context,.suggestion-card{margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fff}.contact-line{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:6px;min-height:30px;margin-top:6px;padding:4px 7px;border:1px solid #e6eaf0;border-radius:6px;color:#46546a;font-size:10px}.contact-line>svg{width:13px;color:#6c7a90}.contact-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-line button,.mini-icon-button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}.contact-line button svg,.mini-icon-button svg{width:11px}.tag-line{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tag-line span{padding:3px 7px;border:1px solid #cfd8e6;border-radius:10px;color:#526178;background:#f6f8fb;font-size:8px;font-weight:750}.centered-title{justify-content:center}.checkpoint-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.checkpoint-track button{min-height:48px;padding:5px 3px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.checkpoint-track>.control-tooltip,.checkpoint-track>.control-tooltip>button{width:100%}.checkpoint-track strong,.checkpoint-track span{display:block}.checkpoint-track strong{font-size:9px}.checkpoint-track span{margin-top:3px;font-size:8px}.checkpoint-track .done{border-color:#8eddb5;color:#0a7248;background:#eaf9f2}.checkpoint-track .due{border-color:#eca3ad;color:#ad2938;background:#ffedef}.checkpoint-track .available{border-color:#a9c4fa;color:#1757bd;background:#eef4ff}.checkpoint-track .available.extra{border-color:#efc369;color:#885100;background:#fff8e8}.checkpoint-track .missed{border-color:#efb2ba;color:#a52c3c;background:#fff1f3}.checkpoint-track .future{color:#657287;background:#f5f7fa}.checkpoint-track button:disabled{cursor:not-allowed;opacity:.78;transform:none}.control-tooltip{position:relative;display:inline-flex;min-width:0}.control-tooltip[data-tooltip]{cursor:help}.control-tooltip[data-tooltip]:after{position:absolute;z-index:1100;left:50%;bottom:calc(100% + 7px);width:max-content;max-width:230px;padding:6px 8px;border-radius:5px;color:#fff;background:#263246;box-shadow:0 5px 15px #1f2a3c38;content:attr(data-tooltip);font-size:9px;font-weight:650;line-height:1.35;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,3px);transition:opacity .12s ease,transform .12s ease}.control-tooltip[data-tooltip]:hover:after,.control-tooltip[data-tooltip]:focus-visible:after,.control-tooltip[data-tooltip]:focus-within:after{opacity:1;transform:translate(-50%)}.composer .control-tooltip{flex:0 0 auto}.note-edit-form .control-tooltip,.note-edit-form .control-tooltip>button{width:100%}.clean-note{padding:10px}.operational-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.operational-grid>button{position:relative;display:grid;grid-template-columns:28px 1fr;min-height:54px;padding:8px;border:1px solid var(--line);border-radius:7px;text-align:left;background:#fff;cursor:pointer}.operational-grid>button>svg{grid-row:1 / span 2;align-self:center;width:17px;color:var(--blue)}.operational-grid strong{display:block;margin-top:3px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.portfolio-section{padding:0;overflow:hidden}.portfolio-heading{display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line)}.portfolio-heading h3{margin:0;font-size:13px}.portfolio-heading p{margin:3px 0 0;color:var(--muted);font-size:9px}.portfolio-heading>span{min-width:24px;padding:4px 7px;border-radius:12px;color:#fff;background:var(--ink);font-size:9px;font-weight:800;text-align:center}.compact-search{display:flex;align-items:center;gap:6px;height:34px;margin:9px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.compact-search svg{width:13px;color:#738096}.compact-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:10px}.portfolio-toolbar{display:grid;grid-template-columns:130px 1fr;gap:6px;padding:8px 9px 0}.portfolio-toolbar select{min-width:0;height:34px;border:1px solid var(--line);border-radius:6px;padding:0 7px;background:#fff;font-size:9px;font-weight:700}.portfolio-toolbar .compact-search{margin:0}.portfolio-subtabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:8px 9px;padding:3px;border-radius:6px;background:#eef2f7}.portfolio-subtabs button{height:28px;border:0;border-radius:5px;color:#5a6880;background:transparent;font-size:8px;font-weight:800;cursor:pointer}.portfolio-subtabs button.active{color:#fff;background:#4338ca}.portfolio-list{max-height:calc(var(--app-height) - 255px);overflow-y:auto}.portfolio-client-row{display:grid;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:7px;min-height:76px;padding:9px;border-top:1px solid #e5e9ef;background:#fff}.rank-pill{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--ink);font-size:9px;font-weight:850}.portfolio-client-copy{min-width:0}.portfolio-name-line{display:flex;align-items:center;justify-content:space-between;gap:6px}.portfolio-name-line strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.portfolio-name-line span{padding:2px 5px;border:1px solid var(--line);border-radius:9px;color:#69768a;font-size:7px;font-weight:800;white-space:nowrap}.portfolio-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.portfolio-client-copy p{margin:5px 0 0;overflow:hidden;color:#667489;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.row-open-button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #bcd0fb;border-radius:6px;color:#1759ce;background:#fff;cursor:pointer}.row-open-button svg{width:12px}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 9px 9px}.kpi-grid button{display:flex;min-height:72px;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:7px;text-align:left;background:#fff;cursor:pointer}.kpi-grid button.good{border-color:#9addbb;background:#effbf5}.kpi-grid button.warn{border-color:#efd085;background:#fff9eb}.kpi-grid button.danger{border-color:#f0b1ba;background:#fff1f3}.kpi-grid span{color:#667388;font-size:8px;font-weight:800;text-transform:uppercase}.kpi-grid strong{margin-top:5px;font-size:18px}.action-dashboard{display:grid;gap:8px}.action-context{margin-top:0}.action-context span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.action-context strong{display:block;margin-top:4px;font-size:12px}.action-context p{margin:4px 0 0;color:#647187;font-size:9px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.action-grid button{display:grid;grid-template-columns:26px 1fr;min-height:66px;padding:9px;border:1px solid var(--line);border-radius:7px;text-align:left;background:#fff;cursor:pointer}.action-grid svg{grid-row:1 / span 2;width:17px;color:var(--blue)}.action-grid strong{font-size:10px}.action-grid span{margin-top:3px;color:#69768b;font-size:8px;line-height:1.3}.suggestion-card{margin-top:0}.suggestion-card.good{border-left:4px solid var(--green);background:#effbf5}.suggestion-card.danger{border-left:4px solid var(--red);background:#fff2f3}.suggestion-card strong{font-size:10px}.suggestion-card p{margin:4px 0 0;color:#5c697d;font-size:9px;line-height:1.4}.rich-history article{align-items:flex-start}.history-snapshot{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.history-snapshot span{padding:2px 5px;border-radius:8px;color:#4f5d72;background:#edf1f7;font-size:7px;font-weight:750}.floating-modal{position:fixed;z-index:2147483000;max-height:calc(var(--app-height) - 16px);border:1px solid #cfd7e4;border-radius:8px;background:#fff;box-shadow:0 20px 55px #0f172a47;overflow:hidden}.floating-modal-header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:8px 10px;border-bottom:1px solid var(--line);background:#fff;cursor:move;touch-action:none}.floating-modal-header h3{margin:0;font-size:13px}.modal-grip{display:grid;place-items:center;width:26px;color:#8792a4}.modal-grip svg{width:16px}.floating-modal-header>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #f0a7b1;border-radius:6px;color:#b92e3e;background:#fff0f2;cursor:pointer}.floating-modal-header>button svg{width:14px}.floating-modal-content{max-height:calc(var(--app-height) - 72px);padding:12px;background:#f3f6fa;overflow-y:auto}.operational-form{display:grid;gap:9px}.floating-modal button,.context-panel button,.conversation-item,.rail-button{transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.floating-modal button:hover:not(:disabled),.context-panel button:hover:not(:disabled){border-color:#7fa8f5;box-shadow:0 4px 12px #2563eb1f;transform:translateY(-1px)}.floating-modal button:active:not(:disabled),.context-panel button:active:not(:disabled){transform:translateY(0)}.operational-form label{display:grid;gap:4px;color:#3f4c60;font-size:9px;font-weight:800}.operational-form input,.operational-form select,.operational-form textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:9px;color:var(--ink);background:#f7f9fc;font-size:11px;resize:vertical}.snapshot-strip{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border:1px dashed #c9d3e2;border-radius:6px;background:#f8faff}.primary-action,.secondary-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border-radius:6px;font-size:10px;font-weight:800;cursor:pointer}.primary-action{border:0;color:#fff;background:var(--blue)}.secondary-action{width:100%;margin-top:9px;border:1px solid #a9c4fa;color:#1655c4;background:#fff}.primary-action svg,.secondary-action svg{width:14px}.list-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#f7f9fc}.list-modal-head span{font-size:10px;font-weight:800}.list-modal-head p{margin:4px 0 0;color:#647187;font-size:9px;line-height:1.4}.list-modal-head>div:last-child{display:flex;gap:5px}.list-modal-head button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b9cef8;border-radius:6px;color:#1658cc;background:#fff;cursor:pointer}.list-modal-head button svg{width:13px}.modal-client-list{max-height:420px;margin-top:8px;border:1px solid var(--line);border-radius:7px;overflow-y:auto}.modal-client-list .portfolio-client-row:first-child{border-top:0}.modal-history-list{display:grid;gap:7px}.modal-history-list article{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:7px}.modal-history-list strong,.modal-history-list span{display:block}.modal-history-list strong{font-size:10px}.modal-history-list span{margin-top:3px;color:#778397;font-size:8px}.modal-history-list p{margin:6px 0 0;color:#526075;font-size:9px;line-height:1.45}.modal-mode-row,.calendar-panel-head,.ticket-hero,.ticket-actions,.handoff-owner,.insight-client-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-mode-row{min-height:44px;padding-bottom:8px;border-bottom:1px solid var(--line)}.modal-mode-row strong,.modal-mode-row span,.calendar-panel-head strong,.calendar-panel-head small{display:block}.modal-mode-row strong{font-size:12px}.modal-mode-row>div>span,.calendar-panel-head small{margin-top:3px;color:var(--muted);font-size:8px}.inline-switch{position:relative;display:flex!important;grid-template:none!important;align-items:center;gap:7px!important;cursor:pointer}.inline-switch>span{display:flex;align-items:center;gap:4px;color:#1855c5;font-size:8px;font-weight:800}.inline-switch>span svg{width:13px}.inline-switch input{position:absolute;opacity:0;pointer-events:none}.inline-switch i{position:relative;width:34px;height:20px;border-radius:11px;background:#c9d2df;transition:background .15s ease}.inline-switch i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a33;transition:transform .15s ease}.inline-switch input:checked+i{background:var(--blue)}.inline-switch input:checked+i:after{transform:translate(14px)}.calendar-panel,.reminder-panel{padding:11px;border:1px solid #b8d1ff;border-radius:7px;background:#f5f9ff}.reminder-panel{border-color:#efcf7b;background:#fff9e9}.calendar-panel-head>div{display:flex;align-items:center;gap:8px}.calendar-panel-head>div>svg{width:17px;color:var(--blue)}.reminder-panel .calendar-panel-head>div>svg{color:#a66300}.calendar-panel-head strong{font-size:10px}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.calendar-panel .form-columns{margin-top:10px}.end-preview{display:flex;align-items:center;gap:5px;min-height:30px;margin-top:8px;padding:6px 8px;border:1px dashed #9ebffc;border-radius:6px;color:#2456a4;background:#fff;font-size:9px}.end-preview svg{width:13px}.chip-field,.team-share-field{margin-top:9px}.chip-field>label,.team-share-field>label{display:block;margin-bottom:4px;color:#3f4c60;font-size:9px;font-weight:800}.chip-entry{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px}.chip-entry input,.chip-entry select{min-width:0;width:100%;height:34px;border:1px solid var(--line);border-radius:6px;padding:0 9px;background:#fff;font-size:9px}.chip-entry>button{display:grid;place-items:center;border:1px solid #a8c4fb;border-radius:6px;color:#1756c4;background:#fff;cursor:pointer}.chip-entry>button svg{width:13px}.value-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.value-chips>span{display:flex;align-items:center;gap:5px;max-width:100%;padding:4px 5px 4px 8px;border:1px solid #bad0fa;border-radius:12px;color:#1e56bb;background:#fff;font-size:8px;font-weight:750}.value-chips button{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;color:#b7293b;background:#ffe9ec;cursor:pointer}.check-option{display:flex!important;grid-template:none!important;align-items:flex-start;gap:7px!important;margin-top:8px;padding:8px;border:1px solid #c9d9f7;border-radius:6px;background:#fff}.check-option input{width:14px!important;height:14px;margin:1px 0 0;padding:0!important}.check-option strong,.check-option small{display:block}.check-option strong{font-size:9px}.check-option small{margin-top:2px;color:var(--muted);font-size:8px}.info-callout{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:9px;border-left:3px solid var(--blue);border-radius:5px;color:#3f577d;background:#eef4ff}.info-callout svg{width:17px}.info-callout p{margin:0;font-size:9px;line-height:1.45}.handoff-view{display:grid;gap:7px}.handoff-owner{padding:10px;border:1px solid #aec8fa;border-radius:7px;background:#f2f7ff}.handoff-owner strong,.handoff-owner span{display:block}.handoff-owner strong{font-size:10px}.handoff-owner div>span{margin-top:3px;color:#607087;font-size:8px}.handoff-section{padding:10px;border:1px solid var(--line);border-left-width:3px;border-radius:6px;background:#f8fafc}.handoff-section.good{border-left-color:#34b47c}.handoff-section.warn{border-left-color:#e4a11b;background:#fffaf0}.handoff-section.neutral{border-left-color:#7292bf}.handoff-section strong{font-size:9px}.handoff-section p{margin:5px 0 0;color:#526075;font-size:9px;line-height:1.45}.ticket-hero{padding:11px;border:1px solid var(--line);border-radius:7px;background:#f7f9fc}.ticket-hero span,.ticket-hero h4{display:block}.ticket-hero div>span{color:var(--blue);font-size:9px;font-weight:850}.ticket-hero h4{margin:4px 0 0;font-size:12px}.ticket-actions{margin-top:8px}.ticket-actions button,.ticket-actions>span{display:flex;align-items:center;gap:5px;min-height:32px;padding:0 9px;border:1px solid #b5caf4;border-radius:6px;color:#1b57c0;background:#fff;font-size:9px;font-weight:800}.ticket-actions button{cursor:pointer}.ticket-actions svg{width:13px}.ticket-context{padding:9px;border-left:3px solid var(--blue);color:#536177;background:#eef4ff;font-size:9px;line-height:1.45}.affected-list{display:grid;gap:6px;margin-top:8px}.affected-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;text-align:left;background:#fff;cursor:pointer}.affected-list strong,.affected-list span{display:block}.affected-list strong{font-size:9px}.affected-list span{margin-top:3px;color:var(--muted);font-size:8px}.affected-list svg{width:13px;color:var(--blue)}.insight-list{display:grid;gap:8px;max-height:480px;padding:8px;border:0;background:#e9eef5}.insight-client-card{padding:10px;border:1px solid var(--line);border-radius:7px;background:#fbfcfe;box-shadow:0 2px 7px #0f172a0d}.insight-client-card>header>div:first-child{min-width:0}.insight-client-card>header strong,.insight-client-card>header span{display:block}.insight-client-card>header strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.insight-client-card>header span{margin-top:3px;color:var(--muted);font-size:9px}.insight-client-card>header>div:last-child{display:flex;gap:5px}.insight-client-card>header button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #b9cef7;border-radius:6px;color:var(--blue);background:#fff;cursor:pointer}.insight-client-card>header button svg{width:12px}.insight-status-line{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}.insight-grid>div{min-width:0;min-height:52px;padding:7px;border:1px solid #e0e6ef;border-radius:6px;background:#f8fafc}.insight-grid span,.insight-grid strong,.insight-grid small{display:block}.insight-grid span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.insight-grid strong{margin-top:4px;overflow:hidden;font-size:9px;line-height:1.3;text-overflow:ellipsis}.insight-grid small{margin-top:2px;color:#6a7689;font-size:8px}.insight-note{margin:7px 0 0;padding:7px;border-left:3px solid var(--blue);color:#4f5f76;background:#f0f5ff;font-size:8px;line-height:1.4}.insight-contact{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#58667a;font-size:8px}.insight-contact>span{display:flex;align-items:center;gap:4px;min-width:0}.insight-contact button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #ccd6e5;border-radius:5px;color:#315f9f;background:#fff;cursor:pointer}.insight-contact button svg{width:10px}.note-actions{display:flex;gap:5px}.mini-icon-button.edit{border-color:#efc369;color:#995a00;background:#fff8e8}.note-edit-form>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.note-edit-form>div button{margin-top:0}.note-edit-form .cancel-note{border:1px solid #d6dde8;color:#526075;background:#fff}.secondary-conversations-section{margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:7px;background:#eef3f8}.secondary-conversation{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:43px;margin-top:7px;padding:7px 9px;border:1px solid #d4dce8;border-radius:6px;text-align:left;background:#fff;cursor:pointer}.secondary-conversation.active{border-left:3px solid var(--blue)}.secondary-conversation strong,.secondary-conversation span{display:block}.secondary-conversation strong{font-size:9px}.secondary-conversation span{margin-top:3px;color:var(--muted);font-size:8px}.secondary-conversation svg{width:12px;color:var(--blue)}.checkpoint-detail-view{overflow:hidden;border:1px solid #cbd5e3;border-radius:7px;background:#fff}.checkpoint-detail-view>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;padding:8px 10px;border-bottom:1px solid #e2e7ee}.checkpoint-detail-view>div span{color:#647187;font-size:9px}.checkpoint-detail-view>div strong{font-size:9px}.checkpoint-detail-view>p{margin:10px;padding:9px;border-left:3px solid var(--blue);color:#46556b;background:#edf4ff;font-size:10px;line-height:1.45}.checkpoint-detail-view>small{display:block;padding:0 10px 10px;color:#7c8797;font-size:8px}.active-agendas{padding:10px;border:1px solid #a9cdfb;border-radius:7px;background:#eef6ff}.section-caption strong,.section-caption span{display:block}.section-caption strong{font-size:10px}.section-caption span{margin-top:2px;color:var(--muted);font-size:8px}.active-agendas article{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:7px;padding:8px;border:1px solid #c9dcf8;border-radius:6px;background:#fff}.active-agendas article>svg{width:14px;color:var(--blue)}.active-agendas article strong,.active-agendas article span{display:block}.active-agendas article strong{font-size:9px}.active-agendas article div>span{margin-top:2px;color:var(--muted);font-size:8px}.agenda-first-fields{padding:9px;border:1px solid #d5dce7;border-radius:7px;background:#fff}.room-picker{margin-top:9px}.room-picker>label{display:block;margin-bottom:4px;color:#3f4c60;font-size:9px;font-weight:800}.room-options-preview{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.room-options-preview>span{display:flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #a9ddc4;border-radius:11px;color:#0f6f49;background:#edf9f3;font-size:8px;font-weight:750}.room-options-preview>span.unavailable{border-color:#d2d8e1;color:#828b98;background:#eef1f5}.room-options-preview small{font-size:7px}.room-advisory{position:relative;display:grid;gap:3px;margin-top:6px;padding:8px 28px 8px 9px;border:1px solid #efcb77;border-radius:6px;color:#6c5117;background:#fff9e9}.room-advisory strong{font-size:9px}.room-advisory span{font-size:8px}.room-advisory button{position:absolute;top:6px;right:6px;width:18px;height:18px;padding:0;border:0;color:#a32d3d;background:transparent;cursor:pointer}.portfolio-logic{display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:start;margin:0 9px 9px;padding:8px;border:1px solid #cad8ed;border-radius:6px;color:#52647c;background:#eef4fb;font-size:8px;line-height:1.4}.portfolio-logic svg{width:14px;color:#315f9f}.action-grid button:nth-child(1),.operational-grid button:nth-child(1){border-color:#a9c7fb;background:#f1f6ff}.action-grid button:nth-child(2){border-color:#a6dfc2;background:#f0fbf5}.action-grid button:nth-child(3){border-color:#c2b9f5;background:#f6f3ff}.action-grid button:nth-child(4){border-color:#9fd6dd;background:#effafd}.action-grid button:nth-child(5){border-color:#efcb75;background:#fff9eb}.action-grid button:nth-child(6){border-color:#f0b4bc;background:#fff2f4}.action-grid button:nth-child(7){border-color:#b8c4d5;background:#f4f6f9}.metric-chip.good{box-shadow:inset 0 0 0 1px #0b70481a}.metric-chip.warn{box-shadow:inset 0 0 0 1px #9556001a}.metric-chip.danger{box-shadow:inset 0 0 0 1px #ad29381a}@media(max-width:620px){.form-columns,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-mode-row{align-items:flex-start}.insight-contact{flex-direction:column}}@media(max-width:1160px){.app-shell.with-context{grid-template-columns:58px 270px minmax(360px,1fr) 380px}.app-shell.without-context{grid-template-columns:58px 280px minmax(380px,1fr)}}@media(max-width:960px){.app-shell,.app-shell.with-context,.app-shell.without-context{grid-template-columns:58px 260px minmax(0,1fr)}.context-panel{position:fixed;top:var(--demo-bar-height);right:0;z-index:10;width:390px;height:var(--app-height);box-shadow:-12px 0 35px #0f172a2e}}@media(max-width:720px){html,body,#root{width:100%;height:100%;min-height:0}body{overflow:hidden}.app-shell,.app-shell.with-context,.app-shell.without-context{grid-template-columns:1fr;grid-template-rows:48px minmax(0,1fr);width:100%;height:var(--app-height);min-height:0;overflow:hidden}.mobile-view-switcher{z-index:30;display:grid;grid-row:1;grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px max(6px,env(safe-area-inset-right)) 4px max(6px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#fff}.mobile-view-switcher button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;border:0;border-radius:6px;color:#647187;background:transparent;font-size:9px;font-weight:800;cursor:pointer}.mobile-view-switcher button.active{color:#174fae;background:#eaf1ff}.mobile-view-switcher svg{width:14px;height:14px}.product-rail{display:none}.inbox-panel,.chat-panel,.context-panel{display:none;grid-row:2;grid-column:1;width:100%;height:100%;min-height:0}.mobile-inbox .inbox-panel{display:flex;flex-direction:column}.mobile-chat .chat-panel{display:flex}.mobile-context .context-panel{display:block}.context-panel{position:static;max-width:none;box-shadow:none}.conversation-list{height:auto;min-height:0;flex:1;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.context-scroll{height:calc(100% - 132px);padding-bottom:calc(96px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.message-stream{min-height:0;padding:18px 14px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.composer{padding-bottom:calc(13px + env(safe-area-inset-bottom))}.chat-header,.inbox-header,.context-header{min-height:64px;padding:10px 12px}.context-tabs{margin:8px}.chat-status{display:none}.chat-person span{display:block;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:root{--demo-bar-height: 44px;--app-height: calc(100dvh - var(--demo-bar-height))}.demo-banner{height:var(--demo-bar-height);display:flex;gap:16px;justify-content:space-between;align-items:center;padding:6px 18px;background:#eaf1ff;color:#183657;border-bottom:1px solid #ccd9ed;font-size:12px}.demo-banner>div{display:flex;gap:16px;align-items:center}.demo-banner a{color:#174fa8}.demo-banner button{cursor:pointer;border:1px solid #9cb5d5;background:#fff;padding:5px 9px;border-radius:5px;font-size:11px;white-space:nowrap}@media(max-width:720px){:root{--demo-bar-height: 80px}.demo-banner{flex-direction:column;justify-content:center;gap:6px;font-size:10px;padding:8px}.demo-banner>div{gap:24px}}