.mail-studio-page { --mail-cyan:#58d6d0;--mail-coral:#ff987a;--mail-violet:#9d86ff;--mail-green:#62d5a2;display:grid;gap:1rem;padding-bottom:2rem;color:#d6deea; }
.mail-studio-page .managed-card { border:1px solid rgba(148,163,184,.1)!important;box-shadow:0 18px 46px rgba(0,0,0,.17)!important; }

.mail-studio-hero { position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:205px;overflow:hidden;padding:2rem 2.3rem;border:1px solid rgba(88,214,208,.14);border-radius:1.35rem;background:radial-gradient(circle at 87% 10%,rgba(157,134,255,.14),transparent 30%),radial-gradient(circle at 15% 110%,rgba(255,152,122,.09),transparent 36%),linear-gradient(135deg,#111d31,#080f1d 68%);box-shadow:0 24px 55px rgba(0,0,0,.2); }
.mail-hero-copy { position:relative;z-index:1;max-width:520px; }.mail-kicker { display:flex;align-items:center;gap:.55rem;color:#7d91aa;font-size:.61rem;font-weight:900;letter-spacing:.18em; }.mail-kicker span,.mail-hero-status span { width:7px;height:7px;border-radius:50%;background:var(--mail-cyan);box-shadow:0 0 12px rgba(88,214,208,.7); }
.mail-hero-copy h1 { margin:.45rem 0 .35rem;color:#f1f5fa;font-size:clamp(2rem,3.1vw,3.25rem);font-weight:900;letter-spacing:-.055em;line-height:1; }.mail-hero-copy p { max-width:500px;margin:0;color:#8290a4;font-size:.87rem;line-height:1.6; }
.mail-hero-status { display:flex;align-items:center;gap:.48rem;margin-top:1rem;color:#64748a;font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }.mail-hero-status span { width:5px;height:5px;background:var(--mail-coral);box-shadow:0 0 8px rgba(255,152,122,.55); }
.mail-hero-stats { position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.55rem;margin-right:5rem; }
.mail-hero-stats>div { min-width:145px;padding:.83rem .95rem;border:1px solid rgba(148,163,184,.11);border-radius:.85rem;background:rgba(4,10,21,.49);backdrop-filter:blur(12px); }.mail-hero-stats span,.mail-hero-stats strong,.mail-hero-stats small { display:block; }.mail-hero-stats span { color:#68778d;font-size:.51rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }.mail-hero-stats strong { margin-top:.24rem;color:#eef3f8;font-size:1.2rem;font-weight:900;line-height:1; }.mail-hero-stats small { margin-top:.28rem;color:#617087;font-size:.51rem; }.mail-hero-stats strong.good { color:var(--mail-cyan); }.mail-hero-stats strong.warn { color:var(--mail-coral); }
.mail-hero-orbit { position:absolute;right:-32px;bottom:-50px;display:grid;place-items:center;width:195px;height:195px;border:1px solid rgba(88,214,208,.17);border-radius:42% 58% 52% 48%;color:rgba(88,214,208,.24);transform:rotate(17deg);box-shadow:inset 0 0 60px rgba(157,134,255,.045); }.mail-hero-orbit>.mud-icon-root { font-size:4rem;transform:rotate(-17deg); }.mail-hero-orbit i { position:absolute;width:92px;height:92px;border:1px solid rgba(255,152,122,.16);border-radius:50%; }

.mail-studio-toolbar { position:sticky!important;top:.75rem;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px;padding:.75rem 1rem!important;overflow:hidden;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,rgba(13,22,38,.96),rgba(7,14,27,.97))!important; }
.mail-studio-toolbar:hover,.mail-library:hover,.mail-composer:hover,.mail-discord-preview:hover,.mail-delivery-inspector:hover { transform:none!important; }.mail-toolbar-identity,.mail-toolbar-actions { display:flex;align-items:center;gap:.62rem; }.mail-toolbar-actions { justify-content:flex-end;flex-wrap:wrap; }
.mail-mark { display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(88,214,208,.19);border-radius:.75rem;color:var(--mail-cyan);background:rgba(88,214,208,.06); }.mail-toolbar-identity>div { display:grid; }.mail-toolbar-identity small { color:var(--mail-violet);font-size:.5rem;font-weight:900;letter-spacing:.13em; }.mail-toolbar-identity strong { max-width:270px;overflow:hidden;color:#dbe3ed;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap; }.mail-toolbar-identity em { color:#65758c;font-size:.51rem;font-style:normal; }
.mail-toolbar-sync { display:flex!important;align-items:center;gap:.52rem;margin-left:.55rem;padding-left:.8rem;border-left:1px solid rgba(148,163,184,.09); }.mail-toolbar-sync>span { width:8px;height:8px;border-radius:50%;background:var(--mail-cyan);box-shadow:0 0 9px rgba(88,214,208,.5); }.mail-toolbar-sync>span.dirty { background:var(--mail-coral);box-shadow:0 0 9px rgba(255,152,122,.5); }.mail-toolbar-sync>div { display:grid; }.mail-toolbar-sync strong { color:#c8d2de;font-size:.6rem; }.mail-toolbar-sync small { color:#627187;font-size:.5rem; }.mail-toolbar-progress { position:absolute;right:0;bottom:0;left:0; }
.mail-review-menu { width:min(650px,82vw);max-height:67vh;overflow-y:auto;background:linear-gradient(155deg,#111c31,#080f1d)!important; }.mail-review-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(148,163,184,.09); }.mail-review-heading>div { display:grid; }.mail-review-heading span { color:var(--mail-violet);font-size:.54rem;font-weight:900;letter-spacing:.14em; }.mail-review-heading strong { color:#e5ebf3;font-size:.84rem; }.mail-review-heading em { color:#738198;font-size:.6rem;font-style:normal; }
.mail-review-line { display:grid;grid-template-columns:100px 1fr;align-items:center;gap:.65rem;margin-top:.45rem;padding:.6rem;border:1px solid rgba(148,163,184,.08);border-radius:.65rem;background:rgba(3,8,18,.25); }.mail-review-line>span { color:#a998ff;font-size:.51rem;font-weight:900;text-transform:uppercase; }.mail-review-line>div { display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:.3rem; }.mail-review-line small,.mail-review-line strong { overflow:hidden;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap; }.mail-review-line small { color:#68778d; }.mail-review-line strong { color:#cdd7e3; }.mail-review-line .mud-icon-root { color:#675ca1;font-size:.85rem; }

.mail-studio-workspace { display:grid;grid-template-columns:minmax(255px,290px) minmax(570px,1fr) minmax(350px,405px);gap:1rem;align-items:start; }.mail-library,.mail-composer,.mail-discord-preview,.mail-delivery-inspector { overflow:hidden;padding:1rem!important;background:linear-gradient(160deg,rgba(15,24,42,.97),rgba(7,13,25,.98))!important; }.mail-library { position:sticky;top:6.5rem;max-height:calc(100vh - 8.25rem); }.mail-panel-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem; }.mail-panel-heading>div>span { display:block;margin-bottom:.23rem;color:#8d78e8;font-size:.51rem;font-weight:900;letter-spacing:.14em; }.mail-panel-heading h2 { margin:0;color:#e5eaf1;font-size:1rem;font-weight:850; }.mail-panel-heading>strong { display:grid;place-items:center;min-width:34px;height:27px;padding:0 .45rem;border:1px solid rgba(88,214,208,.15);border-radius:.52rem;color:#78ddd8;background:rgba(88,214,208,.055);font-size:.56rem; }

.mail-library-tabs { display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.22rem;border:1px solid rgba(148,163,184,.08);border-radius:.68rem;background:rgba(4,9,19,.28); }.mail-library-tabs button { padding:.42rem .25rem;border:0;border-radius:.46rem;color:#68788f;background:transparent;font-size:.51rem;font-weight:900;text-transform:uppercase; }.mail-library-tabs button:hover { color:#bdb2ff; }.mail-library-tabs button.active { color:#dfdcff;background:linear-gradient(120deg,rgba(157,134,255,.15),rgba(88,214,208,.055));box-shadow:0 3px 10px rgba(0,0,0,.13); }
.mail-library-summary { display:flex;align-items:center;justify-content:center;gap:.48rem;padding:.65rem .2rem .45rem;color:#65758b;font-size:.5rem; }.mail-library-summary i { width:3px;height:3px;border-radius:50%;background:#45546a; }.mail-list { height:calc(100vh - 21.5rem);min-height:320px;overflow-y:auto;padding-right:.15rem; }
.mail-library-card { position:relative;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:.58rem;width:100%;margin-bottom:.3rem;padding:.67rem;border:1px solid transparent;border-radius:.82rem;color:inherit;text-align:left;background:transparent;transition:.16s ease; }.mail-library-card:hover { border-color:rgba(148,163,184,.11);background:rgba(255,255,255,.025);transform:translateX(2px); }.mail-library-card.active { border-color:rgba(88,214,208,.23);background:linear-gradient(90deg,rgba(88,214,208,.12),rgba(157,134,255,.035));box-shadow:inset 3px 0 var(--mail-cyan); }.mail-library-card:disabled { opacity:1;cursor:default; }.mail-library-card.draft { border-style:dashed; }
.mail-library-icon,.mail-library-avatar { display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border:1px solid rgba(88,214,208,.15);border-radius:.7rem;color:var(--mail-cyan);background:rgba(88,214,208,.06);font-size:.68rem;font-weight:900; }.mail-library-icon.campaign { color:#afa0ff;border-color:rgba(157,134,255,.16);background:rgba(157,134,255,.06); }.mail-library-avatar { border-radius:50%; }.mail-library-avatar img { width:100%;height:100%;object-fit:cover; }.mail-library-copy,.mail-library-meta,.mail-status { display:grid;min-width:0; }.mail-library-copy strong { overflow:hidden;color:#dbe3ed;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap; }.mail-library-copy small,.mail-library-copy em { overflow:hidden;margin-top:.1rem;color:#64748a;font-size:.48rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap; }.mail-library-copy em { color:#536177; }.mail-library-meta,.mail-status { justify-items:end;text-align:right; }.mail-library-meta strong { color:#aebac9;font-size:.64rem; }.mail-library-meta small,.mail-status small { color:#5e6e84;font-size:.46rem; }.mail-library-card>i.dirty { position:absolute;top:.4rem;right:.4rem;width:6px;height:6px;border-radius:50%;background:var(--mail-coral);box-shadow:0 0 7px rgba(255,152,122,.5); }
.mail-status strong { padding:.18rem .28rem;border-radius:.34rem;font-size:.42rem;font-weight:900; }.mail-status.queued strong { color:#ecac70;background:rgba(255,152,122,.08); }.mail-status.unread strong { color:#70dcd6;background:rgba(88,214,208,.08); }.mail-status.opened strong { color:#b3a5ff;background:rgba(157,134,255,.08); }.mail-status.collected strong { color:#72d9aa;background:rgba(98,213,162,.08); }
.mail-library-empty { display:grid;place-items:center;gap:.35rem;padding:2.2rem 1rem;color:#786bc4;text-align:center; }.mail-library-empty strong { color:#bac5d4;font-size:.66rem; }.mail-library-empty small { color:#64748a;font-size:.53rem; }.mail-library-pagination { display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.08); }.mail-library-pagination span { color:#67768c;font-size:.5rem;text-align:center; }.mail-library-skeleton { display:grid;grid-template-columns:38px 1fr;align-items:center;gap:.6rem;margin-bottom:.35rem;padding:.58rem; }.mail-library-skeleton i { width:38px;height:38px;border-radius:50%;background:rgba(148,163,184,.07);animation:mail-pulse 1.4s infinite; }.mail-library-skeleton span { width:78%;height:27px;border-radius:.4rem;background:rgba(148,163,184,.055);animation:mail-pulse 1.4s .1s infinite; }

.mail-composer { min-width:0; }.mail-composer-heading { margin-bottom:.72rem; }.mail-composer-badges { display:flex;gap:.35rem; }.mail-composer-badges span { padding:.3rem .48rem;border:1px solid rgba(148,163,184,.11);border-radius:.45rem;color:#8291a6;background:rgba(255,255,255,.02);font-size:.51rem;font-weight:900; }.mail-composer-badges span.good { color:var(--mail-cyan);border-color:rgba(88,214,208,.17);background:rgba(88,214,208,.05); }.mail-composer-badges span.warn { color:var(--mail-coral);border-color:rgba(255,152,122,.18);background:rgba(255,152,122,.055); }
.mail-fields { display:grid;gap:.75rem; }.mail-config-section { display:grid;gap:.82rem;padding:1rem;border:1px solid rgba(148,163,184,.08);border-radius:.95rem;background:rgba(4,9,19,.21); }.mail-section-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.68rem;border-bottom:1px solid rgba(148,163,184,.08); }.mail-section-heading span { display:block;color:#8f79e9;font-size:.51rem;font-weight:900;letter-spacing:.13em; }.mail-section-heading h3 { margin:.14rem 0 0;color:#dfe6ef;font-size:.9rem; }.mail-section-heading>small { max-width:48%;color:#6b7a90;font-size:.53rem;text-align:right; }
.mail-validation-strip,.mail-lock-strip { display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.65rem;padding:.62rem;border:1px solid rgba(255,152,122,.15);border-radius:.68rem;color:#e2a079;background:rgba(255,152,122,.045);font-size:.57rem;line-height:1.45; }.mail-validation-strip.error { color:#ef91a3;border-color:rgba(240,129,153,.2);background:rgba(240,129,153,.055); }.mail-validation-strip .mud-icon-root { flex:0 0 auto;font-size:1rem; }.mail-lock-strip { color:#aaa0df;border-color:rgba(157,134,255,.16);background:rgba(157,134,255,.045); }.mail-lock-strip>div { display:grid; }.mail-lock-strip strong { color:#c7c0ed;font-size:.6rem; }.mail-lock-strip small { margin-top:.1rem;color:#716b92;font-size:.51rem; }
.mail-toggle-card { display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem;border:1px solid rgba(148,163,184,.09);border-radius:.75rem;background:rgba(4,9,19,.25);cursor:pointer; }.mail-toggle-card.on { border-color:rgba(157,134,255,.18);background:rgba(157,134,255,.035); }.mail-toggle-card.delivery.on { border-color:rgba(98,213,162,.18);background:rgba(98,213,162,.035); }.mail-toggle-card>span { display:grid;grid-template-columns:23px 1fr;column-gap:.45rem; }.mail-toggle-card .mud-icon-root { grid-row:1/3;color:#77869b;font-size:1.08rem; }.mail-toggle-card.on .mud-icon-root { color:var(--mail-violet); }.mail-toggle-card.delivery.on .mud-icon-root { color:var(--mail-green); }.mail-toggle-card strong { color:#c9d3df;font-size:.61rem; }.mail-toggle-card small { grid-column:2;color:#64738a;font-size:.5rem;line-height:1.45; }
.mail-recipient-card { display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.68rem;padding:.7rem;border:1px solid rgba(88,214,208,.14);border-radius:.8rem;background:rgba(88,214,208,.03); }.mail-recipient-card>span { display:grid;place-items:center;width:45px;height:45px;overflow:hidden;border:1px solid rgba(88,214,208,.17);border-radius:50%;color:#79ddd7;background:rgba(88,214,208,.07);font-size:.7rem;font-weight:900; }.mail-recipient-card img { width:100%;height:100%;object-fit:cover; }.mail-recipient-card>div { display:grid;min-width:0; }.mail-recipient-card strong { overflow:hidden;color:#d8e2ec;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap; }.mail-recipient-card small { color:#68788e;font-size:.5rem; }.mail-recipient-card em { padding:.2rem .34rem;border-radius:.35rem;color:#74d9ad;background:rgba(98,213,162,.075);font-size:.45rem;font-style:normal;font-weight:900; }.mail-recipient-card.banned { border-color:rgba(240,129,153,.18);background:rgba(240,129,153,.035); }.mail-recipient-card.banned em { color:#ef91a3;background:rgba(240,129,153,.08); }

.mail-attachment-list { display:grid;gap:.38rem; }.mail-attachment-row { display:grid;grid-template-columns:42px minmax(0,1fr) 92px 32px;align-items:center;gap:.58rem;padding:.55rem;border:1px solid rgba(148,163,184,.075);border-radius:.75rem;background:rgba(4,9,19,.23); }.mail-item-icon { display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(255,152,122,.14);border-radius:.66rem;background:rgba(255,152,122,.04); }.mail-item-icon img { width:29px;height:29px;object-fit:contain; }.mail-item-copy { display:grid;min-width:0; }.mail-item-copy strong { overflow:hidden;color:#d2dce7;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap; }.mail-item-copy small { overflow:hidden;color:#64738a;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap; }.mail-item-quantity { width:92px; }.mail-attachment-empty { display:grid;grid-template-columns:32px 1fr;align-items:center;gap:.6rem;padding:.8rem;border:1px dashed rgba(148,163,184,.1);border-radius:.75rem;color:#6f64ad;background:rgba(157,134,255,.015); }.mail-attachment-empty>div { display:grid; }.mail-attachment-empty strong { color:#abb7c7;font-size:.59rem; }.mail-attachment-empty small { color:#617086;font-size:.49rem; }.mail-attachment-budget { display:grid;gap:.3rem; }.mail-attachment-budget>span { display:block;height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.04); }.mail-attachment-budget b { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mail-cyan),var(--mail-coral)); }.mail-attachment-budget small { color:#5d6c81;font-size:.47rem;text-align:right; }

.mail-preview-column { position:sticky;top:6.5rem;display:grid;gap:1rem; }.mail-discord-preview,.mail-delivery-inspector { min-width:0; }.discord-mail-frame { overflow:hidden;padding:.85rem;border:1px solid #1e1f22;border-radius:.85rem;background:#313338;box-shadow:0 14px 28px rgba(0,0,0,.18); }.discord-command-line,.discord-bot-line { display:grid;grid-template-columns:35px 1fr;gap:.55rem; }.discord-user-avatar,.discord-index-avatar { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#5865f2,#7a85ff);font-size:.65rem;font-weight:900; }.discord-index-avatar { color:#131823;background:linear-gradient(145deg,#69ddd7,#a9fff6); }.discord-index-avatar .mud-icon-root { font-size:1rem; }.discord-command-line>div { display:grid;grid-template-columns:auto 1fr;column-gap:.35rem; }.discord-command-line strong,.discord-response header strong { color:#f2f3f5;font-size:.67rem; }.discord-command-line small,.discord-response header small { color:#949ba4;font-size:.46rem; }.discord-command-line code { grid-column:1/3;width:max-content;margin-top:.22rem;padding:.25rem .38rem;border-radius:.25rem;color:#dbdee1;background:#2b2d31;font:500 .61rem/1.1 monospace; }.discord-bot-line { margin-top:.8rem; }.discord-response { min-width:0; }.discord-response header { display:flex;align-items:center;gap:.3rem; }.discord-response header b { padding:.08rem .2rem;border-radius:.18rem;color:#fff;background:#5865f2;font-size:.37rem; }.discord-mail-tabs { display:flex;gap:.28rem;margin-top:.45rem; }.discord-mail-tabs span { padding:.24rem .45rem;border-radius:.25rem;color:#b5bac1;background:#2b2d31;font-size:.48rem;font-weight:650; }.discord-mail-tabs span.active { color:#fff;background:#5865f2; }
.discord-inbox-row { display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.42rem;margin-top:.36rem;padding:.42rem;border:1px solid #3f4147;border-radius:.35rem;background:#2b2d31; }.discord-inbox-row>span { display:grid;place-items:center;width:27px;height:27px;border-radius:.28rem;color:#73ddd6;background:rgba(88,214,208,.11); }.discord-inbox-row .mud-icon-root { font-size:.88rem; }.discord-inbox-row>div { display:grid;min-width:0; }.discord-inbox-row strong,.discord-inbox-row small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.discord-inbox-row strong { color:#dbdee1;font-size:.55rem; }.discord-inbox-row small { color:#949ba4;font-size:.43rem; }.discord-inbox-row em { color:#6fe0d6;font-size:.38rem;font-style:normal;font-weight:800; }.discord-preview-divider { display:flex;align-items:center;gap:.4rem;margin:.58rem 0 .4rem;color:#7c828b;font-size:.38rem;font-weight:800;letter-spacing:.1em; }.discord-preview-divider::before,.discord-preview-divider::after { content:"";height:1px;flex:1;background:#3f4147; }
.discord-embed-card { position:relative;overflow:hidden;padding:.72rem;border-radius:.25rem;background:#2b2d31;box-shadow:0 1px 0 rgba(0,0,0,.2); }.discord-embed-card>i { position:absolute;top:0;bottom:0;left:0;width:4px;background:#58d6d0; }.discord-embed-card h3 { max-width:calc(100% - 52px);margin:0;color:#f2f3f5;font-size:.67rem;line-height:1.25; }.discord-embed-card p { max-height:155px;margin:.4rem 0;color:#dbdee1;font-size:.5rem;line-height:1.5;white-space:pre-wrap;overflow:hidden; }.discord-embed-thumb { float:right;width:46px;height:46px;margin-left:.5rem;border-radius:.25rem;object-fit:cover; }.discord-attachment-field { display:grid;gap:.2rem;margin:.45rem 0;padding:.45rem;border-radius:.3rem;background:rgba(17,18,20,.26); }.discord-attachment-field>strong { color:#f2f3f5;font-size:.48rem; }.discord-attachment-field span { display:flex;align-items:center;gap:.25rem;color:#b5bac1;font-size:.45rem; }.discord-attachment-field img { width:15px;height:15px;object-fit:contain; }.discord-attachment-field small { color:#7f858e;font-size:.4rem; }.discord-embed-image { display:block;width:100%;max-height:180px;margin-top:.55rem;border-radius:.28rem;object-fit:cover; }.discord-embed-card footer { margin-top:.48rem;padding-top:.4rem;border-top:1px solid #3b3d42;color:#949ba4;font-size:.41rem; }.discord-collect-button { display:flex;align-items:center;gap:.3rem;margin-top:.35rem;padding:.38rem .62rem;border:0;border-radius:.2rem;color:#fff;background:#5865f2;font-size:.49rem;font-weight:650;pointer-events:none; }.discord-collect-button .mud-icon-root { font-size:.82rem; }.mail-preview-note { display:grid;grid-template-columns:21px 1fr;gap:.42rem;margin-top:.65rem;color:#68778c;font-size:.48rem;line-height:1.45; }.mail-preview-note .mud-icon-root { color:var(--mail-cyan);font-size:.95rem; }

.mail-delivery-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:.38rem; }.mail-delivery-metrics>div { padding:.52rem;border:1px solid rgba(148,163,184,.08);border-radius:.62rem;background:rgba(4,9,19,.22); }.mail-delivery-metrics span,.mail-delivery-metrics strong { display:block; }.mail-delivery-metrics span { color:#637288;font-size:.45rem;font-weight:850;text-transform:uppercase; }.mail-delivery-metrics strong { margin-top:.18rem;color:#d3dce7;font-size:.76rem; }.mail-funnel-row { margin-top:.6rem; }.mail-funnel-row>div { display:flex;align-items:center;justify-content:space-between;gap:.5rem; }.mail-funnel-row span { color:#6b7a90;font-size:.51rem; }.mail-funnel-row strong { color:#76ddd7;font-size:.54rem; }.mail-funnel-row>i { display:block;height:5px;margin-top:.3rem;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.04); }.mail-funnel-row b { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#398f91,var(--mail-cyan)); }.mail-funnel-row.collected strong { color:var(--mail-green); }.mail-funnel-row.collected b { background:linear-gradient(90deg,#387c62,var(--mail-green)); }
.mail-audience-card,.mail-runtime-note { display:grid;grid-template-columns:29px 1fr;align-items:start;gap:.55rem;margin-top:.7rem;padding:.65rem;border:1px solid rgba(157,134,255,.12);border-radius:.7rem;background:rgba(157,134,255,.025); }.mail-audience-card>.mud-icon-root,.mail-runtime-note>.mud-icon-root { color:var(--mail-violet);font-size:1rem; }.mail-audience-card>div,.mail-runtime-note>div { display:grid; }.mail-audience-card strong,.mail-runtime-note strong { color:#c2cbd8;font-size:.57rem; }.mail-audience-card small,.mail-runtime-note small { margin-top:.13rem;color:#64738a;font-size:.48rem;line-height:1.5; }.mail-runtime-note { border-color:rgba(88,214,208,.11);background:rgba(88,214,208,.022); }.mail-runtime-note>.mud-icon-root { color:var(--mail-cyan); }.mail-runtime-note.locked { border-color:rgba(157,134,255,.12);background:rgba(157,134,255,.025); }.mail-runtime-note.locked>.mud-icon-root { color:var(--mail-violet); }.mail-latest-delivery { display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(148,163,184,.08); }.mail-latest-delivery span { color:#64738a;font-size:.49rem; }.mail-latest-delivery strong { color:#aebac9;font-size:.5rem; }
.mail-delivery-checklist,.mail-delivery-timeline { display:grid;gap:.38rem; }.mail-delivery-checklist>div,.mail-delivery-timeline>div { display:grid;grid-template-columns:28px 1fr;align-items:center;gap:.5rem;padding:.5rem;border:1px solid rgba(148,163,184,.07);border-radius:.62rem;background:rgba(4,9,19,.2); }.mail-delivery-checklist .mud-icon-root { color:#5f6e83;font-size:1rem; }.mail-delivery-checklist>div.done .mud-icon-root { color:var(--mail-green); }.mail-delivery-checklist span,.mail-delivery-timeline span { display:grid; }.mail-delivery-checklist strong,.mail-delivery-timeline strong { color:#bcc7d5;font-size:.56rem; }.mail-delivery-checklist small,.mail-delivery-timeline small { color:#627187;font-size:.47rem; }.mail-direct-recipient { display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.6rem;margin-bottom:.7rem; }.mail-direct-recipient>span { display:grid;place-items:center;width:41px;height:41px;overflow:hidden;border:1px solid rgba(88,214,208,.16);border-radius:50%;color:#73dcd6;background:rgba(88,214,208,.06);font-size:.66rem;font-weight:900; }.mail-direct-recipient img { width:100%;height:100%;object-fit:cover; }.mail-direct-recipient>div { display:grid;min-width:0; }.mail-direct-recipient strong { overflow:hidden;color:#d5dee9;font-size:.63rem;text-overflow:ellipsis;white-space:nowrap; }.mail-direct-recipient small { color:#65748a;font-size:.48rem; }.mail-delivery-timeline>div { position:relative;grid-template-columns:31px 1fr;opacity:.55; }.mail-delivery-timeline>div.done { opacity:1;border-color:rgba(88,214,208,.1); }.mail-delivery-timeline i { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#74839a;background:rgba(148,163,184,.06); }.mail-delivery-timeline .mud-icon-root { font-size:.92rem; }.mail-delivery-timeline>div.done i { color:var(--mail-cyan);background:rgba(88,214,208,.07); }
@keyframes mail-pulse { 50% { opacity:.42; } }

@media(max-width:1640px) { .mail-studio-workspace { grid-template-columns:minmax(255px,290px) minmax(0,1fr); }.mail-preview-column { position:static;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr)); }.mail-hero-stats { margin-right:4rem; } }
@media(max-width:1160px) { .mail-studio-hero { align-items:flex-start;padding:1.8rem; }.mail-hero-stats { margin:0 3rem 0 1rem; }.mail-studio-toolbar { position:static!important;align-items:flex-start;flex-direction:column; }.mail-toolbar-actions { width:100%;justify-content:flex-start; }.mail-studio-workspace { grid-template-columns:1fr; }.mail-library,.mail-preview-column { position:static;grid-column:1;max-height:none; }.mail-list { height:390px; }.mail-preview-column { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:820px) { .mail-studio-page { gap:.75rem; }.mail-studio-hero { display:block;min-height:auto;padding:1.5rem;border-radius:1.1rem; }.mail-hero-copy p { font-size:.83rem; }.mail-hero-stats { grid-template-columns:repeat(2,1fr);margin:1.2rem 0 0; }.mail-hero-stats>div { min-width:0; }.mail-hero-orbit { display:none; }.mail-toolbar-identity { flex-wrap:wrap; }.mail-toolbar-sync { width:100%;margin-left:0;padding:.5rem 0 0;border-top:1px solid rgba(148,163,184,.08);border-left:0; }.mail-toolbar-actions .mud-button-root { flex:1; }.mail-review-menu { width:88vw; }.mail-preview-column { grid-template-columns:1fr; }.mail-review-line { grid-template-columns:1fr; } }
@media(max-width:560px) { .mail-hero-stats { grid-template-columns:1fr; }.mail-attachment-row { grid-template-columns:38px minmax(0,1fr) 78px; }.mail-attachment-row>.mud-icon-button { grid-column:3; }.mail-item-quantity { width:78px; }.mail-delivery-metrics { grid-template-columns:1fr; }.mail-section-heading { align-items:flex-start;flex-direction:column; }.mail-section-heading>small { max-width:100%;text-align:left; } }
.discord-mail-description{max-height:155px;margin:.4rem 0;color:#dbdee1;font-size:.5rem;line-height:1.5;overflow:auto}