/* TungMail webmail — premium 3-pane dark layout (sidebar · list · reading pane) */
html,body{height:100%}
body.app{overflow:hidden;color:var(--text);background:var(--bg)}

.app-shell{display:grid;grid-template-rows:60px 1fr;height:100vh}

/* ---------- top bar ---------- */
.topbar{display:flex;align-items:center;gap:16px;padding:0 18px;
  background:var(--bg-2);border-bottom:1px solid var(--line);z-index:20}
.topbar .brand{font-size:18px}
.search{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;
  background:#ffffff08;border:1px solid var(--line-2);border-radius:12px;padding:10px 14px;color:var(--text-mute)}
.search:focus-within{border-color:var(--accent);background:#ffffff0d}
.search input{flex:1;background:none;border:0;outline:none;color:var(--cream);font-family:inherit;font-size:14px}
.search input::placeholder{color:var(--text-mute)}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.topbar-right .chip{white-space:nowrap}
.iconbtn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:var(--text-dim);border:1px solid transparent;transition:.14s}
.iconbtn:hover{background:#ffffff0d;color:var(--cream)}
@media(max-width:720px){.topbar-right .chip{display:none}}

/* ---------- body columns ---------- */
.cols{display:grid;grid-template-columns:256px 384px 1fr;min-height:0}
@media(max-width:1100px){.cols{grid-template-columns:224px 340px 1fr}}
@media(max-width:900px){.cols{grid-template-columns:64px 1fr}.list-col{display:none}.cols.show-read .read-col{display:flex}}

/* ---------- sidebar ---------- */
.sidebar{background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:16px 14px;gap:4px;overflow-y:auto}
.compose-btn{margin-bottom:10px;padding:13px;border-radius:12px;font-size:15px}
.side-sec{margin-top:16px}
.side-sec .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);padding:6px 10px 6px}
.navitem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--text-dim);font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:.13s}
.navitem .ico{width:18px;text-align:center}
.navitem .count{margin-left:auto;font-size:11.5px;color:var(--text-mute);background:#ffffff10;border-radius:999px;padding:1px 9px}
.navitem:hover{background:#ffffff0a;color:var(--cream)}
.navitem.active{background:linear-gradient(135deg,#6366f126,#6366f10d);color:var(--cream);box-shadow:inset 0 0 0 1px #6366f13a}
.navitem.active .count{color:#c3c8ff;background:#6366f12e}
.dot{width:9px;height:9px;border-radius:50%}
.label-dot.work{background:#60a5fa}.label-dot.family{background:#34d399}.label-dot.timber{background:#f5b544}.label-dot.receipts{background:#c084fc}
.storage{margin-top:auto;padding:16px 10px 4px;font-size:11.5px;color:var(--text-mute)}
.bar{height:6px;border-radius:999px;background:#ffffff10;overflow:hidden;margin:7px 0}
.bar i{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--indigo-400),var(--indigo-600))}

/* ---------- message list ---------- */
.list-col{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.list-head{padding:18px 20px 12px;border-bottom:1px solid var(--line)}
.list-head h2{margin:0;font-size:20px;display:flex;align-items:center;gap:8px;color:var(--cream)}
.list-head h2 b{color:var(--indigo-400);font-size:14px}
.list-filters{display:flex;gap:8px;margin-top:14px}
.pill{font-size:12px;padding:6px 13px;border-radius:999px;background:#ffffff08;color:var(--text-dim);cursor:pointer;border:1px solid transparent;transition:.13s}
.pill:hover{background:#ffffff10;color:var(--cream)}
.pill.on{background:#6366f11f;color:#c3c8ff;border-color:#6366f14d}
.msglist{overflow-y:auto;min-height:0;flex:1}
.msg{display:flex;gap:13px;padding:14px 18px;border-bottom:1px solid var(--line);cursor:pointer;position:relative;transition:.12s}
.msg:hover{background:#ffffff06}
.msg.active{background:#6366f114;box-shadow:inset 3px 0 0 var(--accent)}
.msg.unread .nm,.msg.unread .subj{font-weight:700;color:var(--cream)}
.msg .meta{flex:1;min-width:0}
.msg .r1{display:flex;justify-content:space-between;align-items:center;gap:8px}
.msg .nm{font-size:14px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg .tm{font-size:11px;color:var(--text-mute);flex:0 0 auto}
.msg .subj{font-size:13px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.msg .prev{font-size:12px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.msg .prev.secure{color:var(--secure-2)}
.msg .flags{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.msg .star{font-size:14px;color:#3a3f52}
.msg .star.on{color:var(--star)}
.udot{width:8px;height:8px;border-radius:50%;background:var(--secure-2)}

/* ---------- reading pane ---------- */
.read-col{background:var(--surface);display:flex;flex-direction:column;min-height:0}
.read-empty{flex:1;display:grid;place-items:center;color:var(--text-mute);text-align:center;padding:30px}
.read-empty img{width:120px;opacity:.7;margin:0 auto 16px}
.read{display:none;flex-direction:column;min-height:0;flex:1}
.read.show{display:flex}
.read-top{padding:22px 26px;border-bottom:1px solid var(--line)}
.read-top .subj{font-family:var(--display);font-size:23px;font-weight:600;margin:0 0 14px;letter-spacing:-.01em;color:var(--cream)}
.read-from{display:flex;align-items:center;gap:12px}
.read-from .who{flex:1;min-width:0}
.read-from .who b{font-size:14.5px;color:var(--cream)}
.read-from .who span{display:block;font-size:12.5px;color:var(--text-mute)}
.read-actions{display:flex;gap:6px}
.read-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.read-body{padding:24px 26px;overflow-y:auto;flex:1;min-height:0;font-size:14.5px;color:var(--text-dim);line-height:1.75}
.read-body p{margin:0 0 14px}
.sig{margin-top:28px;padding-top:16px;border-top:1px dashed var(--line-2);color:var(--text-mute);font-size:13px}
.sig .mono{color:var(--indigo-300)}
.reply-bar{padding:16px 26px;border-top:1px solid var(--line);display:flex;gap:10px}

/* ---------- views (aliases / settings) ---------- */
.view{display:none;overflow-y:auto;min-height:0;grid-column:2 / -1;background:var(--surface)}
.view.show{display:block}
.view-wrap{max-width:840px;margin:0 auto;padding:36px 30px 64px}
.view h1{font-family:var(--display);font-size:28px;margin:0 0 6px;letter-spacing:-.02em;color:var(--cream)}
.view .sub{color:var(--text-dim);margin:0 0 30px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:0;overflow:hidden;margin-bottom:22px}
.panel .phead{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.panel .phead h3{margin:0;font-size:16px;color:var(--cream)}
.prow{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line)}
.prow:last-child{border-bottom:0}
.prow .grow{flex:1;min-width:0}
.prow .grow b{font-size:14px;color:var(--cream)}
.prow .grow span{display:block;font-size:12.5px;color:var(--text-mute)}
.prow .mono{font-size:13px;color:var(--cream)}

/* toggle */
.toggle{width:44px;height:26px;border-radius:999px;background:#ffffff14;position:relative;cursor:pointer;flex:0 0 auto;transition:.15s;border:1px solid var(--line-2)}
.toggle i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#c3c7d6;transition:.15s}
.toggle.on{background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));border-color:transparent}
.toggle.on i{left:20px;background:#fff}

/* alias status */
.astat{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}
.astat.active{background:#10b9811f;color:var(--secure-2)}
.astat.paused{background:#ffffff12;color:var(--text-mute)}

/* settings tabs */
.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.tab{padding:9px 16px;border-radius:11px;font-size:13.5px;color:var(--text-dim);cursor:pointer;background:#ffffff08;transition:.13s}
.tab:hover{color:var(--cream)}
.tab.on{background:#6366f11f;color:#c3c8ff;box-shadow:inset 0 0 0 1px #6366f14d}
.setpage{display:none}.setpage.on{display:block}
.field{margin-bottom:18px}
.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px}
.input,textarea.input{width:100%;background:#ffffff08;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;color:var(--cream);font-family:inherit;font-size:14px;outline:none}
.input:focus{border-color:var(--accent);background:#ffffff0d}
textarea.input{resize:vertical;min-height:90px;line-height:1.6}
.seedgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
@media(max-width:640px){.seedgrid{grid-template-columns:repeat(2,1fr)}}
.seedchip{background:#ffffff08;border:1px solid var(--line-2);border-radius:11px;padding:10px 12px;font-size:13px;display:flex;gap:9px;align-items:center}
.seedchip small{font-family:var(--mono);color:var(--text-mute);font-size:10px}
.seedchip.blur span{filter:blur(5px)}

/* ---------- compose modal ---------- */
.overlay{position:fixed;inset:0;background:#04050acc;backdrop-filter:blur(4px);z-index:100;display:none;align-items:flex-end;justify-content:center}
.overlay.show{display:flex}
.composer{width:min(720px,96vw);max-height:92vh;background:var(--surface);border:1px solid var(--line-2);border-radius:22px 22px 0 0;
  box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:slideup .22s ease}
@keyframes slideup{from{transform:translateY(30px);opacity:.4}}
.composer .chead{display:flex;align-items:center;gap:11px;padding:16px 20px;background:var(--bg-2);border-bottom:1px solid var(--line)}
.composer .chead b{font-size:15px;color:var(--cream)}
.composer .cbody{padding:6px 20px 0;overflow-y:auto}
.crow{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 2px}
.crow label{font-size:12.5px;color:var(--text-mute);width:56px}
.crow input{flex:1;background:none;border:0;outline:none;color:var(--cream);font-family:inherit;font-size:14px}
.crow .chip{cursor:pointer}
.cmsg{width:100%;min-height:200px;background:none;border:0;outline:none;color:var(--text-dim);font-family:inherit;font-size:14.5px;line-height:1.7;padding:16px 2px;resize:vertical}
.cfoot{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-2);border-top:1px solid var(--line)}
.cfoot .opts{display:flex;gap:8px;margin-left:6px}
.cfoot .spacer{flex:1}
.opt-toggle{font-size:12.5px;padding:8px 12px;border-radius:10px;background:#ffffff08;color:var(--text-dim);cursor:pointer;display:inline-flex;gap:6px;align-items:center;border:1px solid transparent;transition:.13s}
.opt-toggle.on{background:#10b9811f;color:var(--secure-2);border-color:#10b98140}

/* compose send gate */
.compose-gate-wrap{padding:16px 20px 0;background:var(--bg-2);border-top:1px solid var(--line)}
.compose-gate-wrap .captcha-gate{margin:0}

/* ---------- OTP / verification-email reading gate ---------- */
.otp-shield{background:linear-gradient(160deg,#16182a,#101120);border:1px solid #6366f13a;border-radius:16px;padding:18px 18px 8px;margin-bottom:18px}
.otp-shield-head{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--cream)}
.otp-shield-sub{font-size:13px;color:var(--text-dim);margin:8px 0 4px;line-height:1.5}
.otp-shield .captcha-gate{margin-top:12px;background:#0a0b12}
.otp-body{position:relative;transition:filter .25s ease}
.otp-body.blurred{filter:blur(8px);pointer-events:none;user-select:none}
.otp-code{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:.06em;color:var(--indigo-300);
  background:#0a0b12;border:1px dashed #6366f155;border-radius:12px;padding:14px 18px;display:inline-block;margin:4px 0 14px}
.otp-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;
  background:#6366f11f;color:#c3c8ff;border:1px solid #6366f140}

/* toast */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:200;
  background:var(--surface-2);border:1px solid var(--line-2);color:var(--cream);padding:13px 20px;border-radius:13px;
  font-size:13.5px;box-shadow:var(--shadow);opacity:0;transition:.25s;pointer-events:none}
.toast.show{opacity:1;bottom:30px}

/* user menu */
.menu{position:absolute;top:56px;right:16px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:16px;
  box-shadow:var(--shadow);width:244px;padding:8px;display:none;z-index:60}
.menu.show{display:block}
.menu .mhead{display:flex;gap:11px;align-items:center;padding:12px}
.menu .mhead b{font-size:14px;color:var(--cream)}.menu .mhead span{font-size:12px;color:var(--text-mute)}
.menu a{display:flex;gap:11px;padding:10px 11px;border-radius:10px;font-size:13.5px;color:var(--text-dim)}
.menu a:hover{background:#ffffff0d;color:var(--cream)}
.menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}

/* ============ API-wired additions (r3) ============ */
/* Compose modal: CENTERED on screen (was bottom-anchored) */
.overlay{align-items:center !important}
.composer{border-radius:22px !important}
@keyframes slideup{from{transform:translateY(14px) scale(.99);opacity:.4}}
.cfrom-select{flex:1;background:#ffffff08;border:1px solid var(--line-2);border-radius:9px;color:var(--cream);
  font-family:inherit;font-size:14px;padding:8px 10px;outline:none}
.cfrom-select:focus{border-color:var(--accent)}

/* top-bar email copy button */
.email-chip{display:inline-flex;align-items:center;gap:9px;max-width:280px;height:38px;padding:0 13px;
  background:linear-gradient(135deg,#6366f11f,#6366f10a);border:1px solid #6366f13a;border-radius:11px;
  color:var(--cream);font-family:var(--mono);font-size:13px;cursor:pointer;transition:.14s}
.email-chip:hover{background:#6366f12e;border-color:#6366f16a}
.email-chip .ec-addr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.email-chip .ec-copy{color:var(--indigo-300);font-size:14px}
.email-chip .ec-ico{opacity:.8}
@media(max-width:720px){.email-chip .ec-addr{max-width:110px}}

/* profile name: single line (no 2-line overflow) */
.menu .mhead .mident{min-width:0}
.menu .mhead .mident b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.menu .mhead .mident span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}

/* sidebar labels/aliases */
.side-sec .lbl{display:flex;align-items:center;justify-content:space-between}
.lbl-add{cursor:pointer;color:var(--text-dim);font-size:14px;padding:0 4px;border-radius:6px}
.lbl-add:hover{color:var(--cream);background:#ffffff10}
.side-hint{font-size:11px;color:var(--text-mute);padding:4px 12px}
.alias-item .alias-addr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.alias-item{font-family:var(--mono)}

/* list states */
.loading,.empty{padding:40px 20px;text-align:center;color:var(--text-mute);font-size:13px}
.otp-tag{font-size:10px;color:#c3c8ff;background:#6366f11f;border:1px solid #6366f140;border-radius:999px;padding:1px 7px;margin-left:4px;font-weight:600}

/* reading body rendered mail */
.mailhtml{max-width:100%;overflow-x:auto}
.mailhtml img{max-width:100%}
.mailhtml a{color:var(--indigo-300)}
.mailtext{white-space:pre-wrap;word-break:break-word}
.iconbtn.on{color:var(--star)}

/* misc */
.mut{color:var(--text-mute);font-size:12.5px}
.btn.sm{padding:6px 12px;font-size:12.5px}
.qrbox{min-height:0}
.dom-ticket{padding:8px 10px;background:#ffffff06;border:1px solid var(--line);border-radius:9px;margin-bottom:6px;font-size:13px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center}

/* custom-domain DNS records */
.dns-recs{display:flex;flex-direction:column;gap:8px}
.dns-rec{display:flex;gap:10px;background:#ffffff06;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.dns-rec .dr-type{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--indigo-300);background:#6366f11f;border-radius:6px;padding:3px 8px;height:fit-content}
.dns-rec .dr-body{min-width:0;flex:1}
.dns-rec .dr-name{font-size:12.5px;color:var(--cream);cursor:pointer;word-break:break-all}
.dns-rec .dr-val{font-size:12px;color:var(--text-dim);cursor:pointer;word-break:break-all;margin-top:2px}
.dns-rec .dr-name:hover,.dns-rec .dr-val:hover{color:var(--indigo-300)}
.dns-rec .dr-note{font-size:11px;color:var(--text-mute);margin-top:4px}

/* ============ r6: in-page modal, alias filter, brand nav ============ */
.modal-overlay .modal-box{width:min(440px,94vw);background:var(--surface);border:1px solid var(--line-2);
  border-radius:20px;box-shadow:var(--shadow);overflow:hidden;animation:slideup .2s ease}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-2);border-bottom:1px solid var(--line)}
.modal-head b{font-size:15px;color:var(--cream)}
.modal-body{padding:18px 20px}
.modal-desc{font-size:13px;color:var(--text-dim);line-height:1.55;margin:0 0 14px}
.modal-desc b{color:var(--cream)}
.modal-input-wrap{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--line-2);border-radius:12px;padding:0 4px 0 0}
.modal-input-wrap:focus-within{border-color:var(--accent)}
.modal-input-wrap input{flex:1;background:none;border:0;outline:none;color:var(--cream);font-family:inherit;font-size:15px;padding:12px 14px}
.modal-input-wrap .suffix{color:var(--text-mute);font-family:var(--mono);font-size:14px;padding-right:12px;white-space:nowrap}
.modal-err{color:#fca5a5;font-size:12.5px;margin-top:9px;min-height:15px}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;background:var(--bg-2);border-top:1px solid var(--line)}

/* alias/address filter rows in sidebar */
.alias-item{font-family:var(--mono);gap:8px}
.alias-item .alias-addr{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;cursor:pointer}
.alias-item .alias-copy{opacity:0;color:var(--text-mute);font-size:14px;cursor:pointer;padding:0 3px;transition:.12s}
.alias-item:hover .alias-copy{opacity:1}
.alias-item .alias-copy:hover{color:var(--indigo-300)}
.alias-item.filter-active{background:linear-gradient(135deg,#6366f126,#6366f10d);color:var(--cream);box-shadow:inset 0 0 0 1px #6366f13a}

/* active filter chip in list header */
.active-filter{font-size:12px;color:var(--text-dim);margin-top:10px;background:#6366f114;border:1px solid #6366f13a;
  border-radius:999px;padding:5px 12px;display:inline-flex;align-items:center;gap:8px;width:fit-content}
.active-filter b{color:var(--indigo-300);font-family:var(--mono)}
.active-filter .af-clear{cursor:pointer;color:var(--text-mute);font-weight:600}
.active-filter .af-clear:hover{color:var(--cream)}

/* ============ admin inline views + top-bar tools ============ */
.admin-tools{display:flex;gap:6px;margin-left:6px}
.admin-tools .atool{padding:8px 12px;border-radius:10px;font-size:13px;color:var(--text-dim);background:#ffffff08;
  border:1px solid var(--line-2);cursor:pointer;white-space:nowrap;transition:.13s}
.admin-tools .atool:hover{color:var(--cream);background:#ffffff12}
.admin-tools .atool.on{background:#6366f11f;color:#c3c8ff;border-color:#6366f14d}
@media(max-width:900px){.admin-tools{display:none !important}}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:8px}
.stat-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.stat-card .sc-label{font-size:12px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em}
.stat-card .sc-val{font-family:var(--display);font-size:30px;font-weight:600;color:var(--cream);margin-top:8px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.atable{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.atable th{text-align:left;padding:12px 14px;color:var(--text-mute);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);background:#ffffff05}
.atable td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text-dim);vertical-align:middle}
.atable tr.row-susp{opacity:.5}
.atable .nowrap{white-space:nowrap}
.badge-admin{font-size:10px;background:#6366f11f;color:#c3c8ff;border:1px solid #6366f140;border-radius:999px;padding:1px 7px;font-family:var(--font)}
.alias-count{color:var(--indigo-300);cursor:pointer;font-weight:600;user-select:none}
.alias-count:hover{text-decoration:underline}
.alias-drawer td{background:#0a0b12}
.alias-chips{display:flex;flex-wrap:wrap;gap:7px;padding:4px 0}
.alias-chips .chip{background:#ffffff0d;border:1px solid var(--line-2);border-radius:8px;padding:4px 10px;font-size:12px;color:var(--cream)}
.abtn{margin-right:6px;margin-bottom:4px}
.tactions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.dir-badge{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;text-transform:uppercase}
.dir-badge.inbound{background:#10b9811f;color:var(--secure-2)}
.dir-badge.outbound{background:#6366f11f;color:#c3c8ff}
.dir-badge.rejected{background:#f0616a1f;color:#fca5a5}
table.kv{border-collapse:collapse;margin-top:14px;font-size:13.5px}
table.kv td{padding:8px 14px 8px 0;border-bottom:1px solid var(--line);color:var(--text-dim);vertical-align:top}
table.kv td:first-child{color:var(--text-mute);white-space:nowrap;padding-right:22px}

/* ============ r8: bigger optimistic star, All-Inboxes ============ */
/* list star: larger glyph + generous tap target */
.msg .flags .star{font-size:20px;line-height:1;color:#3a3f52;background:none;border:0;cursor:pointer;
  padding:6px 8px;margin:-6px -6px 0 0;border-radius:10px;transition:color .12s,background .12s;-webkit-tap-highlight-color:transparent}
.msg .flags .star:hover{background:#ffffff0d;color:var(--star)}
.msg .flags .star.on{color:var(--star)}
/* read-pane star button: bigger */
.iconbtn.star-btn{font-size:20px}
.iconbtn.star-btn.on{color:var(--star)}
/* pop animation on toggle */
@keyframes starPop{0%{transform:scale(1)}35%{transform:scale(1.45)}70%{transform:scale(.9)}100%{transform:scale(1)}}
.star-pop{animation:starPop .32s cubic-bezier(.34,1.56,.64,1)}
/* All-Inboxes toggle pill (admin) */
.pill.allinbox-toggle.on{background:#10b9811f;color:var(--secure-2);border-color:#10b98155}
.inbox-tag{display:inline-block;font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px;margin-right:6px;
  background:#6366f11f;color:#c3c8ff;border:1px solid #6366f140}
.inbox-tag.brand{background:#f5b5441f;color:var(--star);border-color:#f5b54455}

/* sandboxed mail body iframe (untrusted HTML — no scripts can run) */
.mail-frame{width:100%;border:0;min-height:120px;background:transparent;display:block}