/* ==========================================================================
   Email Inbox — Gmail-style three-pane layout. Scoped under #page-email-inbox.
   ========================================================================== */

#page-email-inbox{--ei-bg:#0a1320;--ei-bg-elev:#0e1828;--ei-edge:rgba(157,189,255,.12);--ei-edge2:rgba(157,189,255,.20);--ei-text:#e7eef9;--ei-muted:#a8b8d4;--ei-dim:#7f95b7;--ei-soft:#cfd9ec;--ei-accent:#67b4ff;--ei-accent2:#8fd8ff;--ei-accent-deep:#3982cf;--ei-gold:#f5d990;--ei-green:#a7f1d2;--ei-rose:#ffc0cb;--ei-amber:#ffd89b;--ei-violet:#c8b8ff;--ei-teal:#9be4dd;--ei-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace}

#page-email-inbox .ei-shell{display:grid;grid-template-columns:230px 380px 1fr;min-height:calc(100vh - 200px);background:var(--ei-bg);border:1px solid var(--ei-edge);border-radius:14px;overflow:hidden}
#page-email-inbox .ei-folder{background:#0d1828;border-right:1px solid var(--ei-edge);padding:14px 12px;overflow-y:auto}
#page-email-inbox .ei-list{background:#0a1626;border-right:1px solid var(--ei-edge);display:flex;flex-direction:column;overflow:hidden}
#page-email-inbox .ei-read{flex:1;min-width:0;background:#08111e;display:flex;flex-direction:column;overflow:hidden}

#page-email-inbox .ei-compose-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border-radius:14px;border:none;cursor:pointer;background:linear-gradient(180deg,#5ea7f0,#3982cf);color:white;font:700 .82rem/1 'Inter',sans-serif;letter-spacing:.02em;box-shadow:0 6px 14px rgba(57,130,207,.28),inset 0 1px 0 rgba(255,255,255,.18);margin-bottom:18px}
#page-email-inbox .ei-compose-btn:hover{filter:brightness(1.06)}
#page-email-inbox .ei-compose-btn svg{width:16px;height:16px}

#page-email-inbox .ei-section{margin-bottom:18px}
#page-email-inbox .ei-section-h{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ei-dim);font-weight:700;padding:0 8px;margin-bottom:6px}
#page-email-inbox .ei-folder-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ei-soft);font-size:.84rem;font-weight:500}
#page-email-inbox .ei-folder-row:hover{background:rgba(157,189,255,.05)}
#page-email-inbox .ei-folder-row.active{background:linear-gradient(90deg,rgba(103,180,255,.15),rgba(103,180,255,.05));color:#eaf2ff;font-weight:600}
#page-email-inbox .ei-folder-row .ei-left{display:flex;align-items:center;gap:10px}
#page-email-inbox .ei-folder-row .ei-left svg{width:15px;height:15px;color:#90a3c4}
#page-email-inbox .ei-folder-row.active .ei-left svg{color:#cfe5ff}
#page-email-inbox .ei-count{font:600 .72rem/1 var(--ei-mono);color:#cfe5ff;background:rgba(103,180,255,.16);border:1px solid rgba(103,180,255,.22);padding:3px 6px;border-radius:5px}
#page-email-inbox .ei-folder-row.has-unread .ei-count{background:rgba(245,217,144,.16);border-color:rgba(245,217,144,.3);color:var(--ei-gold)}
#page-email-inbox .ei-label-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
#page-email-inbox .ei-label-row{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:.82rem;color:var(--ei-soft)}
#page-email-inbox .ei-label-row:hover{background:rgba(157,189,255,.05)}
#page-email-inbox .ei-label-row.active{background:rgba(157,189,255,.08);color:#eaf2ff}

#page-email-inbox .ei-list-head{padding:12px 16px;border-bottom:1px solid var(--ei-edge);display:flex;align-items:center;gap:10px}
#page-email-inbox .ei-list-head h2{font-size:.95rem;font-weight:700;color:#eaf2ff;margin:0;letter-spacing:-.005em;flex:1}
#page-email-inbox .ei-search{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:rgba(157,189,255,.06);border:1px solid var(--ei-edge);flex:1;max-width:170px}
#page-email-inbox .ei-search svg{width:13px;height:13px;color:var(--ei-dim)}
#page-email-inbox .ei-search input{background:transparent;border:none;color:var(--ei-text);font:500 .8rem/1 'Inter',sans-serif;outline:none;width:100%}
#page-email-inbox .ei-search input::placeholder{color:var(--ei-dim)}
#page-email-inbox .ei-iconbtn{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(157,189,255,.04);border:1px solid var(--ei-edge);color:#cfd9ec;cursor:pointer}
#page-email-inbox .ei-iconbtn:hover{background:rgba(157,189,255,.10)}
#page-email-inbox .ei-iconbtn svg{width:14px;height:14px}

#page-email-inbox .ei-chips{display:flex;gap:6px;padding:10px 16px 0;flex-wrap:wrap}
#page-email-inbox .ei-chip{padding:5px 10px;border-radius:999px;font:500 .72rem/1 'Inter',sans-serif;background:rgba(157,189,255,.06);border:1px solid var(--ei-edge);color:#cfd9ec;cursor:pointer}
#page-email-inbox .ei-chip.active{background:rgba(103,180,255,.16);border-color:rgba(103,180,255,.32);color:#cfe5ff}

#page-email-inbox .ei-threads{overflow-y:auto;flex:1;padding:8px 0}
#page-email-inbox .ei-thread{display:grid;grid-template-columns:24px 26px 1fr auto;gap:8px;padding:11px 16px 11px 12px;cursor:pointer;border-bottom:1px solid rgba(157,189,255,.04);align-items:start;position:relative}
#page-email-inbox .ei-thread:hover{background:rgba(157,189,255,.04)}
#page-email-inbox .ei-thread.unread{background:rgba(103,180,255,.04)}
#page-email-inbox .ei-thread.unread::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ei-accent)}
#page-email-inbox .ei-thread.selected{background:rgba(103,180,255,.10)}
#page-email-inbox .ei-thread .ei-chk{width:14px;height:14px;border:1.5px solid var(--ei-dim);border-radius:3px;margin-top:3px}
#page-email-inbox .ei-thread .ei-star{margin-top:1px;color:rgba(245,217,144,.3);font-size:.95rem;cursor:pointer;line-height:1;width:18px;text-align:center}
#page-email-inbox .ei-thread .ei-star.on{color:var(--ei-gold)}
#page-email-inbox .ei-tbody{min-width:0}
#page-email-inbox .ei-tsender{font-weight:600;font-size:.84rem;color:#eaf2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
#page-email-inbox .ei-thread.unread .ei-tsender{color:#fff}
#page-email-inbox .ei-tcount{font-weight:500;color:var(--ei-dim);font-size:.72rem}
#page-email-inbox .ei-tsubj{font-size:.83rem;color:#cfd9ec;font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-email-inbox .ei-thread.unread .ei-tsubj{color:#eaf2ff;font-weight:600}
#page-email-inbox .ei-tsnip{font-size:.76rem;color:var(--ei-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-email-inbox .ei-tmeta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:1px}
#page-email-inbox .ei-ttime{font:500 .72rem/1 'Inter',sans-serif;color:var(--ei-dim);white-space:nowrap}
#page-email-inbox .ei-thread.unread .ei-ttime{color:var(--ei-accent2);font-weight:600}
#page-email-inbox .ei-tstate{font:600 .62rem/1 var(--ei-mono);letter-spacing:.04em;text-transform:uppercase;padding:3px 6px;border-radius:4px}
#page-email-inbox .ei-tstate.delivered{background:rgba(103,180,255,.14);color:#cfe5ff;border:1px solid rgba(103,180,255,.22)}
#page-email-inbox .ei-tstate.opened{background:rgba(37,216,155,.14);color:var(--ei-green);border:1px solid rgba(37,216,155,.22)}
#page-email-inbox .ei-tstate.clicked{background:rgba(168,134,255,.14);color:var(--ei-violet);border:1px solid rgba(168,134,255,.24)}
#page-email-inbox .ei-tstate.bounced{background:rgba(241,111,134,.14);color:var(--ei-rose);border:1px solid rgba(241,111,134,.26)}
#page-email-inbox .ei-tstate.sent{background:rgba(157,189,255,.10);color:#cfd9ec;border:1px solid var(--ei-edge)}
#page-email-inbox .ei-tstate.sms{background:rgba(95,209,204,.14);color:var(--ei-teal);border:1px solid rgba(95,209,204,.24)}
#page-email-inbox .ei-attach{margin-left:5px;color:var(--ei-dim)}
#page-email-inbox .ei-attach svg{width:11px;height:11px;vertical-align:middle}

#page-email-inbox .ei-empty{padding:48px 24px;text-align:center;color:var(--ei-dim);font-size:.85rem}

#page-email-inbox .ei-rhead{padding:18px 24px 14px;border-bottom:1px solid var(--ei-edge)}
#page-email-inbox .ei-rsubj{font-size:1.3rem;font-weight:700;color:#eaf2ff;margin:0 0 6px;letter-spacing:-.01em;line-height:1.25}
#page-email-inbox .ei-rtags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#page-email-inbox .ei-tag{font:600 .62rem/1 'Inter',sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:rgba(103,180,255,.16);color:#cfe5ff;border:1px solid rgba(103,180,255,.28)}
#page-email-inbox .ei-tag.gold{background:rgba(245,217,144,.18);color:var(--ei-gold);border-color:rgba(245,217,144,.32)}
#page-email-inbox .ei-tag.rose{background:rgba(241,111,134,.18);color:var(--ei-rose);border-color:rgba(241,111,134,.32)}
#page-email-inbox .ei-tag.teal{background:rgba(95,209,204,.14);color:var(--ei-teal);border-color:rgba(95,209,204,.26)}
#page-email-inbox .ei-actions{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
#page-email-inbox .ei-act{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;background:rgba(157,189,255,.05);border:1px solid var(--ei-edge);color:#cfd9ec;font:600 .78rem/1 'Inter',sans-serif;cursor:pointer}
#page-email-inbox .ei-act:hover{background:rgba(157,189,255,.10);color:#eaf2ff}
#page-email-inbox .ei-act.primary{background:linear-gradient(180deg,#5ea7f0,#3982cf);color:white;border:none;box-shadow:0 4px 10px rgba(57,130,207,.28)}
#page-email-inbox .ei-act.primary:hover{filter:brightness(1.06)}
#page-email-inbox .ei-act svg{width:13px;height:13px}

#page-email-inbox .ei-rbody{flex:1;overflow-y:auto;padding:0 24px 36px;display:grid;grid-template-columns:1fr 280px;gap:24px}
#page-email-inbox .ei-msgs{padding-top:18px}
#page-email-inbox .ei-msg{border:1px solid var(--ei-edge);border-radius:14px;background:rgba(10,18,32,.6);margin-bottom:14px;overflow:hidden}
#page-email-inbox .ei-msg.outbound{border-left:3px solid var(--ei-accent)}
#page-email-inbox .ei-msg.inbound{border-left:3px solid var(--ei-gold)}
#page-email-inbox .ei-mhead{padding:14px 18px;border-bottom:1px solid var(--ei-edge);display:flex;align-items:center;gap:12px}
#page-email-inbox .ei-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 .8rem/1 'Inter',sans-serif;color:#0a1320;flex:0 0 36px;background:linear-gradient(180deg,#a7f1d2,#6dcfa1)}
#page-email-inbox .ei-msg.outbound .ei-avatar{background:linear-gradient(180deg,#9be4dd,#5fa9a3)}
#page-email-inbox .ei-mfrom{font-size:.86rem;color:#eaf2ff;font-weight:600;line-height:1.2}
#page-email-inbox .ei-mfrom .ei-em{color:var(--ei-dim);font-weight:500;font-size:.78rem;margin-left:6px}
#page-email-inbox .ei-mto{font-size:.74rem;color:var(--ei-dim);margin-top:3px}
#page-email-inbox .ei-mtime{margin-left:auto;font:500 .76rem/1 'Inter',sans-serif;color:var(--ei-dim)}
#page-email-inbox .ei-mbody{padding:18px 22px;color:#d3dfef;font-size:.88rem;line-height:1.65}
#page-email-inbox .ei-mbody p{margin:.6em 0}
#page-email-inbox .ei-mbody pre{white-space:pre-wrap;font-family:'Inter',sans-serif;font-size:.92rem;line-height:1.65;color:#d3dfef;margin:0}
#page-email-inbox .ei-mstate{padding:10px 18px;border-top:1px solid var(--ei-edge);background:rgba(10,18,32,.5);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:500 .72rem/1.4 var(--ei-mono);color:var(--ei-dim)}
#page-email-inbox .ei-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.66rem}
#page-email-inbox .ei-pill.delivered{background:rgba(103,180,255,.12);color:#cfe5ff;border:1px solid rgba(103,180,255,.22)}
#page-email-inbox .ei-pill.opened{background:rgba(37,216,155,.12);color:var(--ei-green);border:1px solid rgba(37,216,155,.22)}
#page-email-inbox .ei-pill.clicked{background:rgba(168,134,255,.12);color:var(--ei-violet);border:1px solid rgba(168,134,255,.24)}
#page-email-inbox .ei-pill.bounced{background:rgba(241,111,134,.12);color:var(--ei-rose);border:1px solid rgba(241,111,134,.26)}
#page-email-inbox .ei-pill.sent{background:rgba(157,189,255,.08);color:#cfd9ec;border:1px solid var(--ei-edge)}
#page-email-inbox .ei-pill.queued{background:rgba(245,217,144,.10);color:var(--ei-gold);border:1px solid rgba(245,217,144,.22)}
#page-email-inbox .ei-pill.failed{background:rgba(241,111,134,.18);color:var(--ei-rose);border:1px solid rgba(241,111,134,.38)}
#page-email-inbox .ei-arrow{color:var(--ei-dim);font-weight:400}
#page-email-inbox .ei-sms-pill{margin:14px 18px 18px;padding:11px 14px;background:rgba(95,209,204,.06);border:1px solid rgba(95,209,204,.24);border-radius:10px;display:flex;gap:10px;align-items:center;font-size:.78rem;color:#cfd9ec}
#page-email-inbox .ei-sms-pill svg{width:17px;height:17px;color:var(--ei-teal);flex:0 0 17px}
#page-email-inbox .ei-sms-pill strong{color:var(--ei-teal);font-weight:600}
#page-email-inbox .ei-attaches{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 16px}
#page-email-inbox .ei-attach-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(157,189,255,.05);border:1px solid var(--ei-edge);border-radius:10px;font-size:.78rem;color:#cfd9ec;cursor:pointer}
#page-email-inbox .ei-attach-pill .ext{font:700 .65rem/1 var(--ei-mono);background:rgba(103,180,255,.22);color:#cfe5ff;padding:3px 5px;border-radius:3px;text-transform:uppercase}
#page-email-inbox .ei-attach-pill .size{color:var(--ei-dim);font-family:var(--ei-mono);font-size:.7rem;margin-left:4px}

#page-email-inbox .ei-side{padding-top:18px}
#page-email-inbox .ei-side-card{border:1px solid var(--ei-edge);border-radius:14px;background:rgba(10,18,32,.6);padding:18px;margin-bottom:14px}
#page-email-inbox .ei-side-kicker{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ei-dim);font-weight:700;margin-bottom:6px}
#page-email-inbox .ei-side-title{font-size:1.02rem;color:#eaf2ff;font-weight:700;margin:0 0 6px}
#page-email-inbox .ei-side-sub{color:var(--ei-muted);font-size:.82rem;margin-bottom:8px}
#page-email-inbox .ei-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
#page-email-inbox .ei-stat{padding:8px 10px;background:rgba(157,189,255,.04);border:1px solid var(--ei-edge);border-radius:8px}
#page-email-inbox .ei-stat .lbl{font-size:.64rem;letter-spacing:.10em;text-transform:uppercase;color:var(--ei-dim);font-weight:700}
#page-email-inbox .ei-stat .val{font-size:.88rem;color:#eaf2ff;font-weight:700;margin-top:3px}
#page-email-inbox .ei-stat .val.green{color:var(--ei-green)}
#page-email-inbox .ei-stat .val.gold{color:var(--ei-gold)}
#page-email-inbox .ei-side-actions{display:grid;gap:6px;margin-top:14px}
#page-email-inbox .ei-side-action{padding:9px 12px;border-radius:9px;background:rgba(103,180,255,.08);border:1px solid rgba(103,180,255,.18);color:#cfe5ff;font:600 .76rem/1 'Inter',sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px}
#page-email-inbox .ei-side-action:hover{background:rgba(103,180,255,.14)}
#page-email-inbox .ei-timeline{padding:0 0 0 4px;font-size:.78rem}
#page-email-inbox .ei-trow{display:flex;gap:10px;align-items:flex-start;padding:6px 0;color:var(--ei-dim);font-family:var(--ei-mono);font-size:.72rem}
#page-email-inbox .ei-trow .dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:0 0 8px}
#page-email-inbox .ei-trow .dot.delivered{background:var(--ei-accent2)}
#page-email-inbox .ei-trow .dot.opened{background:var(--ei-green)}
#page-email-inbox .ei-trow .dot.clicked{background:var(--ei-violet)}
#page-email-inbox .ei-trow .dot.bounced{background:var(--ei-rose)}
#page-email-inbox .ei-trow .dot.sent{background:#cfd9ec}
#page-email-inbox .ei-trow .when{color:#cfd9ec;font-weight:600}

/* ============= COMPOSER (modal overlay bottom-right) ============= */
#page-email-inbox .ei-composer-overlay{position:fixed;right:24px;bottom:24px;width:680px;max-width:calc(100vw - 48px);background:#0d1828;border:1px solid var(--ei-edge);border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.45);z-index:2000;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}
#page-email-inbox .ei-composer-overlay.full{right:5%;bottom:5%;width:90%;height:90%;max-height:none}
#page-email-inbox .ei-c-head{padding:12px 16px;background:rgba(103,180,255,.10);border-bottom:1px solid var(--ei-edge);display:flex;align-items:center;gap:10px;border-radius:14px 14px 0 0}
#page-email-inbox .ei-c-head h3{margin:0;font-size:.88rem;color:#eaf2ff;font-weight:700;flex:1}
#page-email-inbox .ei-c-fields{padding:0 14px;overflow-y:auto;flex:1}
#page-email-inbox .ei-c-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(157,189,255,.06)}
#page-email-inbox .ei-c-lbl{font:600 .7rem/1 'Inter',sans-serif;color:var(--ei-dim);width:50px;letter-spacing:.05em;text-transform:uppercase}
#page-email-inbox .ei-c-row input,#page-email-inbox .ei-c-row select{background:transparent;border:none;outline:none;color:var(--ei-text);font:500 .88rem/1.3 'Inter',sans-serif;flex:1;min-width:0}
#page-email-inbox .ei-c-row select{cursor:pointer}
#page-email-inbox .ei-c-row input::placeholder{color:var(--ei-dim)}
#page-email-inbox .ei-c-row textarea{background:transparent;border:none;outline:none;color:var(--ei-text);font:500 .9rem/1.6 'Inter',sans-serif;flex:1;min-width:0;resize:vertical;min-height:200px;width:100%;padding:8px 0}
#page-email-inbox .ei-c-body-wrap{padding:6px 0 14px}
#page-email-inbox .ei-c-foot{padding:12px 16px;border-top:1px solid var(--ei-edge);background:rgba(10,18,32,.4);display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-radius:0 0 14px 14px}
#page-email-inbox .ei-chip-recipient{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;background:rgba(103,180,255,.16);border:1px solid rgba(103,180,255,.28);color:#cfe5ff;font:600 .76rem/1 'Inter',sans-serif;margin:2px}
#page-email-inbox .ei-chip-recipient .x{color:#9bbedb;cursor:pointer;font-size:.9rem}
#page-email-inbox .ei-fallback-banner{margin:10px 16px;padding:11px 14px;border-radius:10px;background:rgba(95,209,204,.06);border:1px solid rgba(95,209,204,.22);display:flex;gap:10px;align-items:center;font-size:.78rem;color:#cfd9ec}
#page-email-inbox .ei-fallback-banner svg{width:16px;height:16px;color:var(--ei-teal);flex:0 0 16px}
#page-email-inbox .ei-toggle{margin-left:auto;width:36px;height:20px;background:rgba(95,209,204,.30);border-radius:999px;position:relative;cursor:pointer}
#page-email-inbox .ei-toggle::after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:white;transition:.2s}
#page-email-inbox .ei-toggle.off{background:rgba(157,189,255,.10)}
#page-email-inbox .ei-toggle.off::after{right:auto;left:2px}
#page-email-inbox .ei-saved{font-size:.7rem;color:var(--ei-dim);font-family:var(--ei-mono);display:flex;align-items:center;gap:6px;margin-left:auto}
#page-email-inbox .ei-saved .dot{width:6px;height:6px;border-radius:50%;background:var(--ei-green);box-shadow:0 0 6px rgba(167,241,210,.6)}

/* ============= SECONDARY VIEWS (Suppression, Campaigns, SMS) ============= */
#page-email-inbox .ei-secondary{padding:24px 28px}
#page-email-inbox .ei-secondary h1{margin:0 0 6px;font-size:1.4rem;font-weight:800;color:#eaf2ff;letter-spacing:-.01em}
#page-email-inbox .ei-secondary .sub{color:var(--ei-muted);font-size:.86rem;margin-bottom:18px}
#page-email-inbox .ei-sub-tabs{display:flex;gap:6px;margin-bottom:18px;padding:5px;background:rgba(157,189,255,.05);border:1px solid var(--ei-edge);border-radius:12px;width:fit-content}
#page-email-inbox .ei-sub-tab{padding:9px 16px;border-radius:8px;font:700 .8rem/1 'Inter',sans-serif;color:var(--ei-dim);cursor:pointer;background:transparent;border:none}
#page-email-inbox .ei-sub-tab.active{background:linear-gradient(180deg,rgba(103,180,255,.18),rgba(103,180,255,.08));color:#eaf2ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#page-email-inbox .ei-data-table{width:100%;border-collapse:collapse;background:#0d1828;border:1px solid var(--ei-edge);border-radius:14px;overflow:hidden;font-size:.88rem}
#page-email-inbox .ei-data-table th{text-align:left;padding:12px 16px;background:rgba(103,180,255,.08);color:#eaf2ff;font:700 .68rem/1 'Inter',sans-serif;letter-spacing:.10em;text-transform:uppercase}
#page-email-inbox .ei-data-table td{padding:12px 16px;color:var(--ei-soft);border-bottom:1px solid rgba(157,189,255,.05)}
#page-email-inbox .ei-data-table tr:last-child td{border-bottom:none}
#page-email-inbox .ei-supp-reason{font:600 .68rem/1 var(--ei-mono);padding:4px 8px;border-radius:5px;letter-spacing:.04em;text-transform:uppercase}
#page-email-inbox .ei-supp-reason.hard_bounce,#page-email-inbox .ei-supp-reason.soft_bounce{background:rgba(241,111,134,.14);color:var(--ei-rose);border:1px solid rgba(241,111,134,.26)}
#page-email-inbox .ei-supp-reason.unsubscribe{background:rgba(245,217,144,.14);color:var(--ei-gold);border:1px solid rgba(245,217,144,.26)}
#page-email-inbox .ei-supp-reason.spam_report{background:rgba(168,134,255,.14);color:var(--ei-violet);border:1px solid rgba(168,134,255,.26)}
#page-email-inbox .ei-supp-reason.opt_out,#page-email-inbox .ei-supp-reason.manual{background:rgba(95,209,204,.14);color:var(--ei-teal);border:1px solid rgba(95,209,204,.26)}
#page-email-inbox .ei-supp-reason.dropped{background:rgba(241,111,134,.10);color:var(--ei-rose);border:1px solid rgba(241,111,134,.20)}

#page-email-inbox .ei-sms-card{padding:22px;border:1px solid var(--ei-edge);border-radius:16px;background:#0d1828;margin-bottom:14px}
#page-email-inbox .ei-sms-card h3{margin:0 0 4px;color:#eaf2ff;font-size:1.02rem}
#page-email-inbox .ei-sms-card .sub{color:var(--ei-muted);font-size:.82rem;margin-bottom:14px}
#page-email-inbox .ei-sms-row{padding:13px 14px;border-radius:10px;background:rgba(157,189,255,.04);border:1px solid var(--ei-edge);margin-bottom:8px;display:flex;gap:12px;align-items:center}
#page-email-inbox .ei-sms-row .name{font:600 .84rem/1.3 'Inter',sans-serif;color:#eaf2ff;flex:1}
#page-email-inbox .ei-sms-row .desc{font-size:.72rem;color:var(--ei-dim);margin-top:2px}
#page-email-inbox .ei-budget-row{display:flex;align-items:center;gap:18px;margin-top:12px}
#page-email-inbox .ei-budget-num{font:800 1.8rem/1 'Inter',sans-serif;color:var(--ei-gold);letter-spacing:-.02em}
#page-email-inbox .ei-budget-prog{flex:1;height:10px;background:rgba(157,189,255,.06);border-radius:5px;overflow:hidden}
#page-email-inbox .ei-budget-prog > i{display:block;height:100%;background:linear-gradient(90deg,var(--ei-gold),#d6a05c)}
#page-email-inbox .ei-budget-meta{font-size:.78rem;color:var(--ei-muted)}
#page-email-inbox .ei-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
#page-email-inbox .ei-stats-row .ei-stat .val.amber{color:var(--ei-amber)}
#page-email-inbox .ei-stats-row .ei-stat .val.rose{color:var(--ei-rose)}

#page-email-inbox .ei-cmp-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}
#page-email-inbox .ei-cmp-card{padding:20px;border:1px solid var(--ei-edge);border-radius:14px;background:#0d1828}
#page-email-inbox .ei-cmp-card h3{margin:0 0 12px;color:#eaf2ff;font-size:1.02rem}
#page-email-inbox .ei-filter-row{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;padding:11px 14px;background:rgba(157,189,255,.04);border:1px solid var(--ei-edge);border-radius:10px;margin-bottom:8px}
#page-email-inbox .ei-filter-row .lhs{font:600 .8rem/1 'Inter',sans-serif;color:#eaf2ff}
#page-email-inbox .ei-filter-row .rhs{display:flex;gap:6px;flex-wrap:wrap}
#page-email-inbox .ei-filter-row input,#page-email-inbox .ei-filter-row select{background:rgba(157,189,255,.06);border:1px solid var(--ei-edge);border-radius:6px;color:var(--ei-text);font:500 .82rem/1 'Inter',sans-serif;padding:6px 10px;outline:none;flex:1}
#page-email-inbox .ei-cmp-summary{margin-top:14px;padding:18px;border-radius:14px;background:radial-gradient(120% 100% at 100% 0%,rgba(103,180,255,.12),transparent 60%),rgba(10,18,32,.6);border:1px solid var(--ei-edge);display:flex;align-items:center;gap:18px}
#page-email-inbox .ei-cmp-count{font:800 2.1rem/1 'Inter',sans-serif;color:#eaf2ff;letter-spacing:-.03em}
#page-email-inbox .ei-cmp-meta{font-size:.82rem;color:var(--ei-muted);line-height:1.5}

@media (max-width:1280px){#page-email-inbox .ei-shell{grid-template-columns:200px 320px 1fr}#page-email-inbox .ei-rbody{grid-template-columns:1fr}}
@media (max-width:980px){#page-email-inbox .ei-shell{grid-template-columns:1fr;min-height:0}#page-email-inbox .ei-folder{display:none}#page-email-inbox .ei-list{display:flex}#page-email-inbox .ei-read{display:none}#page-email-inbox .ei-shell.show-read .ei-list{display:none}#page-email-inbox .ei-shell.show-read .ei-read{display:flex}}