#emailWorkspaceView { min-width:0; color:#202d34; }
.email-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:0 0 24px; }
.email-toolbar input[type=search] { width:260px; max-width:100%; }
.email-toolbar .email-filters { display:flex; gap:10px; flex-wrap:wrap; }
#emailWorkspaceView input,#emailWorkspaceView select,.email-dialog input,.email-dialog select,.email-dialog textarea { font:inherit; border:1px solid #dce5e6; border-radius:5px; padding:10px 12px; background:#fff; color:#24373a; min-width:0; max-width:100%; box-sizing:border-box; }
.email-btn { display:inline-flex; justify-content:center; align-items:center; gap:8px; border:1px solid #dce5e6; border-radius:5px; padding:10px 16px; background:#fff; color:#30474a; cursor:pointer; font:600 13px Arial,sans-serif; }
.email-btn.primary { background:#187f79; color:#fff; border-color:#187f79; }
.email-btn.email-delete { color:#a73b4d; border-color:#eed6dc; }
.email-btn:disabled { opacity:.5; cursor:default; }
.email-btn img { width:16px; height:16px; }
.email-icon { width:34px; height:34px; padding:7px; }
.email-icon img { width:18px; height:18px; }
.email-status { display:inline-flex; padding:4px 8px; border-radius:4px; background:#f0f3f5; color:#65747c; font-size:11px; }
.email-status.active,.email-status.delivered,.email-status.submitted,.email-status.completed { background:#e6f5ef; color:#248465; }
.email-status.paused,.email-status.unknown { background:#fff3d9; color:#936e22; }
.email-status.failed,.email-status.bounced,.email-status.spam { background:#fceced; color:#b54b5b; }
.email-summary { display:flex; gap:40px; flex-wrap:wrap; margin-bottom:26px; }
.email-summary span { display:block; color:#6c7a81; font-size:12px; margin-bottom:8px; }
.email-summary strong { font-size:27px; }
.email-notice { display:block; border-left:3px solid #d9ad54; background:#fff8e9; padding:12px 16px; margin:0 0 24px; font-size:13px; color:#806738; }
.email-notice[hidden] { display:none; }
.email-list { width:100%; border-collapse:collapse; }
.email-list th { font-size:11px; text-align:left; text-transform:uppercase; color:#74848b; border-bottom:1px solid #dfe7e8; padding:14px 12px; }
.email-list td { padding:18px 12px; border-bottom:1px solid #e8edee; font-size:13px; }
.email-list td:first-child strong { display:block; margin-bottom:6px; font-size:14px; }
.email-list small { color:#71858a; }
.email-table-scroll { overflow:auto; }
.email-actions-cell { vertical-align:middle; }
.email-row-actions { display:flex; align-items:center; gap:8px; flex-wrap:nowrap; }
.email-row-actions .email-btn { height:36px; flex-shrink:0; padding-top:0; padding-bottom:0; white-space:nowrap; }
.email-row-actions .email-icon { width:36px; padding:8px; }
.email-row-actions [data-state] { width:80px; }
.email-row-actions [data-logs] { width:68px; }
.email-empty { text-align:center; color:#74848b; padding:70px 16px; border:1px dashed #d8e2e4; }
.email-template-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px; }
.email-template-card { border:1px solid #dde6e8; border-radius:6px; background:#fff; overflow:hidden; }
.email-template-card .email-cover { display:flex; align-items:center; justify-content:center; height:120px; background:#edf7f5; }
.email-template-card .email-cover img { width:42px; height:42px; opacity:.6; }
.email-template-card .email-cover:has(.email-cover-photo) { height:auto; aspect-ratio:3 / 2; background:#f2f5f5; }
.email-template-card .email-cover img.email-cover-photo { width:100%; height:100%; object-fit:cover; opacity:1; }
.email-template-card .email-card-body { padding:18px; }
.email-template-card h3 { margin:0 0 8px; font-size:16px; }
.email-template-card p { font-size:13px; color:#74848b; margin:8px 0 18px; overflow-wrap:anywhere; }
.email-modal { position:fixed; inset:0; background:#1e333960; backdrop-filter:blur(3px); z-index:1000; display:flex; justify-content:center; align-items:center; padding:24px; }
.email-dialog { width:min(1050px,100%); max-height:calc(100dvh - 48px); overflow:auto; background:#fff; border-radius:6px; padding:28px; box-sizing:border-box; color:#25373c; }
.email-dialog.compact { width:min(720px,100%); }
.email-dialog header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.email-dialog h2 { font-size:22px; margin:0; }
.email-dialog h3 { font-size:15px; margin:24px 0 14px; }
.email-dialog label { display:block; font-size:12px; font-weight:600; margin-bottom:8px; }
.email-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.email-form-grid input,.email-form-grid select { width:100%; }
.email-dialog footer { display:flex; justify-content:flex-end; gap:12px; margin-top:28px; padding-top:20px; border-top:1px solid #e3eaec; }
.email-editor { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; margin-top:24px; }
.email-block { padding:14px 0; border-bottom:1px solid #e3eaec; }
.email-block-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.email-block-head strong { font-size:13px; }
.email-block-head .email-block-actions { display:flex; gap:4px; }
.email-block textarea,.email-block input { width:100%; margin:5px 0; }
.email-block textarea { min-height:84px; resize:vertical; }
.email-block-options { display:flex; align-items:center; gap:8px; margin-top:8px; }
.email-block-options label { margin:0; font-weight:400; }
.email-block-options input[type=color] { width:38px; padding:3px; height:32px; }
.email-preview { width:100%; height:520px; border:1px solid #e1e8ea; border-radius:4px; background:#f4f6f7; }
.email-preview-column { position:sticky; top:0; align-self:start; min-width:0; }
.email-preview-toolbar { display:flex; justify-content:space-between; align-items:center; margin:0 0 12px; }
.email-step { display:grid; grid-template-columns:1fr 110px 34px; gap:12px; align-items:end; padding:16px 0; border-bottom:1px solid #e3eaec; }
.email-step input,.email-step select { width:100%; }
.email-step-summary { background:#edf7f5; color:#24786f; padding:16px; font-size:13px; margin-top:20px; }
.email-alert { color:#b94b54; font-size:13px; min-height:18px; margin-top:14px; }
.email-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin-bottom:28px; }
.email-metric { border:1px solid #e0e7e9; border-radius:6px; background:#fff; padding:18px 16px; min-width:0; border-top:3px solid #81b8ab; }
.email-metric:nth-child(2) { border-top-color:#8cadcd; }.email-metric:nth-child(3) { border-top-color:#d8b76e; }.email-metric:nth-child(4) { border-top-color:#b89bcc; }.email-metric:nth-child(5) { border-top-color:#d998a0; }.email-metric:nth-child(6) { border-top-color:#a9b3be; }
.email-metric span { color:#6b7c85; font-size:12px; display:block; }
.email-metric strong { display:block; font-size:27px; margin:14px 0 8px; }
.email-metric small { font-size:11px; color:#7e8c94; }
.email-insights { display:grid; grid-template-columns:minmax(0,35fr) minmax(0,65fr); gap:28px; margin-bottom:28px; }
.email-insights h3,.email-recent h3 { font-size:16px; margin:0 0 24px; }
.email-funnel-row { display:grid; grid-template-columns:84px minmax(0,1fr) 40px; align-items:center; gap:10px; margin:18px 0; font-size:12px; }
.email-funnel-row div { height:12px; background:#eef3f4; border-radius:2px; overflow:hidden; }
.email-funnel-row i { display:block; height:100%; background:#59a699; }
.email-funnel-row:nth-child(3) i { background:#88aacf; }.email-funnel-row:nth-child(4) i { background:#d5b36d; }
.email-health { margin-top:34px; border-top:1px solid #e1e8ea; padding-top:24px; }
.email-health p { display:flex; justify-content:space-between; font-size:12px; color:#71818b; }
.email-chart-wrap { height:290px; position:relative; }
.email-chart-wrap canvas { width:100%; height:100%; }
.email-recent { border-top:1px solid #dde7e8; padding-top:24px; }
@media(max-width:1100px) { .email-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.email-insights { grid-template-columns:minmax(0,1fr); } }
@media(max-width:650px) { .email-modal { padding:12px; }.email-dialog { padding:20px; max-height:calc(100dvh - 24px); }.email-editor,.email-form-grid { grid-template-columns:minmax(0,1fr); }.email-preview-column { position:static; }.email-step { grid-template-columns:minmax(0,1fr) 80px 30px; gap:6px; }.email-step select { font-size:12px; }.email-toolbar .email-filters { width:100%; }.email-toolbar select { flex:1; width:100%; }.email-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.email-metric strong { font-size:25px; }.email-summary { gap:24px; }.email-toolbar input[type=search] { width:100%; } }
@media(max-width:650px) { .email-toolbar .email-filters > select { flex:1 1 100%; } }