:root{--background:#f4f4f0;--surface:#fff;--surface-muted:#f8f8f5;--ink:#171713;--muted:#6f7069;--line:#dedfd8;--accent:#3157e5;--accent-dark:#2443bd;--danger:#b93838;--shadow:0 24px 70px #18191429}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--ink);background:radial-gradient(circle at 85% -10%, #3157e514, transparent 28rem), var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #3157e552}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.crm-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 32px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;font-weight:720;text-decoration:none;display:inline-flex}.topbar-primary{align-items:center;gap:34px;display:flex}.primary-nav{align-self:stretch;align-items:stretch;gap:4px;display:flex}.primary-nav-link{color:var(--muted);align-items:center;padding:0 12px;font-size:13px;font-weight:680;text-decoration:none;display:flex;position:relative}.primary-nav-link:hover,.primary-nav-link.is-active{color:var(--ink)}.primary-nav-link.is-active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.topbar-meta{align-items:center;gap:14px;display:flex}.mail-connection{border:1px solid var(--line);min-height:34px;color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:680;display:inline-flex}.mail-connection--connect{color:var(--accent);text-decoration:none}.mail-connection--connect:hover{background:#f3f5ff;border-color:#b9c5f4}.mail-connection--setup{color:#73580c;background:#fff8df}.mail-connection--loading{opacity:.72}.mail-connection-dot{background:#1b9a5b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #1b9a5b1f}.mail-connection-email{color:var(--ink)}.mail-connection button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.mail-connection button:hover:not(:disabled){color:var(--danger)}.mode-badge{letter-spacing:.02em;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.mode-badge--demo{color:#73580c;background:#fff1bd}.mode-badge--supabase{color:#11623d;background:#d9f8e8}.user-placeholder{width:34px;height:34px;color:var(--muted);background:var(--surface-muted);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:12px;font-weight:750;display:grid}.demo-notice{color:#684f0b;background:#fff6d9;border-bottom:1px solid #eadba8;flex-wrap:wrap;justify-content:center;gap:10px 24px;padding:10px 32px;font-size:13px;display:flex}.workspace{width:min(1280px,100% - 64px);margin:0 auto;padding:72px 0 96px}.workspace-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:780}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:8px;font-size:clamp(42px,6vw,72px);line-height:.98}h2{letter-spacing:-.035em;margin-bottom:0;font-size:28px}.heading-note{color:var(--muted);margin-bottom:0;font-size:15px}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:680;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:wait}.button--primary{color:#fff;background:var(--accent)}.button--primary:hover:not(:disabled){background:var(--accent-dark)}.button--secondary{background:var(--surface);border-color:var(--line)}.button--secondary:hover:not(:disabled){background:var(--surface-muted)}.button--danger{color:var(--danger);background:0 0;border-color:#e6c5c5}.toolbar{grid-template-columns:minmax(240px,1fr) 210px;gap:10px;margin-bottom:14px;display:grid}.search-field{background:var(--surface);border:1px solid var(--line);min-height:46px;color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3157e51a}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.search-field input::placeholder{color:#9a9b94}.stage-filter select,.company-form input,.company-form select,.company-form textarea{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px}.stage-filter select{height:46px;padding:0 38px 0 13px}.companies-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow-x:auto}.companies-table{border-collapse:collapse;width:100%;min-width:880px}.companies-table th,.companies-table td{text-align:left;border-bottom:1px solid #ecece7;padding:17px 18px}.companies-table th{color:var(--muted);background:var(--surface-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:750}.companies-table th:first-child{width:29%}.companies-table td{color:#4e504a;font-size:14px}.companies-table tbody tr:last-child td{border-bottom:0}.companies-table tbody tr:hover td{background:#fbfbf8}.company-name{cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-weight:720;display:block}.company-name:hover{color:var(--accent)}.company-site{color:var(--accent);margin-top:5px;font-size:12px;text-decoration:none;display:block}.company-site--empty{color:#9a9b94}.stage-pill{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:680;display:inline-flex}.stage-pill[data-stage=new]{color:#545650;background:#ecece8}.stage-pill[data-stage=research]{color:#74580b;background:#fff1bd}.stage-pill[data-stage=ready_to_contact]{color:#214ab5;background:#dfe8ff}.icon-button,.close-button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-button{border-radius:8px;width:32px;height:32px}.icon-button:hover{color:var(--accent);background:#edf1ff}.table-state{height:220px;color:var(--muted)!important;text-align:center!important}.error-message{color:#842b2b;background:#fff0f0;border:1px solid #edc3c3;border-radius:10px;flex-wrap:wrap;gap:4px 10px;margin-bottom:14px;padding:13px 46px 13px 14px;font-size:13px;display:flex;position:relative}.error-message button{cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:7px;right:10px}.editor-layer{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12130f5c;justify-content:flex-end;display:flex;position:fixed;inset:0}.editor-panel{background:var(--surface);width:min(620px,100%);height:100%;box-shadow:var(--shadow);overflow-y:auto}.editor-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 24px;display:flex}.company-email-action{border:1px solid var(--line);background:#f7f7f4;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:22px 32px 0;padding:13px 14px;display:grid}.company-email-action-icon{color:#a44a4a;background:#fff4f4;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.company-email-action-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:17px;height:17px}.company-email-action>span:nth-child(2){gap:3px;min-width:0;display:grid}.company-email-action strong{font-size:12px}.company-email-action small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.company-email-action .button{min-height:36px;font-size:11px;text-decoration:none}.close-button{border-radius:9px;width:36px;height:36px;font-size:25px}.close-button:hover:not(:disabled){background:var(--surface-muted)}.company-form{gap:20px;padding:30px 32px 36px;display:grid}.company-form label{gap:8px;display:grid}.company-form label>span{color:#55574f;font-size:13px;font-weight:680}.company-form input,.company-form select{height:44px;padding:0 12px}.company-form textarea{resize:vertical;min-height:122px;padding:12px;line-height:1.5}.company-form input:focus,.company-form select:focus,.company-form textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #3157e51a}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.form-actions-main{gap:9px;margin-left:auto;display:flex}.prototype-notice{color:#85867f;border-bottom:1px solid var(--line);background:#f7f7f4;justify-content:center;align-items:center;gap:8px 20px;min-height:34px;padding:0 24px;font-size:12px;display:flex}.prototype-notice span:first-child{color:#55574f;font-weight:760}.gmail-sync-notice span{align-items:center;gap:6px;display:inline-flex}.gmail-sync-notice svg,.thread-channel svg,.context-channel svg,.composer-recipient svg,.composer-channel-note svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:13px;height:13px}.correspondence-shell{background:#f4f4f1;height:100vh;min-height:720px;overflow:hidden}.correspondence-layout{grid-template-columns:340px minmax(520px,1fr) 280px;height:calc(100vh - 102px);min-height:618px;display:grid;overflow:hidden}.conversation-sidebar,.company-thread,.company-context{background:var(--surface);min-width:0;min-height:0}.conversation-sidebar{border-right:1px solid var(--line);flex-direction:column;display:flex}.conversation-sidebar-header{justify-content:space-between;align-items:end;gap:20px;padding:26px 22px 18px;display:flex}.conversation-sidebar-header .eyebrow{margin-bottom:5px}.conversation-sidebar-header h1{letter-spacing:-.045em;margin:0;font-size:28px;line-height:1}.conversation-count{color:#8c8d86;background:0 0;border:1px solid #e4e4df;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:11px;font-weight:750;display:grid}.conversation-sidebar-actions{align-items:center;gap:7px;display:flex}.new-thread-button{width:32px;height:32px;color:var(--accent);cursor:pointer;background:#f4f6fc;border:1px solid #dce1ef;border-radius:8px;place-items:center;display:grid;position:relative}.new-thread-button:hover{background:#eaf0ff;border-color:#cbd5f2}.new-thread-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:15px;height:15px}.new-thread-button span{color:var(--accent);font-size:13px;font-weight:850;line-height:1;position:absolute;bottom:-1px;right:2px}.conversation-search{min-height:40px;color:var(--muted);background:#f7f7f4;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;margin:0 16px;padding:0 11px;display:flex}.conversation-search:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #3157e514}.conversation-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.conversation-search input::placeholder{color:#999a93}.conversation-filter-row{border-bottom:1px solid var(--line);gap:6px;padding:13px 16px 11px;display:flex}.conversation-filter{min-height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:680;display:inline-flex}.conversation-filter.is-active{color:var(--ink);background:#f1f1ed}.conversation-filter span{color:#fff;background:var(--accent);border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid}.conversation-list{overflow-y:auto}.conversation-item{background:var(--surface);cursor:pointer;text-align:left;border:0;border-bottom:1px solid #eeeeea;grid-template-columns:42px minmax(0,1fr);gap:11px;width:100%;padding:16px 15px;display:grid;position:relative}.conversation-item:hover{background:#fafaf7}.conversation-item.is-active{box-shadow:inset 2px 0 var(--accent);background:#f7f8fc}.company-avatar{color:#55574f;letter-spacing:-.02em;background:#efefeb;border-radius:10px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid;position:relative}.conversation-channel-icon{color:#60645d;background:var(--surface);border:1px solid #dedfd9;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-4px;right:-4px}.conversation-channel-icon svg{fill:none;stroke:currentColor;stroke-width:1.55px;width:10px;height:10px}.company-avatar[data-accent=amber],.company-avatar[data-accent=green],.company-avatar[data-accent=violet]{color:#55574f;background:#efefeb}.company-avatar--large{border-radius:11px;width:46px;height:46px;font-size:13px}.conversation-item-content,.conversation-item-topline,.conversation-item-contact,.conversation-item-preview{min-width:0;display:block}.conversation-item-topline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-item-topline strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.conversation-item-topline time{color:#999a93;flex:none;font-size:10px}.conversation-item-contact{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.conversation-item-preview{color:#7f8079;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;line-height:1.35;overflow:hidden}.unread-count{color:#fff;background:var(--accent);border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:9px;font-weight:800;display:grid;position:absolute;bottom:12px;right:15px}.conversation-empty{color:var(--muted);text-align:center;padding:40px 24px;font-size:13px}.company-thread{background:#fafaf8;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative}.thread-header{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:15px 20px;display:flex}.thread-company-main{align-items:center;gap:12px;min-width:0;display:flex}.thread-title-row{align-items:center;gap:9px;display:flex}.thread-title-row h2{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.thread-stage{color:#56627e;background:0 0;border:1px solid #d9deeb;border-radius:999px;flex:none;padding:4px 7px;font-size:9px;font-weight:760}.thread-channel{color:#59615a;background:0 0;border:1px solid #d9dbd5;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:720;display:inline-flex}.thread-company-main p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.thread-actions{align-items:center;gap:12px;display:flex}.thread-actions>span{color:var(--muted);font-size:10px}.button--compact{min-height:34px;padding:0 11px;font-size:11px;text-decoration:none}.contact-strip{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:8px 20px;display:flex}.contact-strip>div{align-items:center;gap:9px;display:flex}.contact-avatar{color:#585a53;background:#ecece7;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.contact-strip strong,.contact-strip small{display:block}.contact-strip strong{font-size:11px}.contact-strip small{color:var(--muted);margin-top:2px;font-size:9px}.contact-strip a{color:var(--accent);font-size:10px;text-decoration:none}.message-stream{scroll-behavior:smooth;padding:22px clamp(18px,4vw,58px) 28px;overflow-y:auto}.message-day-group+.message-day-group{margin-top:16px}.message-day{color:#969790;text-align:center;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:10px;margin:2px 0 16px;font-size:9px;font-weight:720;display:flex}.message-day:before,.message-day:after{content:"";background:#dedfd8;flex:1;height:1px}.email-message{width:min(560px,85%);box-shadow:none;border:1px solid #e3e3de;border-radius:12px;margin-bottom:12px;padding:14px 16px 12px}.email-message--incoming{background:var(--surface);border-bottom-left-radius:4px;margin-right:auto}.email-message--outgoing{background:#f4f6fc;border-color:#dfe3ee;border-bottom-right-radius:4px;margin-left:auto}.email-message-meta{color:var(--muted);align-items:baseline;gap:7px;font-size:9px;display:flex}.message-channel-icon{fill:none;stroke:#8a8c85;stroke-width:1.5px;flex:none;width:11px;height:11px}.email-message-meta strong{color:var(--ink);font-size:10px}.email-message-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-message-meta time{flex:none;margin-left:auto}.email-subject{color:#43453f;margin:9px 0 5px;font-size:10px;font-weight:740}.email-body{color:#353731;margin:0;font-size:12px;line-height:1.55}.attachment-card{width:100%;min-height:46px;color:var(--ink);cursor:default;text-align:left;background:#ffffff9e;border:1px solid #e1e2de;border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:11px;padding:7px 9px;display:grid}.attachment-icon{color:#785858;background:#f2eaea;border-radius:7px;place-items:center;width:32px;height:32px;font-size:8px;font-weight:850;display:grid}.attachment-card strong,.attachment-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-card strong{font-size:10px}.attachment-card small{color:var(--muted);margin-top:2px;font-size:9px}.delivery-status{color:#929790;text-align:right;margin-top:7px;font-size:8px;display:block}.message-composer{background:var(--surface);border:1px solid #d9dad4;border-radius:11px;margin:0 clamp(16px,3vw,42px) 18px;box-shadow:0 8px 24px #18191411}.composer-recipient{min-height:34px;color:var(--muted);border-bottom:1px solid #ecece7;align-items:center;gap:7px;padding:0 13px;font-size:9px;display:flex}.composer-recipient>svg{color:#858881}.composer-recipient strong{color:var(--ink)}.composer-recipient small{color:#91928b}.message-composer textarea{width:100%;min-height:70px;color:var(--ink);resize:none;background:0 0;border:0;outline:0;padding:12px 13px 6px;font-size:12px;line-height:1.45;display:block}.message-composer textarea::placeholder{color:#a0a19a}.composer-actions{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:6px 8px 8px 10px;display:flex}.composer-actions>div{align-items:center;gap:8px;display:flex}.composer-actions>div button{width:28px;height:28px;color:var(--muted);background:var(--surface-muted);cursor:pointer;border:0;border-radius:7px}.composer-actions>div span{color:#969790;font-size:8px}.composer-channel-note{align-items:center;gap:5px;display:inline-flex}.composer-actions .button{min-height:34px;padding:0 12px;font-size:10px}.company-context{border-left:1px solid var(--line);overflow-y:auto}.company-context-header{border-bottom:1px solid var(--line);padding:25px 20px 17px}.company-context-header .eyebrow{margin-bottom:5px}.company-context-header h3{letter-spacing:-.035em;margin:0;font-size:18px}.company-context dl{margin:0;padding:7px 20px}.company-context dl>div{border-bottom:1px solid #ecece7;padding:12px 0}.company-context dt{color:#979891;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:740}.company-context dd{overflow-wrap:anywhere;color:#41433d;margin:0;font-size:10px;line-height:1.4}.company-context dd small{color:var(--muted);margin-top:2px;display:block}.context-channel{align-items:center;gap:6px;display:flex}.context-stage-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.context-note,.context-next-step{border-radius:10px;margin:14px 16px 0;padding:13px}.context-note{background:#f8f8f5;border:1px solid #e4e4df}.context-note>div{justify-content:space-between;gap:10px;display:flex}.context-note strong,.context-note button{font-size:9px}.context-note button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.context-note p{color:#55574f;margin:8px 0 0;font-size:10px;line-height:1.5}.context-note textarea{width:100%;min-height:92px;color:var(--ink);background:var(--surface);resize:vertical;border:1px solid #d8d9d3;border-radius:7px;outline:0;margin-top:9px;padding:9px;font-size:10px;line-height:1.5}.context-note textarea:focus{border-color:var(--accent)}.context-next-step{color:#58627a;background:var(--surface);box-shadow:inset 2px 0 var(--accent);border:1px solid #dedfd9;gap:4px;display:grid}.context-next-step span{letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:760}.context-next-step strong{color:#3f433f;font-size:11px}.context-next-step small{font-size:9px}.mailbox-state{min-height:180px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:9px;padding:30px 24px;font-size:12px;display:flex}.mailbox-state--error{color:#8b3838;flex-direction:column}.mailbox-state button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:10px}.mailbox-spinner{border:2px solid #dedfd9;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite mailbox-spin}.company-thread--empty{color:var(--muted);align-content:center;place-items:center}.company-thread--empty>svg{fill:none;stroke:#aaa;stroke-width:1.2px;width:28px;height:28px}.company-thread--empty p,.context-placeholder{color:var(--muted);text-align:center;font-size:11px}.context-placeholder{padding:36px 20px}.composer-error{z-index:2;color:#842b2b;background:#fff4f4;border:1px solid #eccccc;border-radius:8px;padding:8px 36px 8px 11px;font-size:10px;position:absolute;bottom:176px;left:clamp(16px,3vw,42px);right:clamp(16px,3vw,42px)}.composer-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:17px;position:absolute;top:3px;right:7px}.new-thread-layer{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16171352;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.new-thread-modal{background:var(--surface);border:1px solid #d9dad4;border-radius:14px;width:min(610px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #1819142e}.new-thread-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.new-thread-modal>header .eyebrow{margin-bottom:5px}.new-thread-modal>header h2{font-size:22px}.new-thread-modal>header>button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:22px;display:grid}.new-thread-modal>header>button:hover:not(:disabled){background:var(--surface-muted)}.new-thread-modal form{gap:15px;padding:20px 24px 22px;display:grid}.new-thread-sender{min-height:36px;color:var(--muted);background:#f7f7f4;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:flex}.new-thread-sender svg,.new-thread-modal footer>span svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:13px;height:13px}.new-thread-sender strong{color:var(--ink)}.new-thread-modal label{gap:7px;display:grid}.new-thread-modal label>span{color:#5c5e57;font-size:11px;font-weight:700}.new-thread-modal input,.new-thread-modal textarea{width:100%;color:var(--ink);background:var(--surface);border:1px solid #d9dad4;border-radius:8px;outline:0;font-size:12px}.new-thread-modal input{height:40px;padding:0 11px}.new-thread-modal textarea{resize:vertical;min-height:150px;padding:11px;line-height:1.55}.new-thread-modal input:focus,.new-thread-modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3157e514}.new-thread-modal footer{justify-content:space-between;align-items:center;gap:16px;padding-top:5px;display:flex}.new-thread-modal footer>span{color:#898a83;align-items:center;gap:5px;font-size:9px;display:inline-flex}.new-thread-modal footer>div{gap:8px;display:flex}.new-thread-modal footer .button{min-height:38px;font-size:11px}.new-thread-error{color:#842b2b;background:#fff4f4;border:1px solid #eccccc;border-radius:7px;padding:9px 11px;font-size:10px}@keyframes mailbox-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.topbar{padding:0 18px}.mode-badge{display:none}.topbar-primary{gap:12px}.primary-nav-link{padding:0 7px;font-size:11px}.mail-connection-email,.mail-connection--loading{display:none}.demo-notice{justify-content:flex-start;padding:9px 18px}.workspace{width:min(100% - 32px,1280px);padding:48px 0 72px}.workspace-heading{flex-direction:column;align-items:stretch}.workspace-heading .button{align-self:flex-start}.toolbar,.form-row{grid-template-columns:1fr}.editor-header,.company-form{padding-left:20px;padding-right:20px}.company-email-action{grid-template-columns:auto minmax(0,1fr);margin-left:20px;margin-right:20px}.company-email-action .button{grid-column:1/-1}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions-main{width:100%}.form-actions-main .button{flex:1}}@media (max-width:1120px){.correspondence-layout{grid-template-columns:310px minmax(500px,1fr)}.company-context{display:none}}@media (max-width:820px){.correspondence-shell{height:auto;min-height:100vh;overflow:visible}.prototype-notice{flex-wrap:wrap;justify-content:flex-start;padding:7px 18px}.correspondence-layout{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.conversation-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:420px}.company-thread{min-height:760px}.new-thread-layer{padding:12px}.new-thread-modal footer{flex-direction:column;align-items:stretch}.new-thread-modal footer>div,.new-thread-modal footer .button{width:100%}.new-thread-modal footer .button{flex:1}.thread-actions>span,.contact-strip a{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.auth-screen{place-items:center;min-height:100dvh;padding:32px;display:grid}.auth-loading{color:var(--muted);margin:0;font-size:15px}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:18px;padding:36px 32px 32px}.auth-card h1{letter-spacing:-.035em;margin-bottom:10px;font-size:34px;line-height:1.1}.auth-note{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.55}.auth-note strong{color:var(--ink)}.auth-form{gap:16px;display:grid}.auth-form label{gap:8px;display:grid}.auth-form label>span{color:#55574f;font-size:13px;font-weight:680}.auth-form input{height:44px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 12px}.auth-form input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #3157e51a}.auth-form input:disabled{background:var(--surface-muted)}.auth-error{color:var(--danger);background:#fdf1f1;border:1px solid #e6c5c5;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.account{align-items:center;gap:10px;display:flex}.account-email{max-width:200px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account-signout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:680}.account-signout:hover:not(:disabled){color:var(--danger)}.account-signout:disabled{cursor:wait;opacity:.6}@media (max-width:900px){.account-email{display:none}}