:root{
  color-scheme:light;
  --canvas-fog:#F5F5F7;
  --mail-paper:#FFFFFF;
  --raised-paper:#FBFBFD;
  --coffee-ink:#1D1D1F;
  --secondary-ink:#6E6E73;
  --system-blue:#007AFF;
  --system-blue-hover:#0067D8;
  --system-blue-soft:#EAF3FF;
  --delivery-green:#248A3D;
  --delivery-green-soft:#EAF7EE;
  --risk-amber:#B06A00;
  --risk-amber-soft:#FFF4DD;
  --bounce-red:#D70015;
  --bounce-red-soft:#FFECEE;
  --hairline:rgba(60,60,67,.16);
  --hairline-strong:rgba(60,60,67,.28);
  --surface-muted:rgba(118,118,128,.08);
  --sidebar-surface:rgba(246,247,250,.88);
  --focus-ring:rgba(0,122,255,.28);
  --card-shadow:0 1px 2px rgba(0,0,0,.035),0 10px 28px rgba(0,0,0,.045);
  --dialog-shadow:0 24px 70px rgba(0,0,0,.22),0 3px 12px rgba(0,0,0,.08);
  --bg:var(--canvas-fog); --surface:var(--mail-paper); --panel:var(--raised-paper);
  --ink:var(--coffee-ink); --muted:var(--secondary-ink);
  --accent:var(--system-blue); --primary:var(--system-blue); --accent-soft:var(--system-blue-soft);
  --ok:var(--delivery-green); --ok-soft:var(--delivery-green-soft);
  --warn:var(--risk-amber); --warn-soft:var(--risk-amber-soft);
  --danger:var(--bounce-red); --danger-soft:var(--bounce-red-soft);
  --line:var(--hairline);
  --mono:ui-monospace,"SF Mono",Menlo,"Cascadia Mono",Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI Variable Text","Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;
  --r:16px;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --canvas-fog:#101216;
  --mail-paper:#1B1E24;
  --raised-paper:#22262E;
  --coffee-ink:#F7F8FA;
  --secondary-ink:#BEC3CC;
  --tertiary-ink:#A9B0BB;
  --disabled-ink:#969EAA;
  --system-blue:#5EA1FF;
  --system-blue-hover:#78B0FF;
  --system-blue-soft:rgba(94,161,255,.16);
  --delivery-green:#58C878;
  --delivery-green-soft:rgba(88,200,120,.15);
  --risk-amber:#E6A443;
  --risk-amber-soft:rgba(230,164,67,.16);
  --bounce-red:#FF6473;
  --bounce-red-soft:rgba(255,100,115,.14);
  --hairline:rgba(235,235,245,.15);
  --hairline-strong:rgba(235,235,245,.27);
  --surface-muted:rgba(235,235,245,.075);
  --sidebar-surface:rgba(22,25,31,.9);
  --focus-ring:rgba(94,161,255,.38);
  --card-shadow:0 1px 2px rgba(0,0,0,.28),0 12px 30px rgba(0,0,0,.2);
  --dialog-shadow:0 26px 76px rgba(0,0,0,.54),0 3px 14px rgba(0,0,0,.28);
}

/* Email marketing control center */
.control-page { max-width: 1500px; margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.quick-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.workspace-kpis { margin-bottom: 18px; }
.dashboardHeaderTools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.dashboardPeriodSwitch{display:flex;align-items:center;gap:4px}
.dashboardHeaderTools form{margin:0}
.dashboardSyncButton{gap:7px}
.dashboardSyncButton svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboardSyncNotice{margin:-8px 0 16px}
.kpis.compact { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
.kpis .val.small { font-size: 24px; text-transform: capitalize; }
.toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 16px; }
.wizard-steps { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 18px; border-radius: 12px; overflow: hidden; border: 1px solid var(--line); }
.wizard-steps span { padding: 14px 18px; background: #fff; color: var(--muted); border-right: 1px solid var(--line); }
.wizard-steps span.on { color: var(--primary); background: #eef4ff; font-weight: 700; }
.wizard-grid label { display: grid; gap: 7px; margin: 15px 0; color: var(--muted); font-size: 13px; }
.wizard-grid input, .wizard-grid textarea, .toolbar input, .toolbar select { width: 100%; box-sizing: border-box; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; background: #fff; font: inherit; }
.wizard-grid select { width: 100%; box-sizing: border-box; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; background: #fff; font: inherit; }
.wizard-time { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.allocationMailboxGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0 18px}
.allocationMailbox{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.allocationMailbox span{display:grid;gap:3px}.allocationMailbox small{color:var(--muted)}
.check-list { padding-left: 22px; line-height: 2.2; }
.notice { padding: 14px; border-radius: 9px; background: #f4f7fb; color: var(--muted); }
.notice.danger { margin-bottom: 18px; background: #fff2f1; color: #a9342b; }
.main.inboxMain{padding-bottom:12px;background:color-mix(in srgb,var(--system-blue-soft) 34%,var(--canvas-fog) 66%)}.inboxPage{max-width:none;--inbox-nav-wash:color-mix(in srgb,var(--system-blue-soft) 34%,var(--canvas-fog) 66%);--inbox-list-wash:color-mix(in srgb,var(--inbox-nav-wash) 54%,var(--mail-paper) 46%);--inbox-message-paper:color-mix(in srgb,var(--inbox-nav-wash) 22%,var(--mail-paper) 78%);--inbox-divider:color-mix(in srgb,var(--hairline) 26%,transparent);--inbox-row-divider:color-mix(in srgb,var(--hairline) 38%,transparent)}.inboxPageHeader{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1500px;min-height:48px;margin:0 auto 12px}
.inboxTitleBlock h1{font-size:1.5rem;font-weight:720;letter-spacing:-.025em}
.inboxSyncControl{margin:0}.inboxSyncButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;min-height:40px;padding:8px 14px;border:1px solid currentColor;border-radius:10px;background:var(--delivery-green-soft);color:var(--delivery-green);font:650 .78125rem/1 var(--sans);cursor:pointer;transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out}
.inboxSyncButton svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.inboxSyncButton:hover{background:color-mix(in srgb,var(--delivery-green-soft) 76%,var(--delivery-green) 24%)}.inboxSyncButton:active{background:color-mix(in srgb,var(--delivery-green-soft) 66%,var(--delivery-green) 34%)}.inboxSyncButton:focus-visible{outline:2px solid var(--system-blue);outline-offset:2px}.inboxSyncButton.is-pending,.inboxSyncButton.is-delayed{background:var(--risk-amber-soft);color:var(--risk-amber)}.inboxSyncButton.is-pending:hover,.inboxSyncButton.is-delayed:hover{background:color-mix(in srgb,var(--risk-amber-soft) 76%,var(--risk-amber) 24%)}.inboxSyncButton.is-stale{background:var(--bounce-red-soft);color:var(--bounce-red)}.inboxSyncButton.is-stale:hover{background:color-mix(in srgb,var(--bounce-red-soft) 76%,var(--bounce-red) 24%)}
.inboxSyncIndicator{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--hairline);border-radius:10px;background:var(--mail-paper)}.inboxSyncIndicator>span{width:10px;height:10px;border-radius:50%;background:#8e8e93}.inboxSyncIndicator.is-fresh>span{background:var(--delivery-green)}.inboxSyncIndicator.is-pending>span,.inboxSyncIndicator.is-delayed>span{background:var(--risk-amber)}.inboxSyncIndicator.is-stale>span{background:var(--bounce-red)}
.inboxSyncNotice{margin-bottom:12px;padding:10px 14px;border-radius:10px;background:var(--delivery-green-soft);color:var(--delivery-green);font-size:.78125rem}.inboxSyncNotice.isError{background:var(--bounce-red-soft);color:var(--bounce-red)}
.inboxWorkspace{display:grid;grid-template-columns:148px minmax(0,1fr);width:calc(100% + var(--main-inline-gutter,0px));height:calc(100dvh - 100px);min-height:620px;margin-inline-start:calc(-1 * var(--main-inline-gutter,0px));align-items:stretch}
.inbox-layout{display:grid;grid-template-columns:minmax(330px,384px) minmax(500px,1fr);gap:0;min-width:0;height:100%;overflow:hidden;border:1px solid transparent;border-radius:16px;background:var(--inbox-message-paper);box-shadow:0 1px 2px rgba(0,0,0,.025);align-items:stretch}
.inbox-layout>.card{min-width:0;margin:0;border:0;border-radius:0;box-shadow:none}.inbox-folders{display:flex;min-width:0;flex-direction:column;gap:2px;padding:12px 12px 12px 0;border-inline-end:0;background:var(--inbox-nav-wash)}
.inboxRailLabel{padding:5px 12px 9px;color:var(--tertiary-ink);font-size:.6875rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.inbox-folders>a{display:grid;grid-template-columns:20px minmax(max-content,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:0 22px 22px 0;color:var(--secondary-ink);font-size:.8125rem;white-space:nowrap;transition:background-color .14s ease-out,color .14s ease-out}
.inbox-folders>a:hover{background:rgba(60,64,67,.07);color:var(--coffee-ink)}.inbox-folders>a.on{background:#dceaff;color:#174ea6;font-weight:700}
.inboxFolderIcon{display:grid;width:20px;height:20px;place-items:center;font-family:var(--mono);font-size:.8125rem}.inbox-folders>a>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-folders>a b{min-width:18px;color:inherit;text-align:end;font:650 .6875rem/1.45 var(--mono);white-space:nowrap}
.inbox-layout>.thread-list{display:flex;flex-direction:column;padding:0;overflow:hidden;border-inline-end:1px solid var(--inbox-divider);background:var(--inbox-list-wash)}.threadListHeader{display:grid;gap:10px;padding:12px 14px;border-bottom:1px solid var(--inbox-divider);background:transparent}
.threadListHeader>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.threadListHeader>div strong{font-size:.8125rem}.threadListHeader>div small{color:var(--tertiary-ink);font-size:.6875rem}
.inboxSearch{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:0;border-radius:18px;background:var(--surface-muted);color:var(--tertiary-ink)}
.inboxSearch:focus-within{border-color:var(--system-blue);box-shadow:0 0 0 4px var(--focus-ring)}.inboxSearch input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--coffee-ink);font:inherit}.inboxSearch a{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:var(--secondary-ink);font-size:1rem}.inboxSearch a:hover{background:rgba(118,118,128,.12)}
.threadListScroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}
.thread-list-item{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:9px;min-height:68px;padding:10px 12px;border-bottom:1px solid var(--inbox-row-divider);color:inherit;text-decoration:none;transition:background-color .14s ease-out}
.thread-list-item:hover{background:rgba(60,64,67,.055)}.thread-list-item.on{background:#eaf2ff}.thread-list-item.on::before{position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--system-blue);content:""}
.threadStateMark{display:grid;width:14px;height:22px;place-items:center;color:#9aa0a6;font-size:.5rem}.thread-list-item.isUnread .threadStateMark{color:var(--system-blue)}
.threadSummary{display:grid;gap:2px;min-width:0}.threadPrimaryLine{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.threadPrimaryLine strong{overflow:hidden;color:var(--coffee-ink);font-size:.78125rem;text-overflow:ellipsis;white-space:nowrap}.threadPrimaryLine time{flex:0 0 auto;color:var(--tertiary-ink);font-size:.625rem;font-variant-numeric:tabular-nums}
.thread-list-item.isUnread .threadPrimaryLine strong,.thread-list-item.isUnread .threadSubject{font-weight:750}
.threadSubject,.threadPreview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threadSubject{color:var(--secondary-ink);font-size:.71875rem;font-weight:600}.threadPreview{color:var(--tertiary-ink);font-size:.6875rem}.threadMetaLine{display:flex;align-items:center;gap:8px;min-width:0;margin-top:2px;color:var(--tertiary-ink);font-size:.625rem}.threadMetaLine span+span::before{margin-right:8px;content:"·"}.threadMetaLine em{overflow:hidden;color:var(--bounce-red);font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.threadUnread{align-self:start;min-width:20px;padding:2px 5px;border-radius:999px;background:var(--system-blue);color:#fff;text-align:center;font:650 .625rem/1.4 var(--mono)}
.inbox-layout>.conversation{padding:0;overflow-y:auto;background:var(--inbox-message-paper);scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}.conversationHeader{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--inbox-divider);background:color-mix(in srgb,var(--inbox-message-paper) 94%,transparent);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}
.conversationTitle{display:grid;gap:8px;min-width:0;overflow:hidden}.conversationTitle h3{width:100%;min-width:0;max-width:100%;overflow:hidden;font-size:.9375rem;text-overflow:ellipsis;white-space:nowrap}.threadContext{display:flex;min-width:0;max-width:100%;overflow:hidden;flex-wrap:wrap;gap:6px}.threadContext a,.threadContext span{min-width:0;max-width:240px;overflow:hidden;padding:3px 7px;border-radius:6px;background:var(--surface-muted);color:var(--secondary-ink);font-size:.65625rem;text-overflow:ellipsis;white-space:nowrap}.threadContext a:hover{background:var(--system-blue-soft);color:#005fc7}
.conversationStream{display:grid;gap:12px;padding:16px 18px 4px}.conversationStream>.message{position:relative;margin:0;padding:15px;border:1px solid var(--hairline);border-inline-start:3px solid var(--delivery-green);border-radius:12px;background:var(--mail-paper)}.conversationStream>.message.outbound{border-inline-start-color:var(--system-blue);background:var(--raised-paper)}
.message-head{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(110px,.8fr);align-items:center;gap:9px}.messageDirectionIcon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--delivery-green-soft);color:var(--delivery-green);font:700 .8125rem var(--mono)}.message.outbound .messageDirectionIcon{background:var(--system-blue-soft);color:#005fc7}.messageIdentity{display:grid;gap:2px;min-width:0}.messageIdentity b,.messageIdentity small,.messageRecipients{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageIdentity b{font-size:.75rem}.messageIdentity small,.messageRecipients{color:var(--tertiary-ink);font-size:.65625rem}.messageRecipients{text-align:end}
.conversationStream .email-html-sanitized,.conversationStream .email-plain-text{margin:13px 0 4px;padding:0;border:0;background:transparent;color:var(--coffee-ink);line-height:1.62}.messageActions{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}
.inboxEmptyState{display:grid;min-height:220px;padding:32px;place-items:center;align-content:center;gap:8px;color:var(--secondary-ink);text-align:center}.inboxEmptyState>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:var(--surface-muted);color:var(--system-blue);font:700 1rem var(--mono)}.inboxEmptyState strong{color:var(--coffee-ink);font-size:.8125rem}.inboxEmptyState p{max-width:36ch;font-size:.71875rem;line-height:1.5}.conversationEmpty{min-height:100%}
.emailAttachments{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline)}.emailAttachmentsHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.emailAttachmentsHeader span{font-size:.75rem;font-weight:700}.emailAttachmentsHeader small{color:var(--tertiary-ink);font-size:.65625rem}.emailAttachmentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.emailAttachment{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid var(--hairline);border-radius:10px;background:var(--raised-paper)}
.emailAttachmentIcon{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:var(--system-blue-soft);color:#005fc7;font:750 .625rem var(--mono)}.emailAttachment.is-pdf .emailAttachmentIcon{background:var(--bounce-red-soft);color:var(--bounce-red)}.emailAttachment.is-sheet .emailAttachmentIcon{background:var(--delivery-green-soft);color:var(--delivery-green)}.emailAttachment.is-archive .emailAttachmentIcon{background:var(--risk-amber-soft);color:var(--risk-amber)}
.emailAttachmentInfo{display:grid;gap:2px;min-width:0}.emailAttachmentInfo strong,.emailAttachmentInfo small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emailAttachmentInfo strong{font-size:.71875rem}.emailAttachmentInfo small{color:var(--tertiary-ink);font-size:.625rem}.emailAttachmentInfo .emailAttachmentError{color:var(--bounce-red)}.emailAttachmentAction,.emailAttachmentUnavailable{padding:6px 8px;border-radius:8px;font-size:.6875rem;font-weight:650}.emailAttachmentAction{color:#005fc7}.emailAttachmentAction:hover{background:var(--system-blue-soft)}.emailAttachmentUnavailable{color:var(--disabled-ink)}
.emailAttachments.isCompact{margin-top:11px;padding-top:11px}.emailAttachments.isCompact .emailAttachmentGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin-bottom: 18px; }
.tabs a { padding: 12px 18px; color: var(--muted); }
.tabs a.on { color: var(--primary); font-weight: 700; border-bottom: 2px solid var(--primary); }
.timeline-list article { position: relative; display: grid; gap: 5px; padding: 4px 10px 22px 25px; border-left: 2px solid #dbe3ef; margin-left: 7px; }
.timeline-list article::before { content: ''; position: absolute; left: -6px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: #6684aa; }
.timeline-list article.severity-warning::before { background: #d69022; }
.timeline-list article.severity-error::before { background: #d04a3c; }
.timeline-list time { color: var(--muted); font-size: 12px; }
@media(max-width:1280px){.inboxWorkspace{grid-template-columns:132px minmax(0,1fr)}.inbox-layout{grid-template-columns:minmax(280px,340px) minmax(420px,1fr)}.inbox-folders{padding-inline-end:8px}.inbox-folders>a{padding-inline:8px}}
@media(max-width:1100px){.inboxWorkspace{display:flex;flex-direction:column}.inbox-folders{flex-direction:row;align-items:center;overflow-x:auto;padding:0 0 8px;border-inline-end:0;scrollbar-width:none}.inbox-folders::-webkit-scrollbar{display:none}.inboxRailLabel{padding:0 10px;flex:0 0 auto}.inbox-folders>a{grid-template-columns:20px max-content;min-width:108px;flex:1 1 0;justify-content:center;padding:7px 10px;border-radius:20px}.inbox-layout{flex:1;min-height:0}}
@media(max-width:920px){.inboxWorkspace{height:auto;min-height:0}.inbox-layout{display:flex;height:auto;min-height:0;flex-direction:column}.inbox-layout>.thread-list{max-height:430px}.inbox-layout>.conversation{min-height:520px;overflow:visible}.conversationHeader{top:0}.message-head{grid-template-columns:30px minmax(0,1fr)}.messageRecipients{grid-column:2;text-align:start}.emailAttachmentGrid{grid-template-columns:1fr}.kpis.compact{grid-template-columns:repeat(2,1fr)}.wizard-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inboxPageHeader{gap:12px}.inboxSyncButton{min-width:84px}.inboxRailLabel{display:none}.inbox-folders>a{min-width:106px}.thread-list-item{grid-template-columns:14px minmax(0,1fr) auto;padding:10px}.conversationHeader{align-items:stretch;flex-direction:column}.conversationHeader .btn{width:100%}.conversationStream{padding:12px}.conversationStream>.message{padding:12px}.replyComposer{padding:12px!important}.threadContext a,.threadContext span{max-width:100%}}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px}
a{color:var(--accent);text-decoration:none;cursor:pointer}
.layout{display:flex;min-height:100vh}
.side{width:250px;background:var(--ink);color:#B9C4D6;padding:20px 12px;flex-shrink:0;display:flex;flex-direction:column}
.brand{color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px;padding:4px 10px 18px;display:flex;align-items:center;gap:8px}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}
.nav{min-width:0}.nav-zone+.nav-zone{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.nav-zone-title{padding:0 10px 6px;color:#71809A;font-size:10.5px;font-weight:700;letter-spacing:.08em}
.nav a,.nav summary{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;text-align:left;background:none;border:0;color:#B9C4D6;padding:9px 10px;border-radius:8px;font-size:13.5px;cursor:pointer;font-family:var(--sans)}
.nav a:hover,.nav summary:hover{background:rgba(255,255,255,.07);color:#fff}.nav a.on,.nav-group.is-active>summary{background:var(--accent);color:#fff;font-weight:600}
.nav .ico{font-family:var(--mono);font-size:12px;width:18px;text-align:center;opacity:.85}
.nav-group{margin:0}.nav-group summary{list-style:none;justify-content:space-between}.nav-group summary::-webkit-details-marker{display:none}.nav-group-main{display:flex;align-items:flex-start;gap:9px;min-width:0}.nav-group .txt{display:grid;gap:2px;min-width:0}.nav-group .txt small{color:#93A1B8;font-size:10.5px;font-weight:400;line-height:1.35}.nav-group.is-active>summary .txt small{color:#DCE7FF}.nav-chevron{font-size:15px;line-height:1;transition:transform .18s ease}.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.nav-children{margin:2px 0 7px 27px;padding-left:8px;border-left:1px solid rgba(255,255,255,.16)}
.nav a.nav-child{gap:8px;padding:7px 9px;font-size:12.5px}
.nav a.nav-child.on{background:rgba(36,88,214,.42);color:#fff}
.nav-child-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.65;flex:0 0 auto}
.nav-count{margin-left:auto;min-width:19px;padding:1px 6px;border-radius:999px;background:#F6C453;color:#4B3500;text-align:center;font:700 10.5px var(--mono)}
.side .foot{margin-top:auto;padding:10px;font-size:11.5px;color:#5F6E86;line-height:1.7}
.side .foot b{color:#8FA0BC;font-weight:600}
.statusOk{color:#4BC08B!important}.statusBad{color:#F08B8B!important}
.logoutForm{margin-top:10px}
.logoutForm button{border:0;background:rgba(255,255,255,.07);color:#B9C4D6;border-radius:7px;padding:6px 8px;font-size:11.5px;cursor:pointer}
.main{flex:1;min-width:0;width:100%;max-width:none;padding:22px 26px}
.crumbs{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}
.rowActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rowActions form{margin:0}
.crumbs h1{font-size:19px;font-weight:700}
.crumbs .sub{color:var(--muted);font-size:12.5px;margin-top:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:13px;cursor:pointer;font-weight:600;font-family:var(--sans)}
.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.btn.ghost.onBtn,.onBtn{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.btn.full{width:100%}
.btn.sm{padding:6px 12px;font-size:12px}.btn.disabled{pointer-events:none;opacity:.45}
.btn+.btn{margin-left:8px}
.page{display:none}.page.on{display:block;animation:fade .18s ease}
@keyframes fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.kpi .lab{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.kpi .val{font-family:var(--mono);font-size:26px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}
.kpi .val.compactText{font-family:inherit;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.kpi .delta{font-size:11.5px;margin-top:4px;font-family:var(--mono)}
.up{color:var(--ok)} .down{color:var(--danger)}
.kpi.alert{border-color:var(--danger);background:var(--danger-soft)}
.metricVisibilityBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 10px}
.metricVisibilityTitle{font-size:13px;font-weight:700;color:var(--ink)}
.metricVisibilityHint{font-size:11.5px;color:var(--muted);margin-top:2px}
.metricVisibilityToggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 10px;font:600 12px var(--sans);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
.metricVisibilityToggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.metricVisibilityToggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.metricVisibilityToggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.metricVisibilityToggle .eyeOpen{display:none}
.metricVisibilityToggle[aria-pressed="true"] .eyeOpen{display:block}
.metricVisibilityToggle[aria-pressed="true"] .eyeClosed{display:none}
.dashboardPerformance[data-visible="false"] .performanceKpi .val,.dashboardPerformance[data-visible="false"] .performanceKpi .delta{position:relative;color:transparent!important;user-select:none}
.dashboardPerformance[data-visible="false"] .performanceKpi .delta>*{color:transparent!important}
.dashboardPerformance[data-visible="false"] .performanceKpi .val::after{content:"••••";position:absolute;inset:0;color:var(--muted);letter-spacing:3px}
.dashboardPerformance[data-visible="false"] .performanceKpi .delta::after{content:"数据已隐藏";position:absolute;inset:0;color:var(--muted);font-family:var(--sans);letter-spacing:0}
.replyMetricMeta{display:grid;gap:2px}
.autoReplyMeta{color:var(--secondary-ink);font-family:var(--sans);font-size:.6875rem;line-height:1.35}
.autoReplyMeta b{font-family:var(--mono);font-weight:650}
.dashboardFunnelData{position:relative}
.dashboardFunnel[data-visible="false"] .dashboardFunnelData{min-height:62px}
.dashboardFunnel[data-visible="false"] .dashboardFunnelData>.funnel,.dashboardFunnel[data-visible="false"] .dashboardFunnelData>.funnelMeta{filter:blur(8px);opacity:.14;user-select:none;pointer-events:none}
.dashboardFunnel[data-visible="false"] .dashboardFunnelData::after{content:"发送漏斗已隐藏，点击上方小眼睛查看";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:600;background:rgba(255,255,255,.55);border-radius:8px}
.funnelCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:14px}
.funnel{display:flex;height:46px;border-radius:8px;overflow:hidden;font-family:var(--mono)}
.funnel .seg{display:flex;flex-direction:column;justify-content:center;padding:0 12px;color:#fff;min-width:64px}
.funnel .seg small{font-size:10px;opacity:.85;font-family:var(--sans)}
.funnel .seg b{font-size:14px;font-weight:600}
.fs1{background:#17243B}.fs2{background:#2458D6}.fs3{background:#3E7BEB}.fs4{background:#1F9D66}
.funnel .rest{background:#EDF1F7;color:var(--muted);flex:1;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font-size:11px;font-family:var(--sans)}
.funnelMeta{display:flex;gap:22px;margin-top:10px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.funnelMeta b{font-family:var(--mono);color:var(--ink)}
.cardTitle{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}
.cardTitle .hint{font-weight:400;color:var(--muted);font-size:12px}
.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.mt{margin-top:14px}.right{text-align:right}.emptyState{color:var(--muted);margin-bottom:14px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{font-size:11.5px;color:var(--muted);text-align:left;font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px;border-bottom:1px solid #EEF2F7;vertical-align:middle}
tr:last-child td{border-bottom:0}
td.num,th.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.tag{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}
.t-ok{background:var(--ok-soft);color:var(--ok)}
.t-warn{background:var(--warn-soft);color:#A56D00}
.t-danger{background:var(--danger-soft);color:var(--danger)}
.t-info{background:var(--accent-soft);color:var(--accent)}
.t-gray{background:#EDF1F7;color:var(--muted)}
.mono{font-family:var(--mono);font-size:12.5px}
.rate.ok,.okText{color:var(--ok);font-weight:700}.rate.warn,.warnText{color:var(--warn);font-weight:700}.rate.danger,.dangerText{color:var(--danger);font-weight:700}
.sumRow{background:#F7F9FC}
.cd{font-family:var(--mono);font-weight:700;padding:4px 10px;border-radius:7px;font-size:12.5px}
.cd.safe{background:var(--ok-soft);color:var(--ok)}
.cd.soon{background:var(--warn-soft);color:#A56D00}
.cd.late{background:var(--danger);color:#fff;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.75}}
.companyLookup{position:relative}
.suggestions{position:absolute;z-index:20;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 20px rgba(20,36,60,.12);overflow:hidden}
.suggestions button{display:block;width:100%;padding:9px 11px;border:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer}
.suggestions button:hover,.suggestions button:focus{background:var(--accent-soft)}
.formError{margin-bottom:10px;padding:9px 11px;border-radius:7px;background:var(--danger-soft);color:var(--danger);font-weight:600}
.inlineEdit{display:grid;grid-template-columns:repeat(2,72px);gap:6px;margin-top:7px;min-width:160px}.inlineEdit label{font-size:10px;color:var(--muted)}.inlineEdit input{width:100%;padding:5px;border:1px solid var(--line);border-radius:6px}.inlineEdit .btn{grid-column:1/-1}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;color:var(--muted);font-size:12px}
.abResultForm{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:6px;margin-top:7px;min-width:250px}.abResultForm input,.abResultForm select{width:100%;padding:6px;border:1px solid var(--line);border-radius:6px}.abResultForm .btn{grid-column:1/-1}
.spark{display:flex;align-items:flex-end;gap:4px;height:64px;margin-top:6px}
.spark i{flex:1;background:var(--accent-soft);border-radius:3px 3px 0 0}
.spark i.hi{background:var(--accent)}
.sparkLabels{display:flex;gap:4px;margin-top:5px}
.sparkLabels span{flex:1;text-align:center;font-size:10px;color:var(--muted);font-family:var(--mono)}
.filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.filters select,.filters input,.form input,.form select,.form textarea,.loginPanel input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12.5px;background:var(--surface);color:var(--ink);font-family:var(--sans)}
.filters input{width:200px}
.note{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.7}
.form{background:var(--accent-soft);border:1px solid #C9D8F6;border-radius:var(--r);padding:14px 16px;margin-bottom:12px;display:none}
.form.open{display:block}
.form h4{font-size:13px;margin-bottom:10px}
.formIntro{margin:-2px 0 12px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.58);color:var(--muted);font-size:11.5px;line-height:1.55}
.form .row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.form .row.companyBasicRow{grid-template-columns:1.15fr 1.15fr .9fr .65fr}
.form .row.contactEntryRow{grid-template-columns:repeat(4,minmax(0,1fr))}
.form label,.loginPanel label{font-size:11.5px;color:var(--muted);display:block;margin-bottom:8px}
.form input,.form select,.form textarea{width:100%}
.form .fieldHelp{margin:6px 2px 0;color:#5E6D84;font-size:10.75px;line-height:1.5;min-height:32px}
.contactPriorityPreview{font-weight:600}
.contactPriorityPreview[data-priority="A"]{color:#B93838}.contactPriorityPreview[data-priority="B"]{color:#A56D00}.contactPriorityPreview[data-priority="C"]{color:var(--accent)}.contactPriorityPreview[data-priority="D"],.contactPriorityPreview[data-priority="E"]{color:var(--muted)}
.formActions{display:flex;align-items:center;gap:8px}.formActions .btn+.btn{margin-left:0}
.companyTableCard{container-name:company-table;container-type:inline-size;overflow:hidden}.companyTableCard table{width:100%;min-width:0;table-layout:fixed}.companyTableCard .companySelectCol{width:4%;text-align:center}.companyTableCard .companyInfoCol{width:21%}.companyTableCard .companyOwnerCol{width:11%}.companyTableCard .companyCountryCol{width:5%}.companyTableCard .companyTypeCol{width:8%}.companyTableCard .companyPriorityCol{width:6%}.companyTableCard .companyBatchCol{width:10%}.companyTableCard .companyStageCol{width:9%}.companyTableCard .companyContactCol{width:17%}.companyTableCard .companyInteractionCol{width:9%}.companyTableCard th{white-space:normal}.companyTableCard td{min-width:0;vertical-align:top;overflow-wrap:anywhere}.companyName{display:block;color:var(--ink);white-space:normal;overflow-wrap:anywhere}.companyName:hover b{text-decoration:underline}.companyWebsite{display:block;max-width:100%;margin-top:3px;overflow:hidden;color:var(--muted);font-size:11.5px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.companyWebsite:hover{color:var(--accent);text-decoration:underline}.companyContactCell{white-space:normal;overflow-wrap:anywhere}.companyCompactMeta{display:none;margin-top:4px;color:var(--muted);font-size:11.5px;line-height:1.45}
.fieldError{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:8px 10px;font-size:12px;margin:2px 0 12px}
.empty{text-align:center;color:var(--muted);padding:28px 10px}
.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}
.tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.tabs a{padding:9px 16px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;font-weight:600}
.tabs a.on{color:var(--accent);border-bottom-color:var(--accent)}
.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.dcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;border-top:4px solid var(--ok);color:var(--ink)}
.dcard.warn{border-top-color:var(--warn)}.dcard.bad{border-top-color:var(--danger)}.dcard.idle{border-top-color:#B9C4D6}
.dcard .dn{font-family:var(--mono);font-weight:600;font-size:13.5px}
.dcard .rep{font-size:22px;font-weight:700;margin:8px 0 2px;font-family:var(--mono)}
.dcard .meta{font-size:11.5px;color:var(--muted);line-height:1.8}
.dcard .meta b{color:var(--ink);font-family:var(--mono)}
.domain-v2-card{display:flex;flex-direction:column;gap:10px}.domain-v2-card .domain-actions{margin-top:auto}.domain-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.domain-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.domain-status-grid small,.domain-dns small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.domain-status-grid b{font-size:12px}.domain-dns{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.domain-dns small{width:100%;margin-bottom:0}.domain-capacity{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}.domain-capacity a{color:var(--accent);font-weight:600}.domain-capacity b{font-family:var(--mono);font-size:11px}.domain-risk-text{padding:7px 8px;border-radius:6px;background:#FFF0F0;color:#B42318;font-size:12px;font-weight:600}.domain-blacklist-form{display:flex;gap:6px;align-items:center;margin-top:-7px}.domain-blacklist-form input{min-width:0;flex:1;padding:7px 8px;font-size:12px}
.domain-risk-queue{margin-bottom:14px}.domain-risk-queue .cardTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.domain-actions{border-top:1px solid var(--line);padding-top:8px}.domain-actions summary{color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;list-style:none}.domain-actions summary::-webkit-details-marker{display:none}.domain-actions summary::before{content:'›';display:inline-block;margin-right:6px;font-size:16px;line-height:10px;transition:transform .15s ease}.domain-actions[open] summary::before{transform:rotate(90deg)}.domain-actions-body{display:grid;gap:8px;padding-top:10px}.domain-blacklist-form,.domain-risk-review-form{display:flex;gap:6px;align-items:center}.domain-blacklist-form input,.domain-risk-review-form input{min-width:0;flex:1;padding:7px 8px;font-size:12px}
.companyDetailTabs{min-width:0}.companyTabList{display:flex;gap:4px;margin-bottom:12px;padding-bottom:1px;overflow-x:auto;border-bottom:1px solid var(--line)}.companyTabList button{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 15px;font:600 13px var(--sans);cursor:pointer}.companyTabList button:hover{color:var(--ink);background:#F7F9FC}.companyTabList button.on{color:var(--accent);border-bottom-color:var(--accent)}.companyTabList button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:5px}.priorityLegend{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:0 0 14px;padding:9px 12px;border:1px solid #DCE5F0;border-radius:9px;background:#F8FAFD;color:var(--muted);font-size:11.5px}.priorityLegendTitle{color:var(--ink);font-weight:700}.companyProfileGrid{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(300px,.95fr);gap:14px;align-items:start}.companyProfileSide{display:grid;gap:12px;min-width:0}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font-size:13px}
.pcard h3{font-size:15px;margin-bottom:4px}
.profileCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.profileCardHeader h3{margin-bottom:0}.profileCardHeader .btn{white-space:nowrap}
.pcard .kv{margin-top:10px;line-height:2}
.pcard .kv b{color:var(--muted);font-weight:600;font-size:11.5px;display:inline-block;width:64px}
.pcard .kv a{display:inline-block;max-width:170px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}
.hook{background:var(--warn-soft);border-radius:8px;padding:10px 12px;font-size:12.5px;margin-top:12px;line-height:1.6}
.hook b{font-size:11px;color:#A56D00;display:block;margin-bottom:3px}
.hook.signal{background:var(--accent-soft)}.hook.signal b{color:var(--accent)}
.researchSummary{min-height:168px}
.researchExcerpt{font-size:13px;line-height:1.75;color:var(--ink)}
.researchMeta{margin-top:10px;color:var(--muted);font-size:11.5px;word-break:break-word}
.researchActions{display:flex;gap:8px;margin-top:14px}.researchActions .btn+.btn{margin-left:0}
.researchEmpty{display:grid;justify-items:start;gap:8px;padding:12px;border:1px dashed #C4CFDE;border-radius:8px;color:var(--muted)}
.researchEmpty b{color:var(--ink)}.researchEmpty p{font-size:12px;line-height:1.6}
.companyEditDialog{width:min(900px,calc(100vw - 36px));max-width:none;height:min(88vh,720px);max-height:none;margin:auto;border:0;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(23,36,59,.28);overflow:hidden}
.companyPriorityBadge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#EDF1F7;color:var(--muted);font-size:10.5px;font-weight:700;white-space:nowrap}.companyPriorityBadge.priority-p0{background:var(--danger-soft);color:var(--danger)}.companyPriorityBadge.priority-p1{background:var(--warn-soft);color:#A56D00}.companyPriorityBadge.priority-p2{background:#EDF1F7;color:var(--muted)}.contactList,.recipientQualificationList{display:grid;gap:12px}.contactItem,.qualificationContactItem{min-width:0;padding:14px;border:1px solid #E7ECF3;border-radius:10px;background:#FBFCFE}.contactHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.contactIdentity{min-width:0}.contactIdentity b{display:block;font-size:13px}.contactEmail{display:block;margin-top:4px;overflow-wrap:anywhere;font-family:var(--mono);font-size:11.5px}.contactDetails{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.contactTitle{color:var(--muted);font-size:11.5px;line-height:1.45}.contactPriorityBadge{display:inline-flex;align-items:center;border-radius:4px;border-left:3px solid currentColor;padding:3px 8px;font-size:10.5px;font-weight:700;white-space:nowrap}.contactPriorityBadge.priority-a{background:#FBE7E7;color:#B93838}.contactPriorityBadge.priority-b{background:var(--warn-soft);color:#A56D00}.contactPriorityBadge.priority-c{background:var(--accent-soft);color:var(--accent)}.contactPriorityBadge.priority-d,.contactPriorityBadge.priority-e{background:#EDF1F7;color:var(--muted)}.contactEmpty{padding:18px 8px}
.contactPriorityEditor{margin-top:10px;border-top:1px solid #E7ECF3;padding-top:9px}.contactPriorityEditor summary{display:inline-flex;align-items:center;gap:5px;list-style:none;color:var(--accent);font-size:11.5px;font-weight:600;cursor:pointer}.contactPriorityEditor summary::-webkit-details-marker{display:none}.contactPriorityEditor[open] summary span{transform:rotate(180deg)}.contactPriorityEditForm{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr);gap:10px;margin-top:10px;padding:12px;border-radius:9px;background:#F1F5FA}.contactPriorityEditForm label{display:grid;gap:5px;color:var(--muted);font-size:11.5px}.contactPriorityEditForm input,.contactPriorityEditForm select{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink);font:inherit}.contactPriorityEditActions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.contactPriorityEditActions .btn{white-space:nowrap}
.companyEditDialog::backdrop{background:rgba(23,36,59,.58);backdrop-filter:blur(2px)}
.companyEditPane{flex:1;min-height:0;overflow:auto;padding:22px}.companyEditForm{max-width:840px;margin:0 auto}.companyEditGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.companyEditForm label{display:block;margin-bottom:7px;color:var(--muted);font-size:11.5px}.companyEditForm input,.companyEditForm select,.companyEditForm textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--surface);color:var(--ink);font-family:var(--sans)}.companyEditForm textarea{resize:vertical;line-height:1.55}.companyEditForm small{display:block;margin-top:6px;min-height:30px;color:var(--muted);font-size:10.5px;line-height:1.45}.companyEditActions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.companyEditActions .btn+.btn{margin-left:0}
.researchDialog{width:min(980px,calc(100vw - 36px));max-width:none;height:min(88vh,900px);max-height:none;margin:auto;border:0;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(23,36,59,.28);overflow:hidden}
.researchDialog::backdrop{background:rgba(23,36,59,.58);backdrop-filter:blur(2px)}
.researchDialogShell{height:100%;display:flex;flex-direction:column}
.researchDialogHeader{display:flex;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line)}
.researchDialogHeader h2{font-size:17px}.researchDialogHeader p{margin-top:4px;color:var(--muted);font-size:11.5px}
.dialogClose{width:34px;height:34px;border:0;border-radius:8px;background:#EDF1F7;color:var(--muted);font-size:23px;line-height:1;cursor:pointer}
.researchDialogToolbar{display:flex;gap:8px;align-items:center;padding:10px 22px;border-bottom:1px solid var(--line);background:#F7F9FC}.researchDialogToolbar .btn+.btn{margin-left:0}
.researchPane{flex:1;min-height:0;overflow:auto;padding:24px 28px}
.markdownBody{max-width:820px;margin:0 auto;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.markdownBody h1,.markdownBody h2,.markdownBody h3,.markdownBody h4{line-height:1.35;margin:1.35em 0 .65em}.markdownBody h1{font-size:24px;border-bottom:1px solid var(--line);padding-bottom:9px}.markdownBody h2{font-size:19px;border-bottom:1px solid #EEF2F7;padding-bottom:7px}.markdownBody h3{font-size:16px}
.markdownBody p,.markdownBody ul,.markdownBody ol,.markdownBody blockquote,.markdownBody pre,.markdownBody table{margin:0 0 14px}.markdownBody ul,.markdownBody ol{padding-left:24px}.markdownBody li+li{margin-top:4px}
.markdownBody blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);padding:10px 14px;color:#4E5E75}
.markdownBody code{font-family:var(--mono);font-size:.9em;background:#EDF1F7;border-radius:4px;padding:2px 5px}.markdownBody pre{overflow:auto;background:var(--ink);color:#E9EEF7;border-radius:8px;padding:14px}.markdownBody pre code{background:transparent;padding:0;color:inherit}
.markdownBody table{display:block;overflow-x:auto;border-collapse:collapse}.markdownBody th,.markdownBody td{border:1px solid var(--line);padding:8px 10px}.markdownBody th{background:#F7F9FC}.markdownBody img{max-width:100%}.markdownBody a{overflow-wrap:anywhere}
.researchForm{max-width:880px;margin:0 auto}.researchForm label{display:block;margin-bottom:7px;color:var(--muted);font-size:11.5px}.researchForm textarea,.researchForm input,.researchForm select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--surface);color:var(--ink);font-family:var(--sans)}
.researchForm textarea{min-height:420px;resize:vertical;font-family:var(--mono);font-size:12.5px;line-height:1.65}.researchFormTop{display:grid;grid-template-columns:180px 1fr;gap:14px;margin-bottom:14px}.researchForm small{display:block;margin-top:6px;color:var(--muted);font-size:10.5px;line-height:1.5}
.researchSaveBar{position:sticky;bottom:-24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px -28px -24px;padding:12px 28px;background:rgba(255,255,255,.96);border-top:1px solid var(--line)}.researchSaveBar span{color:var(--muted);font-size:11.5px}
.tl{list-style:none}
.tl li{position:relative;padding:0 0 18px 26px;border-left:2px solid var(--line);margin-left:8px}
.tl li:last-child{border-left-color:transparent}
.tl .pt{position:absolute;left:-8px;top:1px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--accent)}
.tl li.ev-open .pt{border-color:#3E7BEB}
.tl li.ev-reply .pt{border-color:var(--ok);background:var(--ok)}
.tl li.ev-status .pt,.tl li.ev-created .pt{border-color:var(--warn)}
.tl .when{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.tl .what{font-size:13px;margin-top:2px}
.drop{border:2px dashed #C4CFDE;border-radius:var(--r);padding:34px;text-align:center;color:var(--muted);background:var(--surface)}
.drop b{color:var(--ink)}
#toast-root{position:fixed;right:18px;bottom:18px;z-index:30;display:grid;gap:8px}
.toast{background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;font-size:13px;box-shadow:0 10px 30px rgba(23,36,59,.18);opacity:0;transform:translateY(6px);transition:.18s ease}
.translationActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.translationPreview{min-width:0;max-width:100%;margin-top:10px;padding:14px 16px;overflow:hidden;border:1px solid #cfe0ff;border-radius:10px;background:#f7faff}
.translationPreview p{min-width:0;max-width:100%;margin:8px 0;overflow-wrap:anywhere;word-break:break-word}
.translationPreview span{overflow-wrap:anywhere;word-break:break-word}
.translationPreview pre{width:100%;min-width:0;max-width:100%;margin:8px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:inherit;line-height:1.65;color:var(--ink)}
.formStack{display:grid;gap:12px;max-width:760px}
.verificationProbeResult{display:flex;align-items:center;gap:12px;max-width:760px;margin:-4px 0 16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--delivery-green) 18%,transparent);border-radius:12px;background:color-mix(in srgb,var(--delivery-green-soft) 82%,var(--mail-paper) 18%);color:var(--coffee-ink)}
.verificationProbeDot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--delivery-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--delivery-green) 12%,transparent)}
.verificationProbeCopy{display:grid;gap:2px;min-width:0}.verificationProbeCopy strong{font-size:.8125rem}.verificationProbeCopy span,.verificationProbeResult time{color:var(--secondary-ink);font-size:.6875rem}.verificationProbeCredits{display:flex;align-items:baseline;gap:4px;margin-left:auto;white-space:nowrap}.verificationProbeCredits b{font:750 1.25rem/1 var(--mono);font-variant-numeric:tabular-nums}.verificationProbeCredits span{color:var(--secondary-ink);font-size:.6875rem}.verificationProbeResult time{white-space:nowrap}
.toast.show{opacity:1;transform:none}
.loginBody{min-height:100vh;display:grid;place-items:center;background:var(--ink)}
.loginPanel{width:min(360px,calc(100vw - 32px));background:var(--surface);border-radius:var(--r);padding:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px rgba(0,0,0,.18)}
.loginBrand{color:var(--ink);padding:0 0 22px}
.loginPanel input{width:100%;margin-top:5px}
.loginPanel .btn{width:100%;margin-top:4px}
.settingsUsers{display:grid;gap:10px}.settingsUser{display:flex;align-items:center;gap:8px}.settingsUser form{margin-left:auto}.passwordCreateField{display:flex;flex:1 1 620px;align-items:end;gap:8px;flex-wrap:wrap}.filters .passwordCreateField input{width:min(280px,100%)}.passwordFeedback{flex-basis:100%;line-height:1.5}.muted{color:var(--muted);font-size:11.5px}
.userManagementKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.userCreateForm{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(140px,.7fr);gap:12px;align-items:end}.userCreateForm label{display:grid;gap:6px}.userCreateForm>.passwordCreateField{grid-column:1/-1}.userCards{display:grid;gap:16px}.userCard{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.userCard.isDisabled{background:var(--panel);opacity:.82}.userCardHeader,.permissionHeading,.userCardActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.userCardHeader h2{font-size:18px;margin:0 0 4px}.userBadges,.userFacts,.userCardActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.userFacts{padding:12px 0;color:var(--muted)}.mailboxPermissionForm{margin-top:6px;border-top:1px solid var(--line);padding-top:14px}.permissionHeading small{display:block;color:var(--muted);margin-top:4px}.mailboxPermissionTable{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.mailboxPermissionRow{display:grid;grid-template-columns:minmax(230px,1fr) 110px 110px 120px;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.mailboxPermissionRow:last-child{border-bottom:0}.mailboxPermissionRow.isHeader{font-size:12px;color:var(--muted);background:var(--panel);font-weight:700}.mailboxPermissionRow input[type=checkbox]{width:18px;height:18px}.userCardActions{margin-top:14px}.userCardActions details{margin-left:auto}.userCardActions summary{cursor:pointer;color:var(--primary);font-weight:700}
@media(max-width:920px){
  .side{width:226px}.nav-zone+.nav-zone{margin-top:8px;padding-top:8px}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .userCreateForm{grid-template-columns:1fr 1fr}.mailboxPermissionRow{grid-template-columns:minmax(180px,1fr) 90px 90px 100px}
  .grid2{grid-template-columns:1fr}
  .wall{grid-template-columns:repeat(2,1fr)}
  .companyProfileGrid{grid-template-columns:1fr}
  .companyEditDialog{width:100vw;height:100vh;max-height:none;border-radius:0}.companyEditGrid{grid-template-columns:1fr}.companyEditPane{padding:18px}.companyEditForm small{min-height:0}
  .researchDialog{width:100vw;height:100vh;border-radius:0}.researchPane{padding:18px}.researchDialogHeader,.researchDialogToolbar{padding-left:16px;padding-right:16px}.researchDialogToolbar{overflow-x:auto}.researchFormTop{grid-template-columns:1fr}.researchForm textarea{min-height:48vh}.researchSaveBar{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
  .main{padding:14px}
  .form .row,.form .row.companyBasicRow,.form .row.contactEntryRow{grid-template-columns:1fr}
  .crumbs{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .layout{display:block}.side{width:auto;padding:12px}.brand{padding-bottom:12px}.side .foot{display:none}.nav-zone+.nav-zone{margin-top:9px;padding-top:9px}.nav-zone-title{padding-bottom:4px}.nav-group .txt small{display:none}.nav-children{margin-left:27px}
  .userManagementKpis,.userCreateForm{grid-template-columns:1fr}.userCreateForm>.passwordCreateField{display:grid;grid-template-columns:1fr auto auto auto;align-items:end}.userCardHeader,.permissionHeading{align-items:flex-start;flex-direction:column}.mailboxPermissionTable{overflow-x:auto}.mailboxPermissionRow{min-width:620px}.userCardActions details{margin-left:0;width:100%}
  .companyTabList{margin-left:-2px;margin-right:-2px}.companyTabList button{padding-left:12px;padding-right:12px}.priorityLegend{align-items:flex-start;display:grid;gap:6px}.priorityLegendTitle{margin-bottom:1px}
}
.recipientQualification{min-width:0;margin-top:12px;border:1px solid #dbe4f0;border-radius:10px;background:#f8fafc;overflow:hidden}
.recipientQualificationSummary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;list-style:none;cursor:pointer;user-select:none}
.recipientQualificationSummary::-webkit-details-marker{display:none}
.recipientQualificationSummary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.recipientQualificationSummaryMain{min-width:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.recipientQualificationTitle{font-weight:700;white-space:nowrap}
.recipientQualificationStates{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:11.5px}
.recipientQualificationStates b{color:var(--ink)}
.recipientQualificationAction{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}
.qualificationChevron{display:inline-block;font-size:16px;line-height:1;transition:transform .18s ease}
.recipientQualification[open] .qualificationChevron{transform:rotate(180deg)}
.recipientQualificationBody{padding:13px 14px 14px;border-top:1px solid #E2E8F1;background:#FBFCFE}
.recipientQualificationIntro{margin-bottom:8px;color:var(--muted);font-size:11.5px;line-height:1.55}
.qualificationProtection{margin-top:12px;margin-bottom:0}
.qualificationForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;margin-top:12px}
.qualificationForm label{display:grid;gap:4px;font-size:12px;color:#52627a}
.qualificationForm select,.qualificationForm input,.qualificationForm textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink);font:inherit}
.qualificationForm textarea{display:block;min-height:64px;resize:vertical;line-height:1.5}
.qualificationForm small{color:var(--muted);font-size:10.5px;line-height:1.35}
.qualificationReason{grid-column:1/-1}
.qualificationSubmit{grid-column:1/-1;width:100%;min-width:96px;min-height:40px;white-space:nowrap}
@media(min-width:1500px){.qualificationForm{grid-template-columns:minmax(140px,.8fr) minmax(170px,1fr) minmax(280px,1.8fr) max-content}.qualificationReason,.qualificationSubmit{grid-column:auto}.qualificationSubmit{width:auto;min-height:64px}}
@media(max-width:1200px){.contactHeader{display:grid}.contactDetails{justify-content:flex-start}}
@media(max-width:1100px){.qualificationForm{grid-template-columns:1fr}.qualificationReason,.qualificationSubmit{grid-column:auto}}
@media(max-width:900px){.contactPanel{padding-left:14px;padding-right:14px}.contactPriorityEditForm{grid-template-columns:1fr}.contactPriorityEditActions{grid-column:auto;display:grid}.recipientQualificationSummary{align-items:flex-start;padding:12px}.recipientQualificationSummaryMain{display:grid;gap:7px}.recipientQualificationStates{display:grid;gap:4px}.recipientQualificationAction{padding-top:1px}.recipientQualificationBody{padding:12px}}
.messagePreviewList{display:grid;gap:14px}
.messagePreview{border:1px solid #dbe4f0;border-radius:12px;padding:14px;background:#fff}
.messagePreviewMeta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:10px}
.messagePreviewSubject{padding:10px 0;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7}
.messagePreviewBody{margin:10px 0;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border-radius:8px;font:inherit}
.messageStatusFilters{display:grid;grid-template-columns:minmax(190px,1.2fr) repeat(5,minmax(140px,1fr));gap:12px;align-items:end;margin-bottom:18px}
.messageStatusFilters label{display:grid;gap:6px;color:var(--muted);font-size:12px}
.messageStatusFilters input,.messageStatusFilters select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);font:inherit}
.messageStatusFilterActions{display:flex;gap:8px;align-items:center}
.messageStateHero{display:grid;gap:16px;margin-bottom:18px;padding:20px;border:1px solid #dbe4f0;border-radius:14px;background:linear-gradient(135deg,#fff,#f4f8ff)}
.messageStateHero>div:first-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.messageStateEyebrow{color:var(--muted);font-size:12px}
.messageStateCurrent{font-size:24px}
.messageStateFlow{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}
.messageStateFlow span{position:relative;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);text-align:center;font-size:12px}
.messageStateFlow span.done{border-color:#9fc7ff;background:#eaf3ff;color:#1557b0;font-weight:700}
.messageStateNotice{padding:12px 14px;border-radius:9px;background:#fff5d8;color:#8a6200}
.messageStateNotice.danger{background:var(--danger-soft);color:var(--danger)}
.statusFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.statusFacts div{min-width:0;padding:10px;border-radius:9px;background:#f8fafc}
.statusFacts dt{margin-bottom:5px;color:var(--muted);font-size:12px}
.statusFacts dd{margin:0;overflow-wrap:anywhere}
.attemptList{display:grid;gap:10px}
.attemptList article{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px}
.attemptList article>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}
@media(max-width:1180px){.messageStatusFilters{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:760px){.messageStatusFilters,.messageStateFlow,.statusFacts{grid-template-columns:1fr}.messageStatusFilterActions{grid-column:1}}
.sendFailureCard{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid #f2b8b5;border-left:5px solid #d92d20;border-radius:14px;background:#fff8f7;box-shadow:0 6px 20px rgba(180,35,24,.08)}
.sendFailureHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.sendFailureHeader>div{display:grid;gap:7px}
.sendFailureHeader h3{margin:0;color:#7a271a;font-size:21px}
.sendFailureBadge{justify-self:start;padding:4px 9px;border-radius:999px;background:#fee4e2;color:#b42318;font-size:12px;font-weight:800}
.sendFailureSafe{padding:7px 10px;border-radius:8px;background:#ecfdf3;color:#067647;font-size:13px;font-weight:700}
.sendFailureMessage{margin:0;color:#7a271a;font-weight:650}
.domainVitalsSummary{display:grid;gap:12px;padding:14px;border:1px solid #f3d0cc;border-radius:11px;background:#fff}
.domainVitalsDomain{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#667085;font-size:13px}
.domainVitalsDomain strong{color:#172033;overflow-wrap:anywhere}
.domainVitalsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.domainVitalItem{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:9px;background:#f8fafc}
.domainVitalItem>span{font-weight:700;color:#344054}
.vitalPass{color:#067647}.vitalFail{color:#b42318}
.sendFailureFix{display:grid;gap:5px;padding:12px 14px;border-radius:10px;background:#fff4e5;color:#7a4b00}
.sendFailureFix code{padding:2px 5px;border-radius:4px;background:#fff;color:#7a271a}
.finalSendConfirmation{display:grid;gap:16px;margin-top:18px;padding:18px;border:1px solid #f2b8b5;border-radius:14px;background:#fffafa}
.finalSendHeader{display:flex;align-items:center;justify-content:space-between;gap:16px}
.finalSendHeader>div{display:grid;gap:4px}
.finalSendHeader strong{font-size:18px;color:#8b1e1e}
.finalSendHeader span{font-size:13px;color:#6b7280}
.confirmationStatusBadge{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:6px 12px;border-radius:999px;background:#fff0cc;color:#8a5a00;font-size:13px;font-weight:700}
.confirmationStatusBadge.is-ready{background:#daf7e5;color:#137a3f}
.finalSendWarning{padding:11px 13px;border-radius:9px;background:#ffe9e8;color:#b42318;font-weight:600}
.confirmationSteps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.confirmationStep{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid #eadada;border-radius:11px;background:#fff}
.confirmationStepNumber{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e8eefc;color:#2456d3;font-weight:700}
.confirmationCheckboxRow{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.confirmationCheckboxRow input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:#2456d3}
.confirmationCheckboxRow span,.confirmationTokenField>span{display:grid;gap:3px}
.confirmationCheckboxRow strong,.confirmationTokenField strong{font-size:14px;color:#172033}
.confirmationCheckboxRow small,.confirmationTokenField small{font-size:12px;color:#667085;font-weight:400}
.confirmationTokenField{display:grid;gap:9px}
.confirmationTokenField input{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.confirmationFooter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}
.confirmationFooter>span{font-size:13px;color:#667085}
.confirmationFooter .btn{min-width:290px}
.confirmationFooter .btn:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.25);box-shadow:none}
@media(max-width:800px){.sendFailureHeader{flex-direction:column}.domainVitalsGrid{grid-template-columns:1fr 1fr}.confirmationSteps{grid-template-columns:1fr}.confirmationFooter{align-items:stretch;flex-direction:column}.confirmationFooter .btn{width:100%;min-width:0}}
.microContentEditor{margin:0 0 18px;padding:16px;border:2px solid #2d5fe5;border-radius:14px;background:#f7f9ff;box-shadow:0 5px 18px rgba(45,95,229,.10)}
.microRecipientTable{overflow-x:auto;margin:0 -2px 14px;border:1px solid #EEF2F7;border-radius:8px}.microRecipientTable table{min-width:680px}.microRecipientTable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.microContentEditorTitle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;color:#17398f}
.microContentEditorTitle strong{font-size:17px}
.microContentEditorTitle span{font-size:13px;color:#52627a}
.microContentEditor form{display:grid;gap:12px}
.microContentEditor label{display:grid;gap:6px;font-weight:600}
.microContentEditor input,.microContentEditor textarea{width:100%;font:inherit;background:#fff;border:1px solid #9db3ef}
.microContentEditor .btn{justify-self:start}
.marketingFilters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.marketingFilters .tag{border:1px solid var(--line)}
.tableScroll{overflow-x:auto}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mailbox-capacity{margin:16px 0}
.kpis.compact.mailbox-capacity{grid-template-columns:repeat(5,minmax(150px,1fr))}
.mailbox-page td{vertical-align:top;padding:12px 10px}
.mailbox-table{table-layout:fixed;width:100%;min-width:0}
.mailbox-table .col-email{width:21%}
.mailbox-table .col-status{width:9%}
.mailbox-table .col-age{width:11%}
.mailbox-table .col-quota{width:14%}
.mailbox-table .col-bounce{width:8%}
.mailbox-table .col-sync{width:10%}
.mailbox-table .col-conclusion{width:17%}
.mailbox-table .col-actions{width:10%}
.mailbox-page .cell-nowrap,.mailbox-page .cell-sync{white-space:nowrap}
.mailbox-page .mailbox-table th{white-space:normal;line-height:1.35}
.mailbox-page .mailbox-table td{min-width:0;overflow-wrap:anywhere}
.mailbox-page .cell-mailbox a{display:block;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.mailbox-page .cell-mailbox .tag{white-space:nowrap}
.mailbox-email-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mailbox-provider-badge{padding:3px 8px;background:rgba(0,122,255,.1);color:#0066D6;font-size:11px;letter-spacing:.01em}
.mailbox-provider-badge::before{display:none}
.mailbox-page .cell-sub{display:block;margin-top:4px;color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.5;white-space:normal}
.mailbox-page .cell-warmup b{white-space:nowrap}
.mailbox-page .cell-sync .cell-sub{font-variant-numeric:tabular-nums}
.mailbox-page .cell-conclusion .tag,.mailbox-page .cell-quota{white-space:nowrap}
.mailbox-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0}
.mailbox-filter label{min-width:150px;margin:0}
.mailbox-filter .checkboxLabel{min-width:auto;padding-bottom:10px}
.mailbox-domain-group{padding:0;margin:12px 0;overflow:hidden}
.mailbox-domain-group summary{display:flex;align-items:center;gap:8px;padding:15px 16px;cursor:pointer;list-style:none}
.mailbox-domain-group summary::-webkit-details-marker{display:none}
.mailbox-domain-group{container-name:mailbox-table;container-type:inline-size}
.mailbox-domain-group .table-scroll{overflow-x:hidden;border-top:1px solid var(--line)}
.row-actions{display:flex;flex-direction:column;gap:6px;white-space:nowrap}
.mailbox-page .mailboxActionsCol{white-space:normal}
.mailbox-page .mailboxActionsCol a{overflow-wrap:anywhere}
.crumbs .row-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
.tag.sendable{background:var(--ok-soft);color:var(--ok)}
.tag.warming{background:var(--warn-soft);color:#A56D00}
.tag.risk,.tag.disabled,.tag.danger{background:var(--danger-soft);color:var(--danger)}
.tag.success{background:var(--ok-soft);color:var(--ok)}
.tag.warning{background:var(--warn-soft);color:#A56D00}
.mailbox-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.stack-form{display:grid;gap:10px}.stack-form label{display:grid;gap:6px}.stack-form input{width:100%}.stack-form .btn{justify-self:start}
.health-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.health-checks span{padding:8px;border-radius:7px;background:#F7F9FC;font-size:13px}
@media (max-width: 1200px){.mailbox-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 1180px){.kpis.compact.mailbox-capacity{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 920px){.kpis.compact.mailbox-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}.mailbox-detail-grid{grid-template-columns:1fr}.mailbox-filter label{flex:1;min-width:180px}}
@media (max-width: 560px){.mailbox-filter{align-items:stretch}.mailbox-filter label{min-width:100%}.mailbox-filter .checkboxLabel{padding-bottom:0}.mailbox-domain-group summary{flex-wrap:wrap}.row-actions{flex-direction:row}}

/* Data tables compress by importance before they ever need horizontal scrolling. */
@container company-table (max-width:1100px){
  .companyTableCard .companyTypeCol,.companyTableCard .companyBatchCol{display:none}
  .companyTableCard .companyCompactMeta{display:block}
  .companyTableCard .companySelectCol{width:4%}
  .companyTableCard .companyInfoCol{width:26%}
  .companyTableCard .companyOwnerCol{width:12%}
  .companyTableCard .companyCountryCol{width:6%}
  .companyTableCard .companyPriorityCol{width:7%}
  .companyTableCard .companyStageCol{width:10%}
  .companyTableCard .companyContactCol{width:23%}
  .companyTableCard .companyInteractionCol{width:12%}
}
@container company-table (max-width:850px){
  .companyTableCard .companyOwnerCol,.companyTableCard .companyCountryCol{display:none}
  .companyTableCard .companyInfoCol{width:32%}
  .companyTableCard .companyPriorityCol{width:10%}
  .companyTableCard .companyStageCol{width:14%}
  .companyTableCard .companyContactCol{width:26%}
  .companyTableCard .companyInteractionCol{width:14%}
}
@container company-table (max-width:680px){
  .companyTableCard{background:transparent;box-shadow:none;border:0;padding:0}
  .companyTableCard colgroup,.companyTableCard thead{display:none}
  .companyTableCard table,.companyTableCard tbody{display:block;width:100%}
  .companyTableCard tbody tr{position:relative;display:block;margin-bottom:12px;padding:14px;border:1px solid var(--hairline);border-radius:14px;background:var(--mail-paper);box-shadow:var(--card-shadow)}
  .companyTableCard tbody tr:last-child{margin-bottom:0}
  .companyTableCard td.companySelectCol{position:absolute;z-index:1;top:14px;right:14px;display:block;width:auto;padding:0;border:0}
  .companyTableCard td:not(.companySelectCol){display:flex;width:100%;gap:12px;padding:7px 0;border:0;white-space:normal}
  .companyTableCard td:not(.companySelectCol)::before{flex:0 0 82px;color:var(--secondary-ink);font-size:.71875rem;font-weight:600;content:attr(data-label)}
  .companyTableCard td.companyInfoCol{display:grid;grid-template-columns:82px minmax(0,1fr);padding-top:0;padding-right:34px}
  .companyTableCard td.companyInfoCol::before{grid-column:1;grid-row:1 / span 5}
  .companyTableCard td.companyInfoCol>*{grid-column:2}
  .companyTableCard .companyOwnerCol,.companyTableCard .companyCountryCol,.companyTableCard .companyTypeCol,.companyTableCard .companyPriorityCol,.companyTableCard .companyBatchCol,.companyTableCard .companyStageCol,.companyTableCard .companyContactCol,.companyTableCard .companyInteractionCol{width:100%}
  .companyTableCard .companyCompactMeta{display:none}
  .companyTableCard td.empty{display:block;padding:28px 10px;text-align:center}
  .companyTableCard td.empty::before{display:none}
}
@container mailbox-table (max-width:920px){
  .mailbox-domain-group .table-scroll{padding:12px;background:var(--raised-paper)}
  .mailbox-table colgroup,.mailbox-table thead{display:none}
  .mailbox-table,.mailbox-table tbody{display:block;width:100%}
  .mailbox-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;padding:14px;border:1px solid var(--hairline);border-radius:14px;background:var(--mail-paper);box-shadow:0 1px 2px rgba(0,0,0,.035)}
  .mailbox-table tbody tr:last-child{margin-bottom:0}
  .mailbox-page .mailbox-table td{display:block;width:100%;padding:0;border:0;white-space:normal}
  .mailbox-page .mailbox-table td::before{display:block;margin-bottom:4px;color:var(--secondary-ink);font-size:.71875rem;font-weight:600;content:attr(data-label)}
  .mailbox-page .mailboxEmailCol,.mailbox-page .mailboxConclusionCol,.mailbox-page .mailboxActionsCol{grid-column:1 / -1}
  .mailbox-page .mailboxActionsCol{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 16px}
  .mailbox-page .mailboxActionsCol::before{flex:0 0 100%;margin-bottom:0}
}
@container mailbox-table (max-width:520px){
  .mailbox-table tbody tr{grid-template-columns:1fr}
  .mailbox-page .mailboxEmailCol,.mailbox-page .mailboxConclusionCol,.mailbox-page .mailboxActionsCol{grid-column:auto}
}
.deliveryReason{max-width:460px;margin-top:6px;color:var(--danger);font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}
.deliveryStatusCard{display:grid;gap:13px;margin-top:18px;padding:18px;border:1px solid #f2b8b5;border-left:5px solid var(--danger);border-radius:14px;background:#fff8f7}
.deliveryStatusCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.deliveryStatusCardHeader h3{margin-top:7px;color:#7a271a}
.deliveryStatusCard>p{color:#7a271a;overflow-wrap:anywhere}
.deliveryStatusCard form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.salesStageForm{display:grid;gap:10px}.salesStageForm label{display:grid;gap:5px}
.stageTrack{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.stageTrack .stageStep{display:flex;align-items:center;margin:0}
.stageTrack .stageStep+.stageStep::before{content:'→';margin-right:4px;color:#B9C4D6;font-size:12px}
.stageStep input{position:absolute;opacity:0;pointer-events:none}
.stageStep span{padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap;transition:border-color .12s,color .12s,background .12s}
.stageStep span:hover{border-color:var(--accent);color:var(--accent)}
.stageStep input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.stageStep input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.stageStep.won input:checked+span{background:var(--ok);border-color:var(--ok)}
.stageStep.lost input:checked+span{background:var(--danger);border-color:var(--danger)}
.stageTerminal .stageStep+.stageStep::before{content:'/';color:#B9C4D6}
.stageTerminalLabel{margin-right:4px;color:var(--muted);font-size:11.5px}
.stageSubmitArea{display:grid;gap:10px}.stageSubmitArea[hidden]{display:none}
.stageSubmitActions{display:flex;gap:8px}
.salesStageForm:not(.editing) .stageStep span{cursor:default}
.salesStageForm:not(.editing) .stageStep input:not(:checked)+span:hover{border-color:var(--line);color:var(--muted)}.salesStageHistory{margin-top:12px}.salesStageHistory ul{margin:10px 0 0;padding-left:20px}.salesStageHistory li{margin:7px 0}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.email-html-sanitized,.email-plain-text{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow-wrap:anywhere}.email-plain-text{white-space:pre-wrap}.email-html-sanitized{white-space:normal;overflow-x:auto}.email-html-sanitized img{display:inline-block;max-width:100%;height:auto}.email-html-sanitized table{max-width:100%}.email-external-link:after{content:" ↗"}.safety-note{margin:12px 0;padding:10px 12px;border-radius:8px;background:#fff7e7;color:#704b00}.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:16px}.facts-grid{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 16px}.facts-grid dt{color:var(--muted)}.facts-grid dd{margin:0;overflow-wrap:anywhere}.stack-form fieldset{display:grid;gap:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}.check-row{display:flex!important;align-items:center;gap:8px}.result-box{margin-top:14px;padding:12px;border-radius:10px;background:#f4f7fb}
@media(max-width:1000px){.detail-grid{grid-template-columns:1fr}.message-head,.section-head{flex-direction:column}}

/* Campaign workflow: configuration -> allocation -> content -> publish */
.campaignWizardPage,.contentWorkbenchPage,.marketingPage{max-width:1540px;margin:0 auto}
.wizard-steps.three{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.wizard-steps.three span{padding:12px 16px;color:var(--muted);font-weight:700;text-align:center}
.wizard-steps.three span+span{border-left:1px solid var(--line)}
.wizard-steps.three span.on{background:#eaf0ff;color:var(--accent)}
.campaignWizardForm{display:grid;gap:22px}
.wizardSection{display:grid;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.wizardSection:last-of-type{border-bottom:0}
.sequenceBuilder{display:grid;gap:8px}
.sequenceRow{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.sequenceRow label{display:flex;align-items:center;gap:8px;margin:0}
.sequenceRow input[type=number]{width:100px}
.timezoneDistribution,.quotaLimitExplain{padding:10px 12px;border-radius:9px;background:#f5f7fb;color:#52627a;font-size:13px;line-height:1.55}
.companySelectionActions{display:flex;flex-wrap:wrap;gap:8px}
.recordTable{table-layout:fixed;width:100%;min-width:960px}
.recordTable .colTask{width:25%}.recordTable .colStage{width:13%}.recordTable .colDelivery{width:24%}.recordTable .colEngage{width:12%}.recordTable .colCompliance{width:10%}.recordTable .colActions{width:16%}
.recordTable td{vertical-align:top;padding:12px 10px}
.recordTable .rowSub{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.5}
.recordTable .rowReason{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--danger)}
.recordTable .cellTask a{display:block;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}
.recordTable .cellTask a:hover b{text-decoration:underline}
.recordTable tr.rowAbnormal td:first-child{box-shadow:inset 3px 0 0 var(--danger)}
.recordTable .cellActions .btn{margin:0 6px 6px 0}
.recordTable .cellActions a:not(.btn){white-space:nowrap}
.replyComposer{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.replyComposer>summary{display:inline-flex;cursor:pointer;list-style:none}
.replyComposer>summary::-webkit-details-marker{display:none}
.replyComposer[open]>summary{display:none}
.replyComposer form{display:grid;gap:16px;margin-top:4px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}
.replyComposerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.replyComposerHeader h3{margin:0 0 4px;font-size:16px}
.replyComposerHeader p,.replyComposerActions span,.replyOptionsRow p{color:var(--muted);font-size:12px;line-height:1.55}
.replyDraftStatus{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#eaf0ff;color:var(--accent);font-size:11.5px}
.replyAddressRows{display:grid;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.replyAddressRow{display:flex;align-items:center;gap:12px;min-height:46px;padding:9px 12px;overflow-wrap:anywhere}
.replyAddressRow+.replyAddressRow{border-top:1px solid var(--line)}
.replyAddressLabel{flex:0 0 64px;color:var(--muted);font-size:12px}
.replyAddressRow strong{min-width:0;font-size:13px}
.replyTextButton{margin-left:auto;border:0;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.replyAdvancedFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.replyAdvancedFields[hidden]{display:none}
.replyAdvancedFields label,.replySubjectField,.replyOptionsRow label{display:grid;gap:6px;color:#52627a;font-size:12px}
.replyAdvancedFields label span,.replySubjectField>span,.replyOptionsRow label span{font-weight:650}
.replyAdvancedFields small,.replyOptionsRow small{font-weight:400;color:var(--muted)}
.replyAdvancedFields input,.replySubjectField input,.replyOptionsRow input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;font:inherit}
.replyEditorShell{border:1px solid #cbd5e4;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(23,36,59,.04)}
.replyEditorToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);background:#f8fafc}
.replyEditorToolbar button,.replyViewSwitch button{border:0;border-radius:6px;background:transparent;color:#42526a;padding:6px 9px;font:inherit;font-size:12px;cursor:pointer}
.replyEditorToolbar button:hover,.replyEditorToolbar button:focus-visible,.replyViewSwitch button.on{background:var(--accent-soft);color:var(--accent)}
.replyToolbarDivider{width:1px;height:22px;margin:0 4px;background:var(--line)}
.replyEditor,.replyPreview{min-height:300px;max-height:520px;padding:18px;overflow:auto;color:#1f2937;font-size:14px;line-height:1.72;outline:none}
.replyEditor:empty::before{content:attr(data-placeholder);color:#9aa6b8;pointer-events:none}
.replyEditor p,.replyPreview p{margin:0 0 12px}
.replyEditor ul,.replyEditor ol,.replyPreview ul,.replyPreview ol{margin:0 0 12px;padding-left:24px}
.replyEditor a,.replyPreview a{color:var(--accent);text-decoration:underline}
.replyPreview{background:#fff}
.replyPreviewEmpty{color:var(--muted)}
.replyEditorFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:11.5px;background:#fbfcfe}
.replyViewSwitch{display:flex;gap:2px}
.replyOptionsRow{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);align-items:end;gap:16px}
.replyOptionsRow p{padding-bottom:10px}
.replyComposerActions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:2px}
.replyComposerActions .btn{flex:0 0 auto}
@media(max-width:720px){
  .replyComposer form{padding:14px}
  .replyComposerHeader,.replyAddressRow,.replyComposerActions{align-items:stretch;flex-direction:column}
  .replyAddressLabel{flex-basis:auto}
  .replyTextButton{margin-left:0;text-align:left;padding:4px 0}
  .replyAdvancedFields,.replyOptionsRow{grid-template-columns:1fr}
  .replyOptionsRow p{padding-bottom:0}
  .replyEditor,.replyPreview{min-height:240px;padding:14px}
  .replyComposerActions .btn{width:100%}
}
.threadContext a{color:var(--accent)}
.conversation>.replyComposer{margin:14px 18px 18px;padding-top:14px}.conversation>.notice{margin:14px 18px 18px}.conversation>.inboxEmptyState{min-height:100%}
.funnelChart{display:grid;gap:10px;padding:6px 0}
.funnelRow{display:grid;grid-template-columns:120px minmax(0,1fr) 110px;gap:12px;align-items:center}
.funnelLabel{font-size:12.5px;color:var(--muted)}
.funnelTrack{height:14px;border-radius:4px;background:#F1F4F9;overflow:hidden}
.funnelBar{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0;background:var(--accent)}
.funnelValue{font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;text-align:right}
.dangerZone{margin-top:16px}
.dangerZoneActions{display:grid;gap:10px}
.dangerZoneActions form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.dangerZoneActions input{min-width:220px}
.fieldLabel{margin-bottom:-8px;font-size:13px;font-weight:600}
.companyOptionList{display:grid;gap:4px;max-height:340px;overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.companyOption{display:flex;align-items:flex-start;gap:10px;margin:0;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:400}
.companyOption:hover{background:#f6f8ff}
.companyOption[hidden]{display:none}
.companyOption input{flex:0 0 auto;margin-top:3px}
.companyOption>span{display:grid;gap:2px;min-width:0}
.companyOption b{font-size:13px}
.companyOption small{color:var(--muted);font-size:11.5px}
.companyOption.disabled{opacity:.6;cursor:not-allowed}
.companyOption.disabled:hover{background:transparent}
.companyContactChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.companyContactChoice{display:grid;gap:7px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.companyContactChoice>span{overflow:hidden;color:#344054;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.companyContactChoice select{width:100%;min-width:0}
.quotaPolicyForms{display:grid;gap:10px;margin:12px 0 16px}
.quotaPolicyForm{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;align-items:end;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.quotaPolicyForm>div{display:grid;gap:4px}
.quotaPolicyForm small{color:var(--muted);line-height:1.45}
.quotaPolicyForm label{display:grid;gap:5px;margin:0;color:#52627a;font-size:12px}
.quotaPolicyForm input{width:100%}
.sendModeChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sendModeChoice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;cursor:pointer}
.sendModeChoice:has(input:checked){border-color:#8eacf4;background:#eef3ff}
.sendModeChoice input{flex:0 0 auto;margin-top:3px}
.sendModeChoice span{display:grid;gap:4px}
.sendModeChoice small{color:var(--muted);font-weight:500;line-height:1.45}
#scheduled-send-window{display:grid;gap:8px}
.campaignMailboxPool{max-height:310px;overflow:auto}
.campaignMailboxPool .allocationMailbox.disabled{opacity:.62;background:#f5f5f5}
.campaignMailboxPool input{flex:0 0 auto}
.fieldLabel{color:#344054;font-size:13px;font-weight:750}
.textWarning{color:#9a6700}.textDanger{color:var(--danger)}

/* ④ 发信：按业务顺序呈现，复杂部署继续由后台处理。 */
.sendWorkspacePage{max-width:1500px}
.sendFlowRail{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 18px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.sendFlowRail>a,.sendFlowRail>span{display:flex;align-items:center;gap:10px;min-height:70px;padding:12px 14px;background:#fff;color:var(--ink);text-decoration:none}
.sendFlowRail a:hover{background:#f6f8ff}
.sendFlowRail b{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#e9efff;color:var(--accent)}
.sendFlowRail>a>span,.sendFlowRail>span>span{display:grid;gap:2px;font-weight:800}
.sendFlowRail small{color:var(--muted);font-size:11px;font-weight:500}
.sendFlowRail .isCurrent{background:#eef3ff;color:var(--accent)}
.sendFlowRail .isCurrent b{background:var(--accent);color:#fff}
.sendFlowRail .isDone b{background:#e4f6ec;color:#087443}
.sendTopError{margin-bottom:14px}
.sendWorkspaceLayout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.sendWorkspaceMain{display:grid;gap:16px;min-width:0}
.sendSection{display:grid;gap:18px;padding:22px;scroll-margin-top:90px}
.sendSectionHeader{display:flex;align-items:flex-start;gap:13px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sendSectionHeader h2{margin:0 0 4px;font-size:19px}
.sendSectionHeader p{margin:0;color:var(--muted);line-height:1.55}
.sendSectionNumber{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}
.sendMailboxGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.recipientFilterGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.selectionMeter{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:10px;background:#eef4ff;color:#244b9b}
.selectionMeter b{font-size:16px}
.sendModeChoices.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sendModeChoice{min-height:98px}
.sendPrimaryAction{width:100%;min-height:50px;font-size:16px}
.sendSummaryCard{position:sticky;top:88px;display:grid;gap:15px}
.sendSummaryCard dl{display:grid;gap:0;margin:0}
.sendSummaryCard dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.sendSummaryCard dt{color:var(--muted)}
.sendSummaryCard dd{margin:0;text-align:right;font-weight:800}

.campaignCardList{display:grid;gap:14px}
.campaignCard{display:grid;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.035)}
.campaignCard.hasError{border-left:4px solid var(--danger)}
.campaignCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.campaignCardHeader h2{margin:0 0 5px;font-size:18px}
.campaignMeta{color:var(--muted);font-size:13px}
.campaignAlert{padding:9px 12px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:650}
.recordStatusGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.recordStatusGrid>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.recordStatusGrid small,.recordStatusGrid span{color:var(--muted);font-size:12px}
.recordStatusGrid b{overflow-wrap:anywhere;font-size:14px}
.recordRecipients{border:1px solid var(--line);border-radius:10px;background:#fbfcfe}
.recordRecipients summary{padding:11px 13px;color:#3158ae;font-weight:750;cursor:pointer}
.recordRecipients .tableScroll{border-top:1px solid var(--line)}
.recordRecipients table{font-size:12px}
.campaignFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#52627a;font-size:13px}
.campaignFacts b{color:#172033}
.campaignCardActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.campaignCardActions details{position:relative}
.campaignCardActions details summary{list-style:none;cursor:pointer}
.campaignCardActions details summary::-webkit-details-marker{display:none}
.campaignCardActions details form{position:absolute;z-index:5;right:0;top:42px;display:grid;gap:8px;width:300px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 40px rgba(16,24,40,.18)}
.campaignPublishActions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
.campaignPublishActions form{margin:0}

.contentWorkbench{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;width:100%;min-width:0;max-width:100%;align-items:start}
.contentContactRail{position:sticky;top:18px;display:grid;gap:8px;min-width:0;max-width:100%;max-height:calc(100vh - 36px);overflow:auto}
.contentContactButton{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;width:100%;padding:11px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.contentContactButton b,.contentContactButton small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contentContactButton small{color:var(--muted)}
.contentContactButton .tag{grid-column:2;grid-row:1 / span 2;align-self:center}
.contentContactButton:hover,.contentContactButton.on{border-color:#b8c9f8;background:#eef3ff}
.excludedContacts{margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
.excludedContacts summary{cursor:pointer;color:#667085;font-weight:700}
.excludedContact{display:grid;gap:3px;padding:9px 4px;border-bottom:1px solid var(--line)}
.excludedContact small{color:var(--danger)}
.contentEditor,.leadContentPanel,.messageDraftForm,.messageDraftForm>*{min-width:0;max-width:100%}
.contentCustomerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.contentCustomerHeader h2{margin:0 0 5px;font-size:20px}
.contentCustomerHeader>span{padding:5px 9px;border-radius:999px;background:#f1f4f9;color:#52627a;font-size:12px}
.contentStepTabs{display:flex;gap:4px;margin-bottom:14px;overflow:auto;border-bottom:1px solid var(--line)}
.contentStepTabs button{display:flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font-weight:700;white-space:nowrap;cursor:pointer}
.contentStepTabs button.on{border-bottom-color:var(--accent);color:var(--accent)}
.completeDot,.draftDot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.draftDot{background:#f0a000}
.messageDraftForm{display:grid;width:100%;gap:14px}
.messageDraftForm>label{display:grid;gap:6px;font-weight:700}
.messageDraftForm input,.messageDraftForm textarea{display:block;width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.messageDraftForm textarea{resize:vertical}
.customerReference{padding:13px 14px;border:1px solid #d9e3fb;border-radius:10px;background:#f7f9ff}
.customerReference p{min-width:0;max-width:100%;margin:7px 0;overflow-wrap:anywhere;word-break:break-word;line-height:1.55}
.customerReference small{color:var(--muted)}
.researchReference{margin:10px 0;border:1px solid var(--line);border-radius:8px;background:#fff}
.researchReference summary{padding:9px 11px;color:#3158ae;font-weight:750;cursor:pointer}
.researchReference pre{max-height:280px;margin:0;padding:11px;border-top:1px solid var(--line);overflow:auto;white-space:pre-wrap;font:inherit;line-height:1.55}
.draftSaveBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}

@media(max-width:1100px){
  .campaignFacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .recordStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contentWorkbench{grid-template-columns:230px minmax(0,1fr)}
  .sendWorkspaceLayout{grid-template-columns:1fr}
  .sendSummaryCard{position:static;grid-row:1}
  .recipientFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .wizard-steps.three{grid-template-columns:1fr}
  .wizard-steps.three span+span{border-top:1px solid var(--line);border-left:0}
  .sequenceRow{grid-template-columns:1fr}
  .campaignCardHeader,.contentCustomerHeader{flex-direction:column}
  .campaignFacts{grid-template-columns:1fr}
  .recordStatusGrid{grid-template-columns:1fr}
  .contentWorkbench{grid-template-columns:1fr}
  .contentContactRail{position:static;max-height:none}
  .draftSaveBar{align-items:flex-start;flex-direction:column}
  .companyContactChoices{grid-template-columns:1fr}
  .quotaPolicyForm{grid-template-columns:1fr}
  .sendModeChoices{grid-template-columns:1fr}
  .sendFlowRail{position:static;grid-template-columns:1fr 1fr}
  .sendFlowRail a{min-height:58px}
  .sendMailboxGrid,.recipientFilterGrid,.sendModeChoices.three{grid-template-columns:1fr}
}

/* 2026 interface refresh: macOS productivity shell */
html{min-width:320px;background:var(--canvas-fog);scroll-behavior:smooth}
body{min-height:100vh;background:var(--canvas-fog);color:var(--coffee-ink);font-size:.875rem;line-height:1.5;font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button,a,summary,label,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,input,select,textarea{accent-color:var(--system-blue)}
::selection{background:rgba(0,122,255,.2)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.skipLink{position:fixed;z-index:1000;top:10px;left:50%;padding:10px 16px;border-radius:12px;background:var(--coffee-ink);color:var(--mail-paper);font-weight:700;box-shadow:var(--dialog-shadow);transform:translate(-50%,-160%);transition:transform .18s ease-out}
.skipLink:focus{transform:translate(-50%,0)}
.layout{min-height:100dvh}
.side{position:sticky;z-index:20;top:0;width:252px;height:100dvh;padding:16px 12px;border-right:1px solid var(--hairline);background:var(--sidebar-surface);color:var(--secondary-ink);box-shadow:1px 0 0 rgba(255,255,255,.65);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}
.brand{min-height:58px;margin:0 2px 16px;padding:7px 9px;color:var(--coffee-ink);font-size:.9375rem;letter-spacing:0}
.brandMark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px}
.brandMark svg{display:block;width:38px;height:38px;shape-rendering:geometricPrecision}
.brand>span:last-child{display:grid;gap:1px;min-width:0}
.brand strong{font-size:.9375rem;line-height:1.2}
.brand small{color:var(--secondary-ink);font-size:.6875rem;font-weight:500;line-height:1.25}
.nav{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}
.nav::-webkit-scrollbar{width:6px}
.nav::-webkit-scrollbar-track{background:transparent}
.nav::-webkit-scrollbar-thumb{border-radius:999px;background:transparent}
.side:hover .nav,.nav:focus-within,.nav.isScrolling{scrollbar-color:var(--hairline-strong) transparent}
.side:hover .nav::-webkit-scrollbar-thumb,.nav:focus-within::-webkit-scrollbar-thumb,.nav.isScrolling::-webkit-scrollbar-thumb{background:var(--hairline-strong)}
.nav-zone+.nav-zone{margin-top:10px;padding-top:10px;border-top-color:var(--hairline)}
.nav-zone-title{padding:0 11px 5px;color:#8E8E93;font-size:.6875rem;letter-spacing:.06em}
.nav a,.nav summary{min-height:40px;padding:8px 10px;border-radius:10px;color:#4A4A4F;font-size:.8125rem;transition:background-color .16s ease-out,color .16s ease-out,box-shadow .16s ease-out}
.nav a:hover,.nav summary:hover{background:rgba(118,118,128,.1);color:var(--coffee-ink)}
.nav a.on,.nav-group.is-active>summary{background:var(--system-blue);color:var(--mail-paper);font-weight:650;box-shadow:0 3px 10px rgba(0,122,255,.2)}
.nav .ico{width:20px;color:inherit;font-size:.75rem;opacity:.86}
.nav-group .txt small{color:#8E8E93;font-size:.65625rem}
.nav-group.is-active>summary .txt small{color:rgba(255,255,255,.76)}
.nav-chevron{color:#8E8E93}
.nav-group.is-active>summary .nav-chevron{color:var(--mail-paper)}
.nav-children{margin:3px 0 7px 28px;border-left-color:var(--hairline-strong)}
.nav a.nav-child{min-height:36px;padding:7px 9px;font-size:.78125rem}
.nav a.nav-child.on{background:var(--system-blue-soft);color:#005FC7;box-shadow:none}
.nav-count{background:var(--risk-amber-soft);color:var(--risk-amber);font-size:.6875rem}
.side .foot{margin:12px 2px 0;padding:12px 10px;border-top:1px solid var(--hairline);color:#8E8E93;font-size:.6875rem}
.side .foot b{color:#636366}
.side .foot .statusOk{color:var(--delivery-green)!important}
.side .foot .statusBad{color:var(--bounce-red)!important}
.logoutForm button{min-height:34px;margin-top:2px;padding:7px 10px;border:1px solid var(--hairline);border-radius:9px;background:var(--mail-paper);color:#4A4A4F}
.logoutForm button:hover{background:var(--surface-muted);color:var(--coffee-ink)}
.main{--main-inline-gutter:clamp(20px,2.6vw,42px);padding:28px var(--main-inline-gutter) 48px}
.control-page,.campaignWizardPage,.contentWorkbenchPage,.marketingPage,.sendWorkspacePage{max-width:1580px}
.crumbs{min-height:48px;margin-bottom:22px}
.crumbs h1{font-size:1.375rem;font-weight:700;letter-spacing:-.018em}
.crumbs .sub{max-width:76ch;margin-top:4px;color:var(--secondary-ink);font-size:.8125rem;line-height:1.5}

/* Shared surfaces and controls */
.card,.kpi,.funnelCard,.pcard,.dcard,.campaignCard,.userCard,.messagePreview,.sendFlowRail,.sendFailureCard,.finalSendConfirmation,.messageStateHero{border-color:var(--hairline);border-radius:var(--r);background:rgba(255,255,255,.92);box-shadow:var(--card-shadow)}
.card,.pcard,.funnelCard{padding:20px}
.kpi{min-height:110px;padding:17px 18px}
.kpi .lab{color:var(--secondary-ink);font-size:.75rem;font-weight:600}
.kpi .val{color:var(--coffee-ink);font-size:1.75rem;font-weight:650;letter-spacing:-.035em}
.cardTitle{margin-bottom:15px;font-size:.875rem;font-weight:700}
.btn{min-height:36px;padding:8px 15px;border-radius:10px;background:var(--system-blue);color:var(--mail-paper);font-size:.8125rem;font-weight:650;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:background-color .16s ease-out,box-shadow .16s ease-out,opacity .16s ease-out}
.btn:hover{background:var(--system-blue-hover);box-shadow:0 2px 7px rgba(0,122,255,.19)}
.btn:active{background:#0058BA;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn.ghost{border-color:var(--hairline);background:rgba(255,255,255,.86);color:var(--coffee-ink);box-shadow:0 1px 2px rgba(0,0,0,.035)}
.btn.ghost:hover{border-color:var(--hairline-strong);background:var(--raised-paper)}
.btn.ghost.onBtn,.onBtn{border-color:rgba(0,122,255,.3);background:var(--system-blue-soft);color:#005FC7}
.btn.sm{min-height:32px;padding:6px 11px;font-size:.75rem}
.btn+.btn{margin-left:6px}
:where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) input:not([type=checkbox]):not([type=radio]),
:where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) select,
:where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) textarea,
.loginPanel input{min-height:38px;border:1px solid var(--hairline);border-radius:10px;background:var(--raised-paper);color:var(--coffee-ink);box-shadow:inset 0 1px 2px rgba(0,0,0,.025);transition:border-color .16s ease-out,box-shadow .16s ease-out,background-color .16s ease-out}
:where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) input:not([type=checkbox]):not([type=radio]):focus,
:where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) select:focus,
:where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) textarea:focus,
.loginPanel input:focus{border-color:var(--system-blue);background:var(--mail-paper);box-shadow:0 0 0 4px var(--focus-ring)}
input::placeholder,textarea::placeholder{color:#98989D}
.form{border-color:rgba(0,122,255,.2);background:rgba(234,243,255,.7)}
.formIntro,.notice,.result-box{background:var(--surface-muted)}
.notice.danger{background:var(--bounce-red-soft);color:#A00010}
.tag,.companyPriorityBadge,.contactPriorityBadge{line-height:1.4}
.t-info{color:#005FC7}.t-ok{color:#187333}.t-warn{color:#925700}.t-danger{color:#B80012}.t-gray{background:var(--surface-muted)}
.tag::before,.statusOk::before,.statusBad::before{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;content:"";vertical-align:1px}
.statusOk::before,.statusBad::before{margin-right:4px}
.tableScroll,.companyTableCard,.mailboxPermissionTable{border-radius:12px;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}
table{font-size:.8125rem}
th{height:40px;padding:9px 12px;border-bottom-color:var(--hairline);background:rgba(118,118,128,.045);color:var(--secondary-ink);font-size:.71875rem;letter-spacing:.015em}
td{min-height:48px;padding:11px 12px;border-bottom-color:rgba(60,60,67,.09)}
tbody tr{transition:background-color .14s ease-out}
tbody tr:hover{background:rgba(0,122,255,.035)}
.sumRow{background:var(--raised-paper)}
.tabs,.companyTabList,.contentStepTabs{gap:2px;border-bottom-color:var(--hairline)}
.tabs a,.companyTabList button,.contentStepTabs button{min-height:42px;border-radius:9px 9px 0 0}
.tabs a:hover,.companyTabList button:hover,.contentStepTabs button:hover{background:var(--surface-muted);color:var(--coffee-ink)}
.wizard-steps,.wizard-steps.three,.sendFlowRail{border-color:var(--hairline);background:var(--hairline);box-shadow:var(--card-shadow)}
.wizard-steps span,.wizard-steps.three span,.sendFlowRail>a,.sendFlowRail>span{background:rgba(255,255,255,.94)}
.wizard-steps span.on,.wizard-steps.three span.on,.sendFlowRail .isCurrent{background:var(--system-blue-soft);color:#005FC7}
.sendFlowRail{top:12px}
.sendFlowRail b{background:var(--system-blue-soft);color:#005FC7}
.sendFlowRail .isCurrent b{background:var(--system-blue)}
.sendFlowRail .isDone b{background:var(--delivery-green-soft);color:var(--delivery-green)}
.allocationMailbox,.sequenceRow,.contactItem,.qualificationContactItem,.recordStatusGrid>div,.companyOption,.companyContactChoice,.quotaPolicyForm,.sendModeChoice,.statusFacts div,.domainVitalItem{border-color:var(--hairline);border-radius:12px;background:var(--raised-paper)}
.allocationMailbox:hover,.companyOption:hover,.sendModeChoice:hover{background:var(--system-blue-soft)}
.sendModeChoice:has(input:checked),.contentContactButton.on{border-color:rgba(0,122,255,.34);background:var(--system-blue-soft)}
.contentContactButton{min-height:48px;border-radius:11px}
.translationPreview,.customerReference{border-color:rgba(0,122,255,.18);background:rgba(234,243,255,.54)}
.researchDialog,.companyEditDialog{border-radius:20px;box-shadow:var(--dialog-shadow)}
.researchDialog::backdrop,.companyEditDialog::backdrop{background:rgba(29,29,31,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dialogClose{width:36px;height:36px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface-muted)}
#toast-root{right:22px;bottom:22px}
.toast{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(29,29,31,.9);box-shadow:var(--dialog-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

/* Login is part of the same product, not a separate dark theme. */
.loginBody{position:relative;min-height:100dvh;padding:32px;overflow:auto;background:#F2F4F7}
.loginBody::before,.loginBody::after{position:fixed;border-radius:50%;content:"";pointer-events:none}
.loginBody::before{top:-320px;left:25%;width:760px;height:760px;background:rgba(0,122,255,.09);filter:blur(40px)}
.loginBody::after{right:-240px;bottom:-360px;width:680px;height:680px;background:rgba(33,102,204,.07);filter:blur(44px)}
.loginPanel{position:relative;display:grid;grid-template-columns:1.05fr .95fr;width:min(900px,calc(100vw - 64px));min-height:520px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(33,54,86,.13),0 2px 8px rgba(33,54,86,.045);animation:loginPanelEnter .7s cubic-bezier(.16,1,.3,1) both;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
@keyframes loginPanelEnter{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.loginShowcase{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:40px;overflow:hidden;background:linear-gradient(145deg,#F4F8FF 0%,#DCEBFF 52%,#EEF1FF 100%)}
.loginShowcase::before,.loginShowcase::after{position:absolute;border:1px solid rgba(33,102,204,.11);border-radius:50%;content:"";pointer-events:none}
.loginShowcase::before{right:-155px;bottom:-145px;width:460px;height:460px}
.loginShowcase::after{right:-88px;bottom:-78px;width:330px;height:330px}
.loginShowcaseCopy{position:relative;z-index:1;max-width:370px;margin-block:auto;padding-block:36px}
.loginShowcaseCopy>span{display:block;margin-bottom:15px;color:#3F6FAE;font-size:.6875rem;font-weight:700;letter-spacing:.11em}
.loginShowcaseCopy h1{max-width:350px;color:#1C3152;font-size:clamp(2.15rem,3.1vw,3rem);font-weight:700;line-height:1.14;letter-spacing:-.04em}
.loginShowcaseCopy h1 strong{display:block;color:var(--system-blue);font-weight:inherit}
.loginShowcaseCopy p{max-width:350px;margin-top:20px;color:#546781;font-size:.875rem;line-height:1.75}
.loginShowcaseFlow{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#526A86;font-size:.6875rem;font-weight:600}
.loginShowcaseFlow span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.loginShowcaseFlow span+span::before{margin-right:4px;color:rgba(63,86,115,.36);content:"—"}
.loginShowcaseFlow i{width:7px;height:7px;border-radius:50%;background:var(--system-blue);box-shadow:0 0 0 4px rgba(0,122,255,.1)}
.loginFormPane{position:relative;display:flex;min-width:0;flex-direction:column;padding:38px 42px;background:rgba(255,255,255,.88)}
.loginBrand{position:relative;z-index:1;align-self:flex-start;margin:0;padding:0;color:var(--coffee-ink)}
.loginBrand .brandMark{flex:0 0 44px;width:44px;height:44px}
.loginBrand .brandMark svg{width:44px;height:44px}
.loginBrand strong{font-size:1rem;line-height:1.2;letter-spacing:-.01em}
.loginBrand small{color:var(--secondary-ink);font-size:.6875rem;font-weight:500;line-height:1.35}
.loginFormIntro{margin-bottom:26px}
.loginFormIntro>span{display:block;margin-bottom:8px;color:var(--system-blue);font-size:.6875rem;font-weight:700;letter-spacing:.08em}
.loginFormIntro h2{color:var(--coffee-ink);font-size:1.65rem;font-weight:700;line-height:1.2;letter-spacing:-.035em}
.loginFormIntro p{margin-top:9px;color:var(--secondary-ink);font-size:.8125rem;line-height:1.55}
.loginPanel form{display:grid;gap:16px}
.loginPanel label{margin:0;color:var(--secondary-ink);font-size:.75rem;font-weight:600}
.loginPanel label>span{display:block}
.loginPanel input{width:100%;min-height:46px;margin-top:8px;padding:11px 13px;font-size:.875rem}
.loginPanel input:focus{outline:none;border-color:rgba(0,122,255,.58);box-shadow:0 0 0 3px rgba(0,122,255,.14)}
.loginPanel .fieldError{margin:0}
.loginPanel .loginSubmit{width:100%;min-height:46px;margin-top:2px;border-radius:11px;font-size:.875rem}
.loginFootnote{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:26px;color:#9299A5;font-size:.6875rem}
.loginFootnote a{color:#526A86;font-weight:600}
.loginFootnote a:hover{color:var(--system-blue)}

.mobileNavToggle,.sidebarScrim{display:none}

@media(max-width:1180px){
  .main{--main-inline-gutter:22px;padding:24px var(--main-inline-gutter) 42px}
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:920px){
  .side{width:232px}
  .main{--main-inline-gutter:18px;padding:20px var(--main-inline-gutter) 36px}
  .card,.pcard,.funnelCard{padding:17px}
}
@media(max-width:760px){
  body{overflow-x:hidden}
  body.navOpen{overflow:hidden}
  .layout{display:block}
  .side{position:fixed;z-index:60;inset:0 auto 0 0;width:min(86vw,310px);height:100dvh;padding:70px 12px 16px;border-right:1px solid rgba(255,255,255,.6);border-radius:0 20px 20px 0;box-shadow:var(--dialog-shadow);transform:translateX(calc(-100% - 24px));transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  body.navOpen .side{transform:translateX(0)}
  .brand{margin-bottom:10px}
  .side .foot{display:block}
  .mobileNavToggle{position:fixed;z-index:80;top:max(12px,env(safe-area-inset-top));left:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--hairline);border-radius:13px;background:rgba(255,255,255,.86);color:var(--coffee-ink);box-shadow:0 6px 20px rgba(0,0,0,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobileNavToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
  .sidebarScrim{position:fixed;z-index:50;inset:0;display:block;border:0;background:rgba(29,29,31,.32);opacity:0;pointer-events:none;transition:opacity .22s ease-out}
  body.navOpen .sidebarScrim{opacity:1;pointer-events:auto}
  .main{--main-inline-gutter:14px;padding:72px var(--main-inline-gutter) calc(34px + env(safe-area-inset-bottom))}
  .crumbs{min-height:auto;margin-bottom:18px}
  .crumbs h1{font-size:1.25rem}
  .dashboardHeaderTools{width:100%;justify-content:flex-start}
  .dashboardPeriodSwitch{flex:1}
  .dashboardPeriodSwitch .btn{flex:1}
  .dashboardHeaderTools form,.dashboardSyncButton{width:100%}
  .kpis,.kpis.compact,.kpis.compact.mailbox-capacity,.wall{grid-template-columns:1fr}
  .kpi{min-height:96px}
  .quick-actions,.toolbar,.filters,.rowActions{gap:8px}
  .btn,.btn.sm,.nav a,.nav summary,.logoutForm button{min-height:44px}
  .btn+.btn{margin-left:0}
  :where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) input:not([type=checkbox]):not([type=radio]),
  :where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) select,
  :where(.filters,.form,.wizard-grid,.toolbar,.companyEditForm,.researchForm,.qualificationForm,.messageStatusFilters,.replyComposer,.messageDraftForm) textarea,
  .loginPanel input{min-height:44px;font-size:1rem}
  .card,.pcard,.funnelCard{padding:15px;border-radius:14px}
  .tableScroll,.companyTableCard{margin-inline:-14px;border-radius:0}
  .sendFlowRail{grid-template-columns:1fr;box-shadow:var(--card-shadow)}
  .sendFlowRail>a,.sendFlowRail>span{min-height:56px}
  .researchDialog,.companyEditDialog{border-radius:0}
  #toast-root{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px}
  .toast{text-align:center}
}
@media(max-width:760px){
  .loginBody{padding:20px;place-items:start center}
  .loginPanel{grid-template-columns:1fr;width:min(540px,calc(100vw - 40px));min-height:auto}
  .loginShowcase{min-height:220px;padding:28px}
  .loginShowcaseCopy{margin:0;padding:28px 0 18px}
  .loginShowcaseCopy>span{margin-bottom:10px}
  .loginShowcaseCopy h1{font-size:2rem}
  .loginShowcaseCopy p{margin-top:12px}
  .loginShowcaseFlow{display:none}
  .loginFormPane{padding:30px}
  .loginBrand{margin-bottom:28px}
}
@media(max-width:520px){
  .loginBody{padding:16px;place-items:center}
  .loginPanel{width:calc(100vw - 32px);border-radius:20px}
  .loginShowcase{display:block;min-height:0;padding:24px 22px 0;background:rgba(255,255,255,.88)}
  .loginShowcase::before,.loginShowcase::after,.loginShowcaseCopy,.loginShowcaseFlow{display:none}
  .loginFormPane{padding:22px 22px 24px}
  .loginFormIntro{margin-bottom:22px}
  .loginFootnote{padding-top:22px}
}
@media(pointer:coarse){
  :where(button,.btn,.nav a,.nav summary,.tabs a,.companyTabList button,.contentStepTabs button){min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important}
  .page.on,.loginPanel,.cd.late{animation:none!important}
  .side,.sidebarScrim{transition-duration:.01ms!important}
}
@media(prefers-contrast:more){
  :root{--hairline:rgba(29,29,31,.42);--hairline-strong:rgba(29,29,31,.64)}
  .card,.kpi,.funnelCard,.pcard,.dcard,.campaignCard,.userCard{box-shadow:none}
}
@media(forced-colors:active){
  .brandMark,.nav a.on,.nav-group.is-active>summary,.btn{border:1px solid ButtonText}
  .tag::before,.statusOk::before,.statusBad::before{forced-color-adjust:none}
}

/* User-selected dark appearance. Light remains the explicit default. */
.themeToggle{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin:0 0 12px;padding:8px 10px;border:1px solid var(--hairline);border-radius:10px;background:var(--mail-paper);color:var(--coffee-ink);font:650 .75rem var(--sans);cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out,color .16s ease-out}
.themeToggle:hover{border-color:var(--hairline-strong);background:var(--surface-muted)}
.themeIcon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.themeIconSun{display:none}
.themeToggle[aria-pressed="true"] .themeIconMoon{display:none}
.themeToggle[aria-pressed="true"] .themeIconSun{display:block}

:root[data-theme="dark"],
:root[data-theme="dark"] body{background:var(--canvas-fog);color:var(--coffee-ink)}
:root[data-theme="dark"] .side{border-right-color:var(--hairline);background:var(--sidebar-surface);box-shadow:1px 0 0 rgba(0,0,0,.38)}
:root[data-theme="dark"] .brand,
:root[data-theme="dark"] .nav a:hover,
:root[data-theme="dark"] .nav summary:hover{color:var(--coffee-ink)}
:root[data-theme="dark"] .nav-zone-title,
:root[data-theme="dark"] .nav-group .txt small,
:root[data-theme="dark"] .nav-chevron,
:root[data-theme="dark"] .side .foot{color:var(--tertiary-ink)}
:root[data-theme="dark"] .nav a,
:root[data-theme="dark"] .nav summary,
:root[data-theme="dark"] .logoutForm button{color:#D2D5DC}
:root[data-theme="dark"] .side .foot b{color:#D2D5DC}
:root[data-theme="dark"] .logoutForm button,
:root[data-theme="dark"] .themeToggle{background:var(--raised-paper)}
:root[data-theme="dark"] .nav a.nav-child.on,
:root[data-theme="dark"] .btn.ghost.onBtn,
:root[data-theme="dark"] .onBtn,
:root[data-theme="dark"] .wizard-steps span.on,
:root[data-theme="dark"] .wizard-steps.three span.on,
:root[data-theme="dark"] .sendFlowRail .isCurrent{color:#8FBEFF}

:root[data-theme="dark"] :where(input,select,textarea){border-color:var(--hairline);background-color:var(--raised-paper);color:var(--coffee-ink)}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder{color:var(--disabled-ink)}
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .thread-list small,
:root[data-theme="dark"] .timeline-list small,
:root[data-theme="dark"] .crumbs .sub,
:root[data-theme="dark"] .kpi .lab,
:root[data-theme="dark"] th{color:var(--secondary-ink)}
:root[data-theme="dark"] .qualificationForm label,
:root[data-theme="dark"] .replyAdvancedFields label,
:root[data-theme="dark"] .replySubjectField,
:root[data-theme="dark"] .replyOptionsRow label,
:root[data-theme="dark"] .quotaPolicyForm label,
:root[data-theme="dark"] .campaignFacts,
:root[data-theme="dark"] .microContentEditorTitle span,
:root[data-theme="dark"] .domainVitalsDomain,
:root[data-theme="dark"] .finalSendHeader span,
:root[data-theme="dark"] .confirmationCheckboxRow small,
:root[data-theme="dark"] .confirmationTokenField small,
:root[data-theme="dark"] .confirmationFooter>span,
:root[data-theme="dark"] .excludedContacts summary,
:root[data-theme="dark"] .contentStepTabs button{color:var(--tertiary-ink)}
:root[data-theme="dark"] .replyEditorToolbar button,
:root[data-theme="dark"] .replyViewSwitch button,
:root[data-theme="dark"] .fieldLabel,
:root[data-theme="dark"] .companyContactChoice>span,
:root[data-theme="dark"] .domainVitalItem>span,
:root[data-theme="dark"] .campaignFacts b,
:root[data-theme="dark"] .confirmationCheckboxRow strong,
:root[data-theme="dark"] .confirmationTokenField strong,
:root[data-theme="dark"] .domainVitalsDomain strong,
:root[data-theme="dark"] .replyEditor,
:root[data-theme="dark"] .replyPreview{color:var(--coffee-ink)}
:root[data-theme="dark"] .replyEditor:empty::before{color:var(--disabled-ink)}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .kpi,
:root[data-theme="dark"] .funnelCard,
:root[data-theme="dark"] .pcard,
:root[data-theme="dark"] .dcard,
:root[data-theme="dark"] .campaignCard,
:root[data-theme="dark"] .userCard,
:root[data-theme="dark"] .messagePreview,
:root[data-theme="dark"] .sendFlowRail,
:root[data-theme="dark"] .sendFailureCard,
:root[data-theme="dark"] .finalSendConfirmation,
:root[data-theme="dark"] .messageStateHero{background:var(--mail-paper)}
:root[data-theme="dark"] .btn.ghost{background:var(--mail-paper);color:var(--coffee-ink)}
:root[data-theme="dark"] th{background:var(--surface-muted)}
:root[data-theme="dark"] td{border-bottom-color:var(--hairline)}
:root[data-theme="dark"] tbody tr:hover{background:rgba(94,161,255,.07)}
:root[data-theme="dark"] .sumRow,
:root[data-theme="dark"] .funnel .rest{background:var(--raised-paper)}
:root[data-theme="dark"] .wizard-steps,
:root[data-theme="dark"] .wizard-steps.three,
:root[data-theme="dark"] .sendFlowRail{background:var(--hairline)}
:root[data-theme="dark"] .wizard-steps span,
:root[data-theme="dark"] .wizard-steps.three span,
:root[data-theme="dark"] .sendFlowRail>a,
:root[data-theme="dark"] .sendFlowRail>span{background:var(--mail-paper)}
:root[data-theme="dark"] .mobileNavToggle{background:rgba(27,30,36,.92);color:var(--coffee-ink)}

:root[data-theme="dark"] .notice,
:root[data-theme="dark"] .result-box,
:root[data-theme="dark"] .priorityLegend,
:root[data-theme="dark"] .contactPriorityEditForm,
:root[data-theme="dark"] .recipientQualification,
:root[data-theme="dark"] .recipientQualificationBody,
:root[data-theme="dark"] .messageStateNotice,
:root[data-theme="dark"] .selectionMeter,
:root[data-theme="dark"] .contentCustomerHeader>span,
:root[data-theme="dark"] .quotaLimitExplain,
:root[data-theme="dark"] .timezoneDistribution{background:var(--surface-muted);color:var(--secondary-ink)}
:root[data-theme="dark"] .inbox-folders a.on,
:root[data-theme="dark"] .thread-list-item.on,
:root[data-theme="dark"] .sendModeChoice:has(input:checked),
:root[data-theme="dark"] .contentContactButton:hover,
:root[data-theme="dark"] .contentContactButton.on{background:var(--system-blue-soft)}
:root[data-theme="dark"] .contactItem,
:root[data-theme="dark"] .qualificationContactItem,
:root[data-theme="dark"] .allocationMailbox,
:root[data-theme="dark"] .sequenceRow,
:root[data-theme="dark"] .recordStatusGrid>div,
:root[data-theme="dark"] .companyOption,
:root[data-theme="dark"] .companyContactChoice,
:root[data-theme="dark"] .quotaPolicyForm,
:root[data-theme="dark"] .sendModeChoice,
:root[data-theme="dark"] .statusFacts div,
:root[data-theme="dark"] .domainVitalItem,
:root[data-theme="dark"] .messagePreview,
:root[data-theme="dark"] .domainVitalsSummary,
:root[data-theme="dark"] .confirmationStep,
:root[data-theme="dark"] .replyAddressRows,
:root[data-theme="dark"] .replyEditorShell,
:root[data-theme="dark"] .replyPreview,
:root[data-theme="dark"] .email-html-sanitized,
:root[data-theme="dark"] .email-plain-text,
:root[data-theme="dark"] .researchReference,
:root[data-theme="dark"] .campaignCardActions details form{border-color:var(--hairline);background:var(--raised-paper)}
:root[data-theme="dark"] .translationPreview,
:root[data-theme="dark"] .customerReference,
:root[data-theme="dark"] .microContentEditor{border-color:rgba(94,161,255,.42);background:rgba(94,161,255,.08)}
:root[data-theme="dark"] .messageStateHero{background:linear-gradient(135deg,var(--mail-paper),rgba(94,161,255,.08))}
:root[data-theme="dark"] .messageStateFlow span{background:var(--raised-paper)}
:root[data-theme="dark"] .messageStateFlow span.done{border-color:rgba(94,161,255,.45);background:var(--system-blue-soft);color:#9BC5FF}
:root[data-theme="dark"] .markdownBody code,
:root[data-theme="dark"] .t-gray,
:root[data-theme="dark"] .companyPriorityBadge.priority-p2,
:root[data-theme="dark"] .contactPriorityBadge.priority-d,
:root[data-theme="dark"] .contactPriorityBadge.priority-e{background:var(--surface-muted)}
:root[data-theme="dark"] .markdownBody blockquote{color:#C1C7D1}
:root[data-theme="dark"] .safety-note{background:var(--risk-amber-soft);color:#F0BD70}
:root[data-theme="dark"] .domain-risk-text,
:root[data-theme="dark"] .sendFailureCard,
:root[data-theme="dark"] .deliveryStatusCard{background:var(--bounce-red-soft);color:#FFB4BC}
:root[data-theme="dark"] .sendFailureHeader h3,
:root[data-theme="dark"] .sendFailureMessage,
:root[data-theme="dark"] .deliveryStatusCardHeader h3,
:root[data-theme="dark"] .deliveryStatusCard>p{color:#FFB4BC}
:root[data-theme="dark"] .sendFailureSafe{background:var(--delivery-green-soft);color:#91E2A7}
:root[data-theme="dark"] .sendFailureFix{background:var(--risk-amber-soft);color:#F0BD70}
:root[data-theme="dark"] .finalSendWarning{background:var(--bounce-red-soft);color:#FFADB6}
:root[data-theme="dark"] .finalSendHeader strong{color:#FFADB6}
:root[data-theme="dark"] .finalSendHeader span,
:root[data-theme="dark"] .confirmationCheckboxRow small,
:root[data-theme="dark"] .confirmationTokenField small,
:root[data-theme="dark"] .confirmationFooter>span{color:var(--secondary-ink)}
:root[data-theme="dark"] .confirmationCheckboxRow strong,
:root[data-theme="dark"] .confirmationTokenField strong,
:root[data-theme="dark"] .domainVitalsDomain strong,
:root[data-theme="dark"] .campaignFacts b,
:root[data-theme="dark"] .fieldLabel,
:root[data-theme="dark"] .companyContactChoice>span{color:var(--coffee-ink)}
:root[data-theme="dark"] .loginBody{background:var(--canvas-fog)}
:root[data-theme="dark"] .loginBody::before{background:rgba(94,161,255,.1)}
:root[data-theme="dark"] .loginPanel{border-color:var(--hairline);background:rgba(27,30,36,.9);box-shadow:var(--dialog-shadow)}
:root[data-theme="dark"] .loginShowcase{background:linear-gradient(145deg,#19283E 0%,#172D4B 54%,#252A4A 100%)}
:root[data-theme="dark"] .loginShowcaseCopy h1{color:#F3F6FA}
:root[data-theme="dark"] .loginShowcaseCopy p,:root[data-theme="dark"] .loginShowcaseFlow{color:#BEC9D8}
:root[data-theme="dark"] .loginFormPane{background:rgba(27,30,36,.94)}
@media(max-width:520px){:root[data-theme="dark"] .loginShowcase{background:rgba(27,30,36,.94)}}
:root[data-theme="dark"] .inboxSyncPanel,
:root[data-theme="dark"] .threadListHeader,
:root[data-theme="dark"] .inboxScope p{background:var(--mail-paper)}
:root[data-theme="dark"] .conversationHeader{background:rgba(27,30,36,.94)}
:root[data-theme="dark"] .inboxSearch,
:root[data-theme="dark"] .threadAvatar,
:root[data-theme="dark"] .conversationStream>.message,
:root[data-theme="dark"] .emailAttachment{background:var(--raised-paper)}
:root[data-theme="dark"] .conversationStream>.message.outbound{background:var(--surface-muted)}
:root[data-theme="dark"] .thread-list-item:hover{background:rgba(94,161,255,.07)}
:root[data-theme="dark"] .inbox-folders>a.on,
:root[data-theme="dark"] .thread-list-item.on{color:#9bc5ff}
:root[data-theme="dark"] .threadContext a:hover,
:root[data-theme="dark"] .emailAttachmentAction:hover{color:#9bc5ff}

@media(max-width:760px){
  .themeToggle{min-height:44px}
  :root[data-theme="dark"] .side{border-right-color:var(--hairline)}
}

@media(prefers-contrast:more){
  :root[data-theme="dark"]{--hairline:rgba(242,243,245,.45);--hairline-strong:rgba(242,243,245,.66)}
}