:root{--bg:#f6f7fb;--paper:#fff;--ink:#20293a;--muted:#68758a;--line:#e6eaf1;--accent:#5056d7;--accent-hover:#3d42bc;--nav:#192234;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid #d9dfeb;border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);font-size:.875rem;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #a0a4f0;border-color:var(--accent)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);padding:0;cursor:pointer;flex-shrink:0}textarea{resize:vertical;line-height:1.6}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-1px;font-weight:650;margin-bottom:10px;line-height:1.2}h2{font-size:1.1rem;font-weight:650;margin-bottom:14px}h3{font-size:1rem}small{font-size:.8125rem;display:block;line-height:1.5}label{font-size:.875rem}strong{font-weight:600}fieldset{border:0;padding:0;margin:0}legend{font-size:.875rem;font-weight:600;margin-bottom:12px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:10px;top:-70px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.sidebar{width:224px;background:var(--nav);color:#c0c9d9;position:fixed;inset:0 auto 0 0;padding:30px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:10px;align-items:center;font-size:1.3rem;font-weight:650;color:#fff;letter-spacing:-.5px;padding:0 10px}.brand:hover{text-decoration:none}.brand-icon{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#6865e9;width:34px;height:34px;border-radius:10px;font-size:27px;line-height:1}.brand-icon span{font-size:21px;color:#b9c0ff;align-self:flex-end;margin-left:-2px}.workspace-label{font-size:.75rem;letter-spacing:1.5px;color:#92a0b6;margin:48px 12px 15px}nav{display:flex;flex-direction:column;gap:7px}nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;color:#bac5d7;font-size:.875rem;border-radius:7px}nav a span{font-size:1.35rem;width:22px;text-align:center;line-height:1}nav a:hover{background:#252f43;color:#fff;text-decoration:none}nav a.active{background:#303c56;color:#fff;box-shadow:inset 3px 0 #9998ff}.sidebar-bottom{margin-top:auto}.private-label{display:flex;align-items:center;gap:9px;color:#a8b5c8;font-size:.75rem;padding:20px 10px;border-bottom:1px solid #344057}.dot{display:inline-block;width:7px;height:7px;background:#64ad9c;border-radius:50%;flex-shrink:0}.profile{display:flex;gap:10px;align-items:center;padding:20px 4px 0}.profile strong{font-size:.875rem;color:#fff}.profile small{font-size:.75rem;color:#9da9bd}.profile form{margin-left:auto}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e6e8ff;color:#585aab;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0}.logout{background:transparent;color:#aebbd0;border:0;font-size:1.3rem}.main{margin-left:224px;min-height:100vh}.topbar{height:69px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;gap:20px}.topbar .muted{margin:0 14px}.local-indicator{color:var(--muted);font-size:.75rem}.page{padding:36px 38px 48px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading p{font-size:.875rem;margin:0;line-height:1.6}.eyebrow{color:#79839a;letter-spacing:1.8px;font-size:.6875rem;font-weight:650;margin-bottom:13px}.count{display:inline-flex;align-items:center;justify-content:center;background:#e9ebf8;color:#5a628f;font-size:.875rem;border-radius:8px;padding:5px 9px;vertical-align:middle;letter-spacing:0;margin-left:6px}.actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;border:1px solid #dce1eb;border-radius:7px;background:#fff;color:#344057;padding:10px 15px;font-size:.875rem;font-weight:550;white-space:nowrap;line-height:1.2}.button:hover{background:#f3f4fb;text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 3px #4540b012}.button.primary:hover{background:var(--accent-hover)}.button.small{font-size:.8125rem;min-height:34px;padding:8px 12px}.full{width:100%}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.summary>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px;display:flex;align-items:center;gap:17px}.summary small{color:var(--muted);font-size:.8125rem;margin-bottom:4px}.summary strong{font-size:1.75rem;letter-spacing:-.8px}.stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem}.purple{background:#efedfc;color:#7065bc}.amber{background:#fff4df;color:#a47b29}.blue{background:#e8f0ff;color:#587ab7}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.filters{padding:18px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:220px}.search-field input{width:100%;padding-left:34px;background:#fafbfe}.search-field>span[aria-hidden]{position:absolute;top:8px;left:12px;font-size:1.2rem;color:#8190a3}.filters select{max-width:190px}.filter-button{padding-left:12px;padding-right:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}thead{background:#fafbfe;color:#788398}th{font-size:.75rem;font-weight:550;letter-spacing:.1px;height:43px;border-bottom:1px solid var(--line);white-space:nowrap}td,th{padding:14px 17px}td{border-bottom:1px solid #edf0f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcff}.contact-table{min-width:1030px}.check-cell{width:42px;padding-right:3px;padding-left:18px}.person{display:flex;align-items:center;gap:12px}.contact-avatar{background:#eef0f8;color:#626d89;width:36px;height:36px}.contact-name{color:#29344a;font-weight:600;white-space:nowrap}.sample-label{font-size:.6875rem;color:#7a8598;margin-top:4px}.cell-title{display:block;margin-bottom:4px;font-size:.8125rem}.email-text{font-size:.8125rem;color:#657187;white-space:nowrap}.membership-list{display:flex;flex-direction:column;gap:7px}.membership-list form{margin:0}.membership-list label{display:flex;align-items:center;gap:7px;font-size:.75rem;white-space:nowrap;color:#5d6880}.membership-list input{width:14px;height:14px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;border-radius:5px;padding:5px 8px;line-height:1.2;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.not_contacted{color:#67758a;background:#f0f2f6}.waiting{color:#94641c;background:#fff5e3}.needs_reply{color:#386b9f;background:#eaf3ff}.closed{color:#367565;background:#e8f4ed}.do_not_contact{color:#a4505b;background:#fcecf0}.status-stack{display:flex;flex-direction:column;gap:8px}.status-stack>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.status-stack small{font-size:.6875rem;color:#788398}.row-action{color:#8893a8;padding:7px;border-radius:5px;font-size:1.1rem}.row-action:hover{background:#eceefa;text-decoration:none;color:#5056d7}.table-footer{border-top:1px solid var(--line);padding:16px 20px;display:flex;justify-content:space-between;color:#8893a3;font-size:.75rem;gap:15px}.selection-bar{padding:13px 20px;display:flex;align-items:center;gap:15px;background:#f0efff;border-bottom:1px solid #dedcf9;font-size:.8125rem}.selection-bar[hidden]{display:none}.selection-bar>span{color:#777899;font-size:.75rem}.selection-bar .primary{margin-left:auto}.text-button{background:none;border:0;color:#565bb0;font-size:.8125rem}.empty{text-align:center;padding:65px 25px;color:var(--muted)}.empty>span{font-size:2rem;display:block;margin-bottom:16px;color:#9b9bce}.empty h2{color:#45516a;margin-bottom:10px}.empty p{font-size:.875rem}.notice{padding:14px 17px;border:1px solid #dee5f3;border-radius:8px;background:#f2f6fc;color:#536783;font-size:.8125rem;line-height:1.6;margin-bottom:20px}.notice.error{background:#fff1f1;border-color:#f1d7d9;color:#9c3e46}.notice.success{background:#eff8f3;border-color:#d0e8d9;color:#396a50}.notice.warning{background:#fff8e8;border-color:#efdfba;color:#856526}.back{display:inline-block;font-size:.8125rem;color:#69758d;margin-bottom:18px}.narrow{max-width:660px}.stack-form{padding:28px;display:flex;flex-direction:column;gap:12px}.stack-form label{font-weight:550}.stack-form p{display:flex;flex-direction:column;gap:8px;margin:0 0 8px}.stack-form .helptext{font-size:.75rem;color:var(--muted)}.stack-form .button{align-self:flex-start;margin-top:10px}.stack-form input,.stack-form textarea{width:100%}.stack-form input[type=checkbox]{width:16px}.checkbox-label{display:inline-flex;align-items:center;gap:8px;margin-right:20px;font-weight:400!important;font-size:.875rem}.errorlist{color:#a13845;padding-left:20px;font-size:.875rem}.conversation-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.contact-aside{padding:25px}.contact-aside dt{font-size:.75rem;color:#8590a1;margin-top:22px}.contact-aside dd{margin:6px 0 0;font-size:.875rem;overflow-wrap:anywhere}.source-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.75rem;color:#6f7b8c;max-height:200px;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0}.panel-heading>.muted{font-size:.8125rem}.history-toolbar{display:flex;align-items:center;gap:16px;padding:18px 25px;background:#fcfcff}.history-toolbar strong{font-size:.875rem}.history-toolbar .button{margin-left:auto}.status-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 25px;border-bottom:1px solid var(--line);font-size:.8125rem}.status-form select{padding:7px;font-size:.8125rem}.timeline{padding:22px}.message{padding:22px;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;background:#fff}.message.outbound{background:#f7f8fd;border-color:#e3e4f6;margin-left:35px}.message-meta{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;color:#758097;margin-bottom:18px}.message-meta span{font-weight:550;color:#5f6a81}.message h3{margin-bottom:12px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;line-height:1.8;color:#526078}.message-bottom{display:flex;justify-content:space-between;font-size:.8125rem;margin-top:20px;color:#95a0b0}.import-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:42px;align-items:start}.upload-zone{border:1px dashed #b9c2dc;background:#f9faff;padding:35px 25px;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-zone h2{margin-bottom:0}.upload-zone p{font-size:.8125rem;color:var(--muted);margin-bottom:10px}.upload-zone input{background:white}.upload-zone label{font-size:.75rem;font-weight:400}.upload-icon{font-size:2rem;background:#eeedfc;border-radius:12px;width:54px;height:54px;color:#6d69b7;display:grid;place-items:center;margin-bottom:6px}.divider{display:flex;align-items:center;color:#9aa3b1;font-size:.75rem;gap:15px;margin:15px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.import-guide{padding:30px 15px}.guide-icon{display:block;font-size:2rem;color:#8b85c7;margin-bottom:20px}.import-guide h2{font-size:1.4rem;letter-spacing:-.5px}.import-guide ol{padding-left:24px;color:#5b638c}.import-guide li{padding-left:10px;margin:24px 0;font-size:.875rem}.import-guide p{color:var(--muted);font-size:.875rem;line-height:1.65;margin-top:8px}.import-guide .notice{margin-top:32px}.preview-table{min-width:850px}.preview-table input{width:100%;min-width:140px}.preview-table input[type=checkbox]{min-width:0;width:16px}.preview-table summary{font-size:.75rem;color:#748094;cursor:pointer}.import-footer{display:flex;justify-content:space-between;align-items:center;padding:25px;border-top:1px solid var(--line);gap:20px}.mailbox-identity{display:flex;align-items:center;gap:12px;font-size:.875rem;margin-bottom:22px;color:#6f7c92}.mailbox-identity strong{color:#47536b}.inbox-row{display:flex;align-items:center;gap:18px;padding:23px 25px;border-bottom:1px solid var(--line);color:#46536d}.inbox-row:hover{background:#fafaff;text-decoration:none}.inbox-row:last-child{border-bottom:0}.inbox-contact{width:170px;flex-shrink:0}.inbox-contact strong{font-size:.875rem}.inbox-contact small{color:#8590a3;font-size:.75rem;margin-top:5px}.inbox-preview{flex:1;min-width:0}.inbox-preview strong{font-size:.875rem}.inbox-preview p{font-size:.8125rem;color:#8690a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 0}.inbox-meta{display:flex;align-items:flex-end;gap:8px;flex-direction:column}.inbox-meta time,.inbox-meta small{font-size:.6875rem;color:#8792a5}.compose-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.recipient-panel{padding:25px}.recipient{padding:15px 0;border-bottom:1px solid var(--line)}.recipient strong{font-size:.875rem}.recipient small{font-size:.75rem;color:#7d889c;margin-top:5px;overflow-wrap:anywhere}.recipient-panel .notice{margin-top:20px;margin-bottom:0}.compose-foot{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:#7a879e}.from-identity{padding:12px;background:#f6f7fb;border-radius:6px;font-size:.875rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connection-card{padding:25px}.connection-card .panel-heading{padding:0 0 18px;margin-bottom:18px;align-items:flex-start;gap:10px}.connection-card .panel-heading h2{line-height:1.5}.connection-card p{font-size:.875rem;line-height:1.6}.connection-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:.8125rem;margin:25px 0}.connection-details dt{color:#7b879b}.connection-details dd{margin:0;text-align:right}.add-business{margin-top:30px;padding:25px}.add-business .stack-form{padding:10px 0 0}.add-business p{font-size:.875rem}.error-page{padding:45px;max-width:700px}.auth-main{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#eef0fa,#f8f9fc)}.auth-main .page{width:100%;padding:25px}.login-card{background:white;padding:45px;border:1px solid #e3e6f0;border-radius:16px;box-shadow:0 20px 80px #1d2b5a0c;max-width:440px;margin:auto}.login-brand{color:#27354b;padding:0;margin-bottom:43px}.login-card h1{font-size:1.8rem}.login-card p{font-size:.875rem;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:10px;margin-top:28px}.login-card label{margin-top:6px}.login-card .button{margin-top:14px;justify-content:space-between;padding:13px 16px}.login-foot{text-align:center;color:#93a0b2;margin:25px 0 0;font-size:.75rem!important}@media(min-width:1600px){.contact-table{min-width:1150px}.status-stack>div{flex-direction:row;align-items:center;gap:8px}.status-stack small{min-width:100px}}@media(max-width:1200px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.main{margin-left:195px}.page{padding:28px 24px}.topbar{padding:0 24px}.summary{gap:12px}.summary>div{padding:18px}.page-heading{align-items:flex-start}.actions{flex-wrap:wrap}.filters select{max-width:175px}.conversation-layout{grid-template-columns:240px minmax(0,1fr)}.inbox-contact{width:120px}.compose-layout{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:850px){.sidebar{position:relative;width:100%;padding:15px 20px;display:block}.brand{padding:0;font-size:1.1rem}.workspace-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:4px;margin-top:15px;overflow:auto}nav a{padding:9px 12px;white-space:nowrap;font-size:.8125rem}nav a span{font-size:1.1rem;width:auto}nav a.active{box-shadow:inset 0 -2px #9998ff}.main{margin-left:0}.topbar{height:52px}.page{padding:26px 20px}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:1.75rem}.summary{gap:10px}.summary>div{padding:16px 12px;gap:10px}.stat-icon{width:32px;height:32px;font-size:1.2rem}.summary small{font-size:.6875rem}.summary strong{font-size:1.5rem}.summary{margin-bottom:20px}.conversation-layout,.import-grid,.compose-layout{grid-template-columns:1fr}.contact-aside dl{display:grid;grid-template-columns:90px 1fr;gap:12px}.contact-aside dt,.contact-aside dd{margin:0}.import-guide{padding:10px}.settings-grid{grid-template-columns:1fr}.inbox-row{flex-wrap:wrap}.inbox-contact{flex:1}.inbox-preview{order:4;flex-basis:100%}.inbox-meta{margin-left:auto}.selection-bar{flex-wrap:wrap}.selection-bar>span{display:none}.table-footer{flex-wrap:wrap}.local-indicator{display:none}.history-toolbar,.panel-heading{flex-wrap:wrap}}@media(max-width:500px){.page{padding:22px 12px}.topbar{padding:0 16px}.sidebar{padding:15px 12px}nav a{padding:9px 8px;gap:6px}.summary{grid-template-columns:1fr}.summary>div{padding:12px 16px}.summary>div>div{display:flex;align-items:center;justify-content:space-between;flex:1}.summary small{font-size:.8125rem;margin:0}.summary strong{font-size:1.4rem}.filters{padding:12px}.filters select{flex:1;max-width:none}.filters .search-field{flex-basis:100%}.button{font-size:.8125rem}.page-heading{margin-bottom:20px}.eyebrow{font-size:.625rem}.import-footer{align-items:flex-start;flex-direction:column}.message.outbound{margin-left:10px}.message-meta{flex-direction:column;gap:6px}.timeline{padding:12px}.login-card{padding:30px 24px}.stack-form{padding:20px}.recipient-panel{padding:20px}.mailbox-identity{flex-wrap:wrap}}

.mobile-signout{display:none}@media(max-width:850px){.mobile-signout{display:block}}

.sync-state{font-size:.8125rem;color:#718096;margin:0 0 20px;line-height:1.6}.sync-state span{display:block;color:#956c34}.email-text,.cell-title,.membership-list label,.badge{font-size:.875rem}.sample-label,.status-stack small{font-size:.75rem}

.delivery-history{margin:18px 25px;font-size:.875rem;color:#68758a}.delivery-history summary{cursor:pointer}.delivery-attempt{padding:14px 0;border-bottom:1px solid #e6eaf1}.delivery-attempt p{margin:8px 0;font-size:.875rem}

.draft-list{margin:30px 0}.draft-list h3{font-size:.875rem;margin-bottom:10px}.draft-list a{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}.draft-list a:hover{color:var(--accent);text-decoration:none}.draft-list small{margin-top:4px;color:var(--muted)}

/* Clear action roles */
.button.secondary{background:#fff;border-color:#cfd6e3;color:#344057}.button.secondary:hover{background:#f3f5f9;border-color:#bfc8d8}.button.export{background:#edf8f2;border-color:#b9ddc8;color:#276645}.button.export:hover{background:#dff2e7;border-color:#93caaa}.button.danger,.button.destructive{background:#fff2f3;border-color:#edc3c8;color:#a33643}.button.danger:hover,.button.destructive:hover{background:#fce4e7;border-color:#dc9ca4}

/* Contacts table: preserve readable type while giving long values room to wrap. */
.contact-table{min-width:1260px;table-layout:fixed}.contact-table .contact-col{width:190px}.contact-table .company-col{width:210px}.contact-table .email-col{width:210px}.contact-table .website-col{width:105px}.contact-table .membership-col{width:150px}.contact-table .status-col{width:190px}.contact-table .action-col{width:54px}.contact-table td{line-height:1.45}.contact-table .contact-name,.contact-table .email-text,.contact-table .cell-title{white-space:normal;overflow-wrap:anywhere}.contact-table .person{align-items:flex-start}.contact-table .membership-list{gap:5px}.contact-table .membership-list label{line-height:1.3;white-space:normal}.contact-table .status-stack{gap:5px}.contact-table .status-stack>div{display:grid;grid-template-columns:minmax(68px,1fr) auto;align-items:center;gap:6px}.contact-table .status-stack small{min-width:0}.contact-table .badge{padding:4px 7px}

/* Template library and rich message editor */
.template-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:24px;align-items:start}.template-layout>.panel{padding:26px}.template-library{display:flex;flex-direction:column;gap:12px}.template-library>h2{margin-bottom:4px}.template-card{border:1px solid var(--line);border-radius:9px;padding:16px;background:#fbfcff}.template-card h3{margin:0 0 6px;overflow-wrap:anywhere}.template-card p{color:var(--muted);font-size:.875rem;line-height:1.5;margin:0 0 14px;overflow-wrap:anywhere}.editor-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;border:1px solid #d9dfeb;border-bottom:0;border-radius:8px 8px 0 0;background:#f8f9fc}.editor-tools .button{margin:0;min-height:34px}.editor-tools label{display:flex;align-items:center;gap:6px}.editor-tools select{padding:6px 8px}.message-editor{min-height:260px;padding:14px 16px;border:1px solid #d9dfeb;border-radius:0 0 8px 8px;background:#fff;line-height:1.65;overflow-wrap:anywhere}.message-editor:focus{outline:2px solid #a0a4f0;outline-offset:1px;border-color:var(--accent)}.template-picker{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px}.template-picker label{margin:0}.template-picker select{width:100%}

@media(max-width:850px){.template-layout{grid-template-columns:1fr}.template-layout>.panel{padding:20px}.template-picker{grid-template-columns:1fr}.contact-table{min-width:1160px}}
/* Fit a standard desktop viewport; scroll only when the viewport needs it. */
.contact-table{min-width:1120px}.contact-table .contact-col{width:150px}.contact-table .company-col{width:180px}.contact-table .email-col{width:210px}.contact-table .website-col{width:85px}.contact-table .membership-col{width:140px}.contact-table .status-col{width:160px}.contact-table .action-col{width:44px}.contact-table .status-stack>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.contact-table td,.contact-table th{padding-left:12px;padding-right:12px}.editor-status{margin:8px 0 0;font-size:.8125rem;line-height:1.5}.editor-status:empty{display:none}.rich-editor>label{display:block;margin-bottom:8px}[hidden]{display:none!important}

.table-scroll{position:relative}

/* Center the name's line box and avatar together inside the table cell. */
.contact-table .person{align-items:center}
.contact-table .person>div{min-width:0}
.contact-table .contact-name{display:block}

.recipient{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.recipient-remove{padding:2px 0;color:#a33643;white-space:nowrap}

/* Compose uses a warmer, technical surface without changing shared form behavior. */
.compose-layout{grid-template-columns:minmax(0,1fr) 322px;gap:28px}.compose-sheet{background:#fffdf8;border-color:#ddd8ce;border-radius:14px;box-shadow:0 18px 40px #2b30230a}.compose-form.stack-form{padding:0;gap:0}.compose-setup{padding:24px 28px 22px;border-bottom:1px solid #e5e0d7}.compose-setup legend{color:#6b716e;font-size:.6875rem;font-weight:700;letter-spacing:1.45px;text-transform:uppercase;margin-bottom:14px}.compose-setup-grid{display:grid;grid-template-columns:1fr;gap:18px}.compose-field{min-width:0}.compose-field-label{display:block;color:#4d5958;font-size:.8125rem;font-weight:650;margin:0 0 8px}.compose-sheet .from-identity{height:42px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #ded9d0;border-radius:7px;background:#f7f5f0;color:#2b393a;font-size:.8125rem;overflow-wrap:anywhere}.compose-sheet .template-picker{grid-template-columns:1fr auto;gap:7px 10px}.compose-sheet .template-picker label{grid-column:1/-1;color:#4d5958;font-size:.8125rem}.compose-sheet .template-picker a{align-self:center;color:#355f85;font-size:.75rem;white-space:nowrap}.compose-sheet .template-picker select{min-width:0;border-color:#ded9d0;background:#fffefa}.compose-message-section{padding:22px 28px 0}.compose-subject-field{margin-bottom:18px}.compose-subject-field label{display:block;color:#4d5958;font-size:.8125rem;font-weight:650;margin-bottom:8px}.compose-subject-field input{border-color:#ded9d0;background:#fffefa}.compose-sheet .document-editor{border-color:#d9d4ca;border-radius:9px;background:#fffefa;box-shadow:inset 0 1px #fff}.compose-sheet .editor-toolbar{gap:5px;padding:9px 10px;border-color:#e3ded5;background:#f7f4ee}.compose-sheet .editor-toolbar button{border-color:#d8d2c8;border-radius:6px;background:#fffefa;color:#334144}.compose-sheet .editor-toolbar button:hover{background:#eef1f1}.compose-sheet .editor-toolbar button.ql-active{background:#e6edf2;border-color:#7091aa;color:#254e70}.compose-sheet .document-editor:focus-within{border-color:#587d9b;box-shadow:0 0 0 3px #587d9b1c}.compose-sheet .ql-editor:focus{outline:0}.compose-attachments{padding:20px 28px;border-top:1px solid #e5e0d7}.compose-attachments legend{color:#4d5958;font-size:.8125rem;font-weight:650;margin:0 0 10px}.compose-attachment-list{display:flex;flex-direction:column;gap:7px}.compose-attachment-list.is-empty{color:#77807e;font-size:.8125rem}.compose-attachment{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e0dbd1;border-radius:7px;background:#faf8f3;font-size:.8125rem}.compose-attachment-icon{color:#537895;font-size:1rem;line-height:1}.compose-attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2e597c;font-weight:600}.compose-attachment-size{color:#78807d;font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.compose-attachment-remove{padding:5px 2px;color:#9a3f46;font-size:.75rem}.compose-foot{padding:18px 28px 22px;border-top:1px solid #e5e0d7;background:#fcfaf5}.compose-foot>div{min-width:0}.compose-foot strong{display:block;color:#293837;font-size:.875rem}.compose-foot small{color:#707977;font-size:.75rem;margin-top:3px}.compose-foot .button{align-self:center;min-height:42px;border-radius:7px;background:#2f5e8c;border-color:#2f5e8c;box-shadow:none}.compose-foot .button:hover{background:#264d72;border-color:#264d72}.recipient-panel{padding:24px;background:#fffdf8;border-color:#ddd8ce;border-radius:14px;box-shadow:0 18px 40px #2b30230a}.recipient-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #e5e0d7}.recipient-panel-heading .eyebrow{color:#6d7672;margin:0 0 7px;font-size:.625rem;letter-spacing:1.35px}.recipient-panel-heading h2{margin:0;color:#263535;font-size:1.05rem}.recipient-status{display:inline-flex;align-items:center;gap:6px;color:#497465;font-size:.6875rem;font-weight:650;white-space:nowrap}.recipient-status span{width:6px;height:6px;border-radius:50%;background:currentColor}.recipient{padding:16px 0;border-color:#e7e2d9}.recipient strong{color:#2c3a3b}.recipient small{color:#737c7a}.recipient-remove{font-size:.75rem}.recipient-policy{display:flex;flex-direction:column;gap:4px;margin:18px 0 0;padding:12px 13px;border-color:#d8e0e1;background:#f2f6f5;color:#536462;font-size:.75rem}.recipient-policy strong{color:#405958;font-size:.75rem}.recipient-panel .notice.warning{border-color:#ead5a9;background:#fff7e7;color:#825c1e}
@media(max-width:1200px){.compose-layout{grid-template-columns:minmax(0,1fr) 276px}.compose-setup-grid{grid-template-columns:1fr}.compose-sheet .template-picker{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:850px){.compose-sheet,.recipient-panel{border-radius:11px}.compose-setup,.compose-message-section,.compose-attachments,.compose-foot{padding-left:20px;padding-right:20px}.recipient-panel{padding:20px}.compose-layout{gap:18px}}
@media(max-width:500px){.compose-setup,.compose-message-section,.compose-attachments,.compose-foot{padding-left:16px;padding-right:16px}.compose-sheet .template-picker{grid-template-columns:1fr}.compose-sheet .template-picker a{justify-self:start}.compose-attachment{grid-template-columns:18px minmax(0,1fr) auto}.compose-attachment-remove{grid-column:2/-1;justify-self:start}.compose-foot{align-items:flex-start;flex-direction:column;gap:14px}.compose-foot .button{width:100%}}
@media(max-width:850px){.compose-layout{grid-template-columns:1fr}}