.workspace { --input-bg:var(--panel); --panel-elevated:var(--surface-muted); --campaign-card-bg:var(--panel); --info-box-bg:var(--surface-muted); --progress-track:var(--border); --card-shadow:none; --heading-color:var(--text); --section-accent:var(--text); --accent-soft:#eaf1ff; --link:#2161d7; }
html[data-theme="dark"] .workspace { --accent-soft:#273c59; --link:#a4c5ff; }
.workspace .client-sidebar .workspace-label { overflow-wrap:anywhere; }
.workspace .client-sidebar a.billing-nav { border:1px solid #b8d9d1 !important; background:#e9f6f1; color:#126453; margin:4px 0 14px; }
.workspace .client-sidebar a.billing-nav--due { background:#fff0ef; color:#9e2c27; border-color:#edc3c0 !important; }
html[data-theme="dark"] .workspace .client-sidebar a.billing-nav { background:#203d36; color:#b1e3d3; border-color:#396b5f !important; }
html[data-theme="dark"] .workspace .client-sidebar a.billing-nav--due { background:#4c2929; color:#ffc4c4; border-color:#805051 !important; }
.workspace .billing-nav__badge { display:block; margin-top:5px; background:transparent; padding:0; color:inherit; }
.workspace .client-sidebar a.billing-nav { justify-content:flex-start; }
.workspace .client-sidebar a.billing-nav > span { flex:1; }
.workspace .workflow-bar { display:flex; flex-wrap:wrap; gap:6px; border:0; border-bottom:1px solid var(--border); background:transparent; box-shadow:none; border-radius:0; padding:0 0 16px; margin:0 0 24px; }
.workspace .workflow-step { font-size:12px; gap:7px; padding:6px 10px; border:0; border-radius:4px; background:transparent; box-shadow:none; color:var(--muted); }
.workspace .workflow-step.is-active { background:var(--accent-soft); color:var(--link); }
.workspace .workflow-num { width:22px; height:22px; min-width:22px; font-size:11px; border:1px solid var(--border); background:var(--panel); color:var(--text); }
.workspace .workflow-step.is-done .workflow-num { border-color:var(--border); color:var(--text); background:var(--panel); }
.workspace .page-header-hint { font-size:12px; max-width:720px; }
.workspace .tab-nav { gap:6px; flex-wrap:wrap; border-bottom:1px solid var(--border); padding:0 0 10px; }
.workspace .tab-nav-link { border-radius:4px; padding:8px 12px; font-size:12px; }
.workspace .lists-layout, .workspace .app-panel-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; align-items:start; }
.workspace .lists-sidebar, .workspace .app-sidebar { min-width:0; margin:0; padding:0 16px 16px 0; border:0; border-right:1px solid var(--border); box-shadow:none; border-radius:0; background:transparent; position:sticky; top:16px; }
.workspace .lists-main, .workspace .app-main { min-width:0; }
.workspace .lists-nav { max-height:460px; overflow:auto; scrollbar-width:thin; padding-right:4px; }
.workspace .lists-nav-item { border-radius:5px; margin:4px 0; background:var(--panel); border:1px solid var(--border); }
.workspace .lists-nav-item.is-active { background:var(--accent-soft); border-color:#94b5ef; }
.workspace .lists-nav-link { padding:10px; gap:6px; min-width:0; }
.workspace .lists-nav-name { font-size:12px; color:var(--text); white-space:normal; overflow-wrap:anywhere; line-height:1.4; }
.workspace .lists-nav-count { font-size:10px; background:var(--surface-muted); color:var(--muted); min-width:24px; text-align:center; padding:2px 5px; border-radius:4px; }
.workspace .lists-nav-del { flex:none; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; margin:4px; border:1px solid #ebbec4; border-radius:6px; background:#fff0f0; color:#b42332; opacity:1; box-shadow:none; }
.workspace .lists-nav-del:hover, .workspace .btn-danger:hover { background:#ffe0e3; color:#951b29; border-color:#d89aa4; }
html[data-theme="dark"] .workspace .lists-nav-del { background:#48272c; color:#ffb9c0; border-color:#76404a; }
html[data-theme="dark"] .workspace .lists-nav-del:hover, html[data-theme="dark"] .workspace .btn-danger:hover { background:#603139; color:#ffdde1; border-color:#b9707b; }
.workspace .lists-current-name { font-size:20px; line-height:1.4; overflow-wrap:anywhere; }
.workspace .lists-head-card { padding-bottom:16px; margin-bottom:18px; }
.workspace .recipients-toolbar { gap:12px; flex-wrap:wrap; }
.workspace .recipients-toolbar .btn { align-self:end; }
.workspace .recipient-action-cell { width:86px; min-width:86px; }
.workspace .recipient-action-cell .inline-action { margin:0; }
.workspace .recipient-action-cell .btn { min-width:56px; width:auto; white-space:nowrap; overflow-wrap:normal; word-break:normal; flex-shrink:0; }
.workspace .verify-panel { margin-bottom:24px; padding:14px 16px; background:var(--panel); border:1px solid #d6b874; border-left:3px solid #b78a23; border-radius:6px; }
.workspace .verify-panel > summary { font-size:14px; }
.workspace .verify-panel[open] > summary { margin-bottom:16px; }
.workspace .verify-table td.table-actions { display:table-cell; vertical-align:top; }
.workspace .verify-row-form { display:flex; flex-wrap:wrap; gap:6px; }
.workspace .verify-table { table-layout:fixed; }
.workspace .verify-table th:nth-child(4) { width:auto; }
.workspace .verify-table th:nth-child(5) { width:176px; }
.workspace .verify-row-form .btn { flex:0 0 auto; min-width:64px; width:auto; white-space:nowrap; overflow-wrap:normal; word-break:normal; }
.workspace .verify-table-wrap { max-height:420px; overflow:auto; }
.workspace .status-legend { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.workspace .lists-import-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.workspace .template-studio-actions { justify-content:flex-start; margin-bottom:16px; }
.workspace .template-studio-top { padding:0 0 16px; }
.workspace .template-studio-pick { display:flex; gap:12px; }
.workspace .template-select-label { width:min(100%,680px); flex:1; min-width:0; }
.workspace .template-overview { border-bottom:1px solid var(--border); padding:0 0 18px; margin-bottom:18px; }
.workspace .template-overview h3 { margin-bottom:8px; }
.workspace .template-overview p { margin:8px 0; font-size:13px; }
.workspace .template-overview .template-settings { display:flex; flex-wrap:wrap; gap:18px; font-size:12px; color:var(--muted); }
.workspace .template-studio-body { padding:0; border:0; border-radius:0; background:var(--panel); }
.workspace .template-toolbar { gap:8px; padding:12px 0; background:transparent; border:0; }
.workspace .template-editor-wrap, .workspace .tox-tinymce { border-radius:6px; }
.workspace .mp-modal--editor .mp-modal__shell { width:min(1180px,calc(100vw - 32px)); }
.workspace .mp-modal--editor .template-studio-meta { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); }
.workspace .statistics-summary { align-items:center; padding-bottom:16px; }
.workspace .statistics-card, .workspace .bounce-delivery-card { border:0; border-left:3px solid var(--border); border-radius:0; box-shadow:none; padding:8px 14px; background:transparent; gap:10px; min-width:0; }
.workspace .statistics-card--sent, .workspace .bounce-delivery-card--sent { border-left-color:#3976d4; }
.workspace .statistics-card--delivered, .workspace .bounce-delivery-card--delivered { border-left-color:#168271; }
.workspace .statistics-card--failed, .workspace .bounce-delivery-card--bounced { border-left-color:#c54852; }
.workspace .statistics-card--clicked { border-left-color:#ab7b24; }
.workspace .statistics-card__label, .workspace .bounce-delivery-card span { font-size:11px; text-transform:none; color:var(--muted); line-height:1.45; }
.workspace .statistics-card__value, .workspace .bounce-delivery-card strong { font-size:30px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.1; }
.workspace .statistics-card__meta { font-size:11px; }
.workspace .statistics-grid { gap:14px; margin:24px 0; }
.workspace .statistics-detail-row { padding:10px 0; font-size:13px; }
.workspace .statistics-picker { background:transparent; box-shadow:none; border:0; border-radius:0; }
.workspace .statistics-links-table-wrap { border:1px solid var(--border); background:var(--panel); border-radius:6px; }
.workspace .bounce-control-grid { gap:24px; }.workspace .bounce-sync-state { font-size:12px; }
.workspace .bounce-control-panel { border-bottom:1px solid var(--border); padding-bottom:20px; }
.workspace .bounce-pending-panel { display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center; }
.workspace .bounce-pending-panel h3 { margin:0; }.workspace .bounce-pending-panel p { font-size:12px; }
.workspace .bounce-breakdown { border-radius:6px; background:var(--panel); border-color:var(--border); font-size:12px; }
.workspace .bounce-disclosure { padding:16px; background:var(--panel); border:1px solid var(--border); border-radius:6px; }
.workspace .bounce-mailbox-card { border-radius:6px; box-shadow:none; }
.workspace #campaigns-root .campaigns-layout { grid-template-columns:280px minmax(0,1fr); gap:24px; }
.workspace #campaigns-root .campaigns-sidebar { max-height:calc(100dvh - 275px); padding:0 16px 0 0; background:transparent; border:0; border-right:1px solid var(--border); box-shadow:none; border-radius:0; }
.workspace #campaigns-root .campaign-card { padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; transform:none; }
.workspace #campaigns-root .campaign-card:hover { transform:none; box-shadow:none; }
.workspace #campaigns-root .campaign-list-item { border-radius:6px; box-shadow:none; padding:12px; }
.workspace #campaigns-root .campaign-list-entry { position:relative; flex:none; min-width:0; }
.workspace #campaigns-root .campaign-list-entry .campaign-list-item { width:100%; margin:0; padding-right:46px; }
.workspace #campaigns-root .campaign-list-delete { position:absolute; top:6px; right:6px; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1px solid transparent; border-radius:6px; background:transparent; color:#b42332; box-shadow:none; cursor:pointer; }
.workspace #campaigns-root .campaign-list-delete svg { width:18px; height:18px; pointer-events:none; }
.workspace #campaigns-root .campaign-list-delete:hover:not(:disabled) { background:#fff0f0; border-color:#ebbec4; }
.workspace #campaigns-root .campaign-list-delete:disabled { cursor:not-allowed; color:var(--muted); opacity:.6; }
.workspace #campaigns-root .campaign-list-delete:focus-visible, .workspace .lists-nav-del:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
html[data-theme="dark"] .workspace #campaigns-root .campaign-list-delete:not(:disabled) { color:#ffb9c0; }
html[data-theme="dark"] .workspace #campaigns-root .campaign-list-delete:hover:not(:disabled) { background:#48272c; border-color:#76404a; }
.workspace #campaigns-root .campaign-list-item__name { font-size:13px; }.workspace #campaigns-root .campaign-list-item__meta { font-size:11px; }
.workspace #campaigns-root .campaign-list-item__head { flex-wrap:wrap; }.workspace #campaigns-root .campaigns-filter-btn { border-radius:4px; padding:5px 8px; }
.workspace #campaigns-root .live-pill { border-radius:4px; box-shadow:none; animation:none; font-size:11px; }
.workspace #campaigns-root .card-head h3 { font-size:20px; }.workspace #campaigns-root .card-meta { margin-top:8px; font-size:12px; }
.workspace #campaigns-root .stat-grid { gap:12px; margin:22px 0; }.workspace #campaigns-root .stat-box { border-radius:6px; padding:14px 8px; }
.workspace #campaigns-root .stat-num { font-size:28px; font-variant-numeric:tabular-nums; }.workspace #campaigns-root .stat-lbl { font-size:10px; }
.workspace #campaigns-root .completion-banner { border-radius:6px; padding:14px 16px; background:var(--panel); }.workspace #campaigns-root .completion-banner strong { font-size:14px; }.workspace #campaigns-root .completion-banner p, .workspace #campaigns-root .completion-banner p strong { font-size:13px; }
.workspace #campaigns-root .server-stats-panel, .workspace #campaigns-root .delivery-stats-panel, .workspace #campaigns-root .spam-cooldown-panel { background:transparent; border-radius:0; border:0; border-top:1px solid var(--border); padding:16px 0; }
.workspace #campaigns-root .server-stats-panel { overflow-x:auto; }.workspace #campaigns-root .server-stats-toggle { padding:4px 0; font-size:13px; }
.workspace #campaigns-root .delivery-stats-panel h4 { font-size:13px; }.workspace #campaigns-root .delivery-stats-highlight { font-size:13px; }
.workspace #campaigns-root .card-hint { font-size:12px; }.workspace #campaigns-root .card-actions { gap:8px; }
.workspace #campaigns-root .log-panel { padding:0; background:var(--panel); border-radius:6px; max-height:340px; }
.workspace #campaigns-root .campaigns-schedule-section, .workspace #campaigns-root .domain-toggle-panel { background:transparent; border:0; border-top:1px solid var(--border); border-radius:0; padding:16px 0 0; }
.workspace #campaigns-root .campaigns-form-panel { background:var(--panel); border-radius:8px; box-shadow:0 16px 60px #0004; padding:24px; border:1px solid var(--border); }
.workspace .mp-react-modal-close { border-radius:6px; box-shadow:none; }
.workspace .help-layout, .workspace .help-grid { gap:24px; }.workspace .help-nav { border-radius:6px; box-shadow:none; }
.workspace .ec-shell { max-width:none; }.workspace .ec-quote { border-radius:6px; box-shadow:none; }.workspace .ec-card { border-radius:6px; }
.workspace .server-order-package { border-radius:6px; box-shadow:none; }
.workspace .billing-banner, .workspace .flash, .workspace .alert { border-radius:6px; font-size:13px; box-shadow:none; }
.workspace .item-filter { margin:10px 0; font-size:12px; }
.workspace:not(.workspace-admin) table { min-width:0; }
.workspace:not(.workspace-admin) .table-wrap table { min-width:600px; }
.workspace:not(.workspace-admin) .verify-table-wrap table { min-width:900px; }
.workspace [data-item-filter-empty] { margin:12px 0; font-size:12px; color:var(--muted); }
@media(max-width:1200px) { .workspace #campaigns-root .campaigns-layout { grid-template-columns:240px minmax(0,1fr); gap:18px; }.workspace .statistics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .workspace .lists-layout,.workspace .app-panel-layout,.workspace #campaigns-root .campaigns-layout { grid-template-columns:minmax(0,1fr); gap:20px; }.workspace .lists-sidebar,.workspace .app-sidebar,.workspace #campaigns-root .campaigns-sidebar { position:static; border:0; border-bottom:1px solid var(--border); padding:0 0 16px; max-height:none; }.workspace .lists-nav { max-height:170px; }.workspace #campaigns-root .campaigns-sidebar__list { max-height:190px; }.workspace .workflow-bar { margin-bottom:20px; }.workspace .workflow-step { padding:5px 7px; } }
@media(max-width:600px) { .workspace .workflow-bar { gap:5px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace .workflow-step { min-width:0; font-size:11px; }.workspace .workflow-label { overflow-wrap:anywhere; }.workspace .statistics-grid { gap:12px; }.workspace .statistics-card__value,.workspace .bounce-delivery-card strong { font-size:26px; }.workspace .bounce-delivery-grid { grid-template-columns:1fr; gap:14px; }.workspace .bounce-delivery-card { display:grid; grid-template-columns:minmax(0,1fr) auto; }.workspace .bounce-delivery-card small { grid-column:1 / -1; }.workspace .bounce-control-grid { grid-template-columns:minmax(0,1fr); }.workspace .lists-import-actions { grid-template-columns:minmax(0,1fr); }.workspace .mp-modal--editor .template-studio-meta { grid-template-columns:minmax(0,1fr); }.workspace .template-tracking-options { min-width:0; }.workspace .template-toolbar .btn { font-size:11px; }.workspace #campaigns-root .campaigns-form-panel { padding:18px; }.workspace #campaigns-root .stat-num { font-size:24px; }.workspace #campaigns-root .stat-grid { gap:6px; }.workspace #campaigns-root .card-head { flex-wrap:wrap; }.workspace .statistics-links-table { min-width:0; }.workspace .statistics-links-table td { max-width:none; }.workspace .server-head-row { flex-wrap:wrap; }.workspace .lists-head-row { flex-wrap:wrap; } }
.auth-page { background:#f4f6f8; padding:24px; min-height:100dvh; }
.auth-page .auth-card { width:min(420px,100%); padding:36px; border:1px solid #dfe3e8; border-radius:8px; background:#fff; box-shadow:0 12px 38px #20252e0c; }
.auth-page .auth-brand { margin-bottom:28px; }.auth-page .brand-mark { font-size:32px; }.auth-page .brand-sub { font-size:12px; letter-spacing:0; }.auth-page .auth-hint { font-size:13px; }
.auth-page input { border-radius:6px; min-height:44px; }.auth-page .auth-submit { border-radius:6px; min-height:44px; background:#2161d7; box-shadow:none; }
html[data-theme="dark"] .auth-page { background:#16191d; }html[data-theme="dark"] .auth-page .auth-card { background:#20242a; border-color:#3a4049; }
@media(max-width:450px) { .auth-page { padding:16px; }.auth-page .auth-card { padding:24px; } }
.workspace .inline-action { display: inline-flex; margin: 0; padding: 0; border: 0; background: none; }
.workspace .inline-action button { margin: 0; }
.server-controls { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.client-smtp-form .form-actions { margin-top:20px; }
.page-campaign_history .report-loading { display:flex; flex-wrap:wrap; align-items:center; gap:12px; min-height:38px; margin:12px 0; color:var(--muted); font-size:13px; }
.page-campaign_history .report-loading[hidden] { display:none; }
.page-campaign_history [data-history-field="sent"],
.page-campaign_history [data-history-field="undelivered"],
.page-campaign_history [data-history-field="clicks"] { font-variant-numeric:tabular-nums; }