/* The Email section (/email, /email/search, /email/:id, compose "Log to"). Everything is scoped to .email-section. */
.email-section .em-head { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; margin:.3rem 0 .55rem; }
.email-section .em-head h1 { margin:0; font-size:1.5rem; }
.email-section .em-head .sub2 { color:var(--muted); font-size:.88rem; }
.email-section .em-actions { display:flex; gap:.5rem; align-items:center; position:relative; }
.email-section .btn.compose-big { font-size:1.02rem; padding:.55rem 1.25rem; border-radius:6px; font-weight:700; box-shadow:0 2px 6px rgba(29,53,87,.25); }
.email-section .from-pick { display:inline-flex; align-items:center; gap:.45rem; background:#fff; border:1px solid #cbd2da; border-radius:6px; padding:.38rem .6rem; font-size:.88rem; cursor:pointer; }
.email-section .from-pick .lbl { color:var(--muted); font-weight:600; font-size:.78rem; text-transform:uppercase; letter-spacing:.03em; }
.email-section .from-pick.open { border-color:var(--brand); box-shadow:0 0 0 3px #dbe4ef; }
.email-section .prov, .email-provider .prov { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:4px; font-size:.66rem; font-weight:800; color:#fff; flex:0 0 auto; }
.email-section .prov.g, .email-provider .prov.g { background:#ea4335; }
.email-section .prov.o, .email-provider .prov.o { background:#0a64ad; }
.email-section .prov.i, .email-provider .prov.i { background:#6b7280; }
.email-section .from-dd { position:absolute; z-index:50; top:calc(100% + .35rem); right:9.2rem; width:25rem; background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:0 10px 28px rgba(0,0,0,.18); padding:.35rem; }
.email-section .from-dd .grp { font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:700; padding:.35rem .5rem .15rem; display:flex; align-items:center; gap:.4rem; }
.email-section .from-dd .grp .st { margin-left:auto; text-transform:none; letter-spacing:0; }
.email-section .from-dd .fopt { display:grid; grid-template-columns:1.1rem minmax(0,1fr) auto; gap:.45rem; align-items:center; padding:.3rem .5rem; border-radius:5px; font-size:.88rem; }
.email-section .from-dd .fopt.on { background:#eef2ff; }
.email-section .from-dd .fopt .em { color:var(--muted); font-size:.8rem; display:block; line-height:1.15; }
.email-section .from-dd .fopt .tag { font-size:.7rem; background:#eef2f7; color:var(--brand); border-radius:999px; padding:0 .4rem; font-weight:600; white-space:nowrap; }
.email-section .from-dd .fopt.alias { padding-left:1.7rem; }
.email-section .from-dd .dd-foot { border-top:1px solid var(--line); margin-top:.3rem; padding:.4rem .5rem .2rem; font-size:.8rem; display:flex; justify-content:space-between; }
.email-section .inbox-note { display:flex; gap:.7rem; align-items:center; background:#f0f7ff; border:1px solid #bfdbfe; border-radius:6px; padding:.45rem .75rem; font-size:.86rem; color:#1e3a8a; margin-bottom:.7rem; }
.email-section .inbox-note b { color:#1e3a8a; }
.email-section .inbox-note .ib-ico { font-size:1.1rem; }
.email-section .inbox-note a { color:#1d4ed8; white-space:nowrap; margin-left:auto; }
.email-section .em-tabs { display:flex; flex-wrap:wrap; gap:.15rem .15rem; border-bottom:1px solid var(--line); margin:0 0 .55rem; align-items:flex-end; }
.email-section .em-tabs a { padding:.45rem .75rem; text-decoration:none; color:#374151; border-bottom:3px solid transparent; font-size:.92rem; white-space:nowrap; }
.email-section .em-tabs a.active { border-bottom-color:var(--accent); font-weight:600; color:#111827; }
.email-section .em-tabs .n { font-size:.72rem; font-weight:700; background:#eef2f7; color:var(--brand); border-radius:999px; padding:0 .4rem; margin-left:.25rem; }
.email-section .em-tabs .n.warn { background:#fef3c7; color:#92400e; }
.email-section .em-tabs .soon { font-size:.62rem; font-weight:700; background:#f1f5f9; color:#64748b; border:1px dashed #94a3b8; border-radius:999px; padding:0 .4rem; margin-left:.3rem; text-transform:uppercase; letter-spacing:.03em; }
.email-section .em-tabs a.later { color:#64748b; }
.email-section .em-tabs .spacer { flex:1; }
.email-section .em-toolbar { display:flex; gap:.5rem; align-items:center; margin-bottom:.5rem; flex-wrap:wrap; }
.email-section .em-toolbar input[type=search] { flex:1 1 20rem; max-width:28rem; padding:.38rem .6rem; }
.email-section .em-toolbar select { width:auto; padding:.33rem .45rem; font-size:.86rem; background:#fff; }
.email-section .em-toolbar .count { margin-left:auto; font-size:.84rem; color:var(--muted); }
.email-section .em-grid { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:1rem; align-items:start; }
.email-section .em-grid .w { margin-bottom:1rem; }
.email-section .mlist { list-style:none; margin:0; padding:0; background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.email-section .mrow { display:grid; grid-template-columns:24px 11.5rem minmax(0,1fr) 16px auto 4.6rem; gap:.6rem; align-items:center; padding:.36rem .7rem; border-bottom:1px solid var(--line); font-size:.88rem; line-height:1.3; cursor:pointer; }
.email-section .mlist > li:last-child .mrow { border-bottom:0; }
.email-section .mrow:hover { background:#f8fafc; }
.email-section .mrow.unread { background:#f5f9ff; }
.email-section .mrow.unread .who2, .email-section .mrow.unread .subj2 { font-weight:700; }
.email-section .dir { width:22px; height:22px; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:700; }
.email-section .dir.sent { background:#eef2f7; color:var(--brand); }
.email-section .dir.recv { background:#dbeafe; color:#1d4ed8; }
.email-section .dir.draft { background:#f1f5f9; color:#64748b; }
.email-section .dir.sched { background:#fef3c7; color:#92400e; }
.email-section .who2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; color:#1f2937; }
.email-section .who2 .pre { font-weight:400; color:var(--muted); font-size:.8rem; margin-right:.15rem; }
.email-section .line2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.email-section .subj2 { font-weight:600; color:#1f2937; }
.email-section .prev2 { color:var(--muted); }
.email-section .clip { color:#4b5563; font-size:.9rem; text-align:center; }
.email-section .recs { display:flex; gap:.25rem; justify-content:flex-end; white-space:nowrap; }
.email-section .rchip { display:inline-flex; align-items:center; gap:.25rem; font-size:.76rem; border-radius:999px; padding:.02rem .5rem; text-decoration:none; white-space:nowrap; border:1px solid; line-height:1.45; }
.email-section .rchip.c { background:#f0fdf4; color:#14532d; border-color:#bbf7d0; }
.email-section .rchip.a { background:#eef2ff; color:#1e3a8a; border-color:#c7d2fe; }
.email-section .rchip.t { background:#faf5ff; color:#6b21a8; border-color:#e9d5ff; }
.email-section .rchip.none { background:#fffbeb; color:#92400e; border-color:#fcd34d; border-style:dashed; }
.email-section .rchip .x { opacity:.6; margin-left:.1rem; }
.email-section .rchip.big { font-size:.84rem; padding:.12rem .6rem; }
.email-section .date2 { text-align:right; font-size:.8rem; color:#374151; white-space:nowrap; }
.email-section .date2 .prov { width:14px; height:14px; font-size:.55rem; margin-right:.25rem; vertical-align:-1px; }
.email-section .mrow.open { background:#eef2f7; border-bottom:0; box-shadow:inset 3px 0 0 var(--brand); }
.email-section .mexp { padding:.5rem .9rem .75rem 2.95rem; background:#fbfcfd; border-bottom:1px solid var(--line); box-shadow:inset 3px 0 0 var(--brand); font-size:.88rem; }
.email-section .mexp .hdr { display:flex; flex-wrap:wrap; gap:.2rem 1.2rem; color:#374151; font-size:.82rem; margin-bottom:.4rem; }
.email-section .mexp .hdr b { color:#111827; font-weight:600; }
.email-section .mexp .body { color:#1f2937; line-height:1.45; max-width:52rem; }
.email-section .mexp .body p { margin:.2rem 0; }
.email-section .mexp .foot2 { display:flex; flex-wrap:wrap; gap:.4rem .7rem; align-items:center; margin-top:.5rem; }
.email-section .mexp .foot2 .grow { flex:1; }
.email-section .thread-note { font-size:.8rem; color:#1d4ed8; background:#dbeafe; border-radius:999px; padding:.02rem .55rem; }
.email-section .secrow { font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:700; padding:.3rem .7rem .2rem; background:#f8fafc; border-bottom:1px solid var(--line); }
.email-section .addc { font-size:.76rem; }
.email-section .list-foot { display:flex; justify-content:space-between; font-size:.8rem; color:var(--muted); margin:.45rem .1rem; }
.email-section .acct-list { list-style:none; margin:0; padding:0; font-size:.86rem; }
.email-section .acct-list li { display:grid; grid-template-columns:18px minmax(0,1fr) auto; gap:.5rem; align-items:center; padding:.3rem 0; border-bottom:1px solid var(--line); }
.email-section .acct-list li:last-child { border-bottom:0; }
.email-section .acct-list .em { display:block; font-size:.76rem; color:var(--muted); line-height:1.15; overflow:hidden; text-overflow:ellipsis; }
.email-section .acct-list .ok { font-size:.72rem; color:#14532d; background:#dcfce7; border-radius:999px; padding:0 .4rem; white-space:nowrap; }
.email-section .acct-list .warn { font-size:.72rem; color:#92400e; background:#fef3c7; border-radius:999px; padding:0 .4rem; white-space:nowrap; }
.email-section .acct-list .bad { font-size:.72rem; color:#991b1b; background:#fee2e2; border-radius:999px; padding:0 .4rem; white-space:nowrap; }
.email-section .acct-list .ga-default { margin-left:.3rem; font-size:.66rem; padding:0 .35rem; vertical-align:1px; }
.email-section #connected-accounts .acct-list li.acct { grid-template-columns:18px minmax(0,1fr); row-gap:.1rem; }
.email-section #connected-accounts .acct-list li.acct > .prov { align-self:start; margin-top:.15rem; }
.email-section #connected-accounts .acct-list li.acct > .ok,
.email-section #connected-accounts .acct-list li.acct > .warn,
.email-section #connected-accounts .acct-list li.acct > .bad { grid-column:2; justify-self:start; }
.email-section .stat3 { display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; }
.email-section .stat3 > div { background:#f8fafc; border:1px solid var(--line); border-radius:5px; padding:.3rem .45rem; }
.email-section .stat3 .k { font-size:.68rem; color:var(--muted); text-transform:uppercase; font-weight:600; letter-spacing:.03em; }
.email-section .stat3 .v { font-size:1.1rem; font-weight:700; color:var(--brand); }
.email-section .later-card { border:1px dashed #94a3b8; background:repeating-linear-gradient(135deg,#fff,#fff 10px,#f8fafc 10px,#f8fafc 20px); }
.email-section .later-card h2 .soon { font-size:.62rem; font-weight:700; background:#f1f5f9; color:#475569; border:1px dashed #94a3b8; border-radius:999px; padding:0 .45rem; text-transform:uppercase; letter-spacing:.03em; }
.email-section .later-card p { font-size:.85rem; color:#374151; margin:.2rem 0 .45rem; }
.email-section .later-card ol { margin:.2rem 0 .4rem 1.1rem; padding:0; font-size:.83rem; color:#374151; }
.email-section .later-card .ghost { display:inline-block; font-size:.8rem; color:#64748b; border:1px solid #cbd5e1; border-radius:4px; padding:.15rem .6rem; background:#f8fafc; }
.email-section .crumbs2 { font-size:.82rem; color:var(--muted); margin:.3rem 0 0; }
.email-section .crumbs2 a { color:var(--muted); }
.email-section .cgrid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:1rem; align-items:start; }
.email-section .cgrid .contact-form.compose-form { margin:0; background:#fff; border:1px solid var(--line); border-radius:6px; }
.email-section .tokens { display:flex; flex-wrap:wrap; gap:.3rem; align-items:center; border:1px solid #cbd2da; border-radius:4px; padding:.2rem .3rem; background:#fff; min-height:2.1rem; }
.email-section .tokens.focus { border-color:var(--brand); box-shadow:0 0 0 3px #dbe4ef; }
.email-section .tok { display:inline-flex; align-items:center; gap:.3rem; background:#eef2f7; border-radius:999px; padding:.05rem .2rem .05rem .55rem; font-size:.85rem; }
.email-section .tok .e { color:var(--muted); font-size:.78rem; }
.email-section .tok .xx { color:#6b7280; padding:0 .25rem; }
.email-section .tok.unknown { background:#fffbeb; outline:1px dashed #f59e0b; }
.email-section .tok.acct { background:#eef2ff; }
.email-section .tokens .typing { font-size:.88rem; color:#111827; padding:.1rem .2rem; }
.email-section .tokens .caret { display:inline-block; width:1px; height:1rem; background:#111827; vertical-align:-2px; }
.email-section .rmenu { position:absolute; z-index:40; left:25.5rem; top:2.3rem; width:30rem; list-style:none; margin:0; padding:.25rem; background:#fff; border:1px solid var(--line); border-radius:6px; box-shadow:0 8px 24px rgba(0,0,0,.15); }
.email-section .rmenu .g { font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:700; padding:.3rem .5rem .1rem; }
.email-section .rmenu .it { display:grid; grid-template-columns:1.3rem minmax(0,1fr) auto; gap:.45rem; align-items:center; padding:.3rem .5rem; border-radius:4px; font-size:.88rem; }
.email-section .rmenu .it.active { background:#eef2ff; }
.email-section .rmenu .it .e { color:#6b7280; }
.email-section .rmenu .it .on { font-size:.76rem; color:var(--muted); white-space:nowrap; }
.email-section .rmenu .it .ic { font-size:.85rem; text-align:center; }
.email-section .rmenu .ft { font-size:.76rem; color:var(--muted); padding:.3rem .5rem .15rem; border-top:1px solid var(--line); margin-top:.2rem; }
.email-section .editor { border:1px solid #cbd2da; border-radius:4px; background:#fff; }
.email-section .editor .tb { display:flex; gap:.15rem; padding:.3rem .4rem; border-bottom:1px solid var(--line); background:#f8fafc; font-size:.85rem; color:#374151; flex-wrap:wrap; }
.email-section .editor .tb span { padding:.1rem .4rem; border-radius:3px; }
.email-section .editor .tb .sep { width:1px; background:var(--line); padding:0; margin:0 .2rem; }
.email-section .editor .ed { padding:.7rem .9rem; min-height:16rem; font-size:.93rem; line-height:1.5; }
.email-section .editor .ed p { margin:.25rem 0 .55rem; }
.email-section .inline-img { display:inline-block; border:2px solid #3b82f6; border-radius:3px; position:relative; line-height:0; }
.email-section .inline-img img { width:150px; height:150px; display:block; }
.email-section .inline-img .hd { position:absolute; width:8px; height:8px; background:#3b82f6; right:-5px; bottom:-5px; }
.email-section .inline-cap { font-size:.75rem; color:var(--muted); margin-left:.5rem; vertical-align:top; display:inline-block; line-height:1.3; }
.email-section .sig { color:#374151; font-size:.88rem; border-top:1px dashed var(--line); padding-top:.4rem; margin-top:.6rem; }
.email-section .logto { background:#fff; border:2px solid var(--brand); box-shadow:0 0 0 4px #e0e7ef; border-radius:6px; padding:.65rem .8rem; }
.email-section .logto h2 { font-size:1rem; margin:0 0 .15rem; display:flex; gap:.4rem; align-items:center; }
.email-section .logto .hint { font-size:.8rem; color:var(--muted); margin:0 0 .5rem; }
.email-section .lt-list { list-style:none; margin:0 0 .5rem; padding:0; }
.email-section .lt-list li { display:grid; grid-template-columns:1.1rem minmax(0,1fr) auto; gap:.45rem; align-items:center; padding:.32rem 0; border-bottom:1px solid var(--line); font-size:.87rem; }
.email-section .lt-list li .why { display:block; font-size:.74rem; color:var(--muted); line-height:1.15; }
.email-section .lt-list li .kind { font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; border-radius:3px; padding:0 .3rem; }
.email-section .kind.c { background:#dcfce7; color:#14532d; }
.email-section .kind.a { background:#e0e7ff; color:#1e3a8a; }
.email-section .kind.t { background:#f3e8ff; color:#6b21a8; }
.email-section .lt-list .rm { color:#6b7280; font-size:1rem; }
.email-section .lt-add { width:100%; padding:.3rem .5rem; font-size:.85rem; }
.email-section .nic { background:#fffbeb; border:1px dashed #f59e0b; border-radius:6px; padding:.5rem .6rem; margin:.6rem 0 .2rem; font-size:.85rem; }
.email-section .nic .t { font-weight:700; color:#92400e; display:block; margin-bottom:.2rem; }
.email-section .nic .mini { display:grid; grid-template-columns:1fr 1fr; gap:.3rem; margin:.35rem 0; }
.email-section .nic .mini input, .email-section .nic .mini select { padding:.22rem .35rem; font-size:.82rem; width:100%; }
.email-section .nic .btns { display:flex; gap:.35rem; align-items:center; white-space:nowrap; }
.email-section .nic .btns a { font-size:.76rem; }
.email-section .opt-row { display:flex; gap:.4rem; align-items:center; font-size:.83rem; margin:.35rem 0 0; color:#374151; }
.email-section .send-split { display:inline-flex; }
.email-section .send-split .btn:first-child { border-radius:4px 0 0 4px; }
.email-section .send-split .btn:last-child { border-radius:0 4px 4px 0; border-left:1px solid rgba(255,255,255,.35); padding-left:.5rem; padding-right:.5rem; }
.email-section .new-flag { font-size:.65rem; background:var(--accent); color:#fff; border-radius:999px; padding:.05rem .45rem; vertical-align:middle; margin-left:.3rem; font-weight:700; }
.email-section .sbox { background:#fff; border:1px solid var(--line); border-radius:6px; padding:.65rem .8rem; margin-bottom:.7rem; }
.email-section .sbox .qrow { display:flex; gap:.5rem; align-items:center; }
.email-section .sbox .qrow input[type=search] { flex:1; font-size:1.05rem; padding:.5rem .75rem; border:1px solid var(--brand); box-shadow:0 0 0 3px #dbe4ef; }
.email-section .sbox .qrow select { width:auto; padding:.45rem; font-size:.88rem; }
.email-section .frow { display:flex; flex-wrap:wrap; gap:.45rem .5rem; margin-top:.55rem; align-items:center; }
.email-section .fpill { display:inline-flex; align-items:center; gap:.35rem; font-size:.84rem; background:#f8fafc; border:1px solid #cbd2da; border-radius:999px; padding:.2rem .65rem; color:#374151; white-space:nowrap; }
.email-section .fpill .k { color:var(--muted); font-size:.78rem; }
.email-section .fpill.set { background:#eef2ff; border-color:#a5b4fc; color:#1e3a8a; font-weight:600; }
.email-section .fpill.set .k { color:#4f46e5; font-weight:400; }
.email-section .fpill.team { border-color:var(--accent); }
.email-section .fpill .x { color:#6b7280; font-weight:400; }
.email-section .frow .clear { font-size:.82rem; margin-left:auto; }
.email-section .perm-note { display:flex; gap:.6rem; align-items:flex-start; background:#fff7ed; border:1px solid #fdba74; border-radius:6px; padding:.5rem .75rem; font-size:.84rem; color:#7c2d12; margin-bottom:.7rem; }
.email-section .perm-note b { color:#7c2d12; }
.email-section .res { list-style:none; margin:0; padding:0; background:#fff; border:1px solid var(--line); border-radius:6px; }
.email-section .res li { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:.65rem; padding:.55rem .75rem; border-bottom:1px solid var(--line); font-size:.88rem; }
.email-section .res li:last-child { border-bottom:0; }
.email-section .res .t1 { display:flex; gap:.5rem; align-items:baseline; flex-wrap:wrap; }
.email-section .res .t1 .who2 { font-weight:600; }
.email-section .res .t1 .subj2 { color:var(--brand); }
.email-section .res .snip { color:#4b5563; font-size:.85rem; margin-top:.1rem; }
.email-section .res .meta { display:flex; gap:.35rem; align-items:center; margin-top:.25rem; flex-wrap:wrap; font-size:.78rem; color:var(--muted); }
.email-section .res .rt { text-align:right; font-size:.8rem; color:#374151; white-space:nowrap; }
.email-section .res .rt .uchip { margin-top:.25rem; font-size:.76rem; }
.email-section .res .match-in { font-size:.68rem; text-transform:uppercase; letter-spacing:.04em; font-weight:700; color:#64748b; background:#f1f5f9; border-radius:3px; padding:0 .3rem; }
.email-section .res .hidden-f { font-size:.74rem; color:#9a3412; background:#ffedd5; border-radius:3px; padding:0 .35rem; }
.email-section .facets { font-size:.85rem; }
.email-section .facets h3 { font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); margin:.5rem 0 .2rem; }
.email-section .facets h3:first-child { margin-top:0; }
.email-section .facets ul { list-style:none; margin:0; padding:0; }
.email-section .facets li { display:flex; justify-content:space-between; padding:.12rem 0; }
.email-section .facets li span { color:var(--muted); }
.email-section .dgrid2 { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:1rem; align-items:start; }
.email-section .msg { background:#fff; border:1px solid var(--line); border-radius:6px; }
.email-section .msg-top { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; padding:.75rem 1rem .5rem; border-bottom:1px solid var(--line); }
.email-section .msg-top h1 { font-size:1.2rem; margin:0 0 .25rem; }
.email-section .msg-btns { display:flex; gap:.35rem; flex-wrap:nowrap; white-space:nowrap; justify-content:flex-end; }
.email-section .msg-meta { display:grid; grid-template-columns:3.2rem minmax(0,1fr) auto; gap:.1rem .5rem; padding:.55rem 1rem; font-size:.86rem; border-bottom:1px solid var(--line); background:#fbfcfd; }
.email-section .msg-meta .k { color:var(--muted); font-weight:600; }
.email-section .msg-meta .dt { grid-column:3; grid-row:1; text-align:right; color:#374151; white-space:nowrap; }
.email-section .logged { display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; padding:.5rem 1rem; border-bottom:1px solid var(--line); font-size:.88rem; background:#f0fdf4; }
.email-section .logged b { color:#14532d; }
.email-section .logged .edit { margin-left:auto; font-size:.8rem; }
.email-section .msg-body { padding:.8rem 1rem; font-size:.94rem; line-height:1.55; }
.email-section .msg-body p { margin:.2rem 0 .7rem; }
.email-section .msg-body table { width:auto; border-collapse:collapse; margin:.3rem 0 .8rem; background:#fff; font-size:.88rem; }
.email-section .msg-body table td, .email-section .msg-body table th { border:1px solid var(--line); padding:.25rem .6rem; }
.email-section .msg-body table th { background:#f8fafc; text-align:left; }
.email-section .msg-body .iimg { width:180px; height:180px; border-radius:4px; border:1px solid var(--line); display:block; margin:.3rem 0 .8rem; }
.email-section .att-grid { display:flex; flex-wrap:wrap; gap:.5rem; padding:.2rem 1rem .9rem; }
.email-section .att { display:grid; grid-template-columns:36px minmax(0,1fr); gap:.5rem; align-items:center; border:1px solid var(--line); border-radius:6px; padding:.4rem .6rem; width:15.5rem; background:#fff; font-size:.85rem; text-decoration:none; color:#1f2937; }
.email-section .att .fi { width:36px; height:40px; border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:.66rem; font-weight:800; color:#fff; }
.email-section .fi.pdf { background:#dc2626; }
.email-section .fi.xls { background:#16a34a; }
.email-section .fi.img { background:#2563eb; }
.email-section .att .fn { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.email-section .att .fs { font-size:.76rem; color:var(--muted); }
.email-section .sec-h { font-size:.76rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:700; padding:.6rem 1rem .1rem; }
.email-section .reply-card { border-top:1px solid var(--line); padding:.6rem 1rem .7rem; background:#f8fbff; box-shadow:inset 3px 0 0 #3b82f6; font-size:.88rem; }
.email-section .reply-card .rh { display:flex; gap:.5rem; align-items:center; margin-bottom:.2rem; }
.email-section .reply-card .rh .tm { margin-left:auto; font-size:.8rem; color:var(--muted); }
.email-section .kv2 { list-style:none; margin:0; padding:0; font-size:.86rem; }
.email-section .kv2 li { display:flex; justify-content:space-between; gap:.5rem; padding:.25rem 0; border-bottom:1px solid var(--line); }
.email-section .kv2 li:last-child { border-bottom:0; }
.email-section .kv2 li span:first-child { color:var(--muted); }
.email-section .reclink { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.5rem; align-items:center; padding:.35rem 0; border-bottom:1px solid var(--line); font-size:.88rem; }
.email-section .reclink:last-child { border-bottom:0; }
.email-section .reclink .sm { display:block; font-size:.76rem; color:var(--muted); line-height:1.2; }
.email-section .annot { font-size:.72rem; font-weight:700; color:#92400e; background:#fef3c7; border:1px dashed #f59e0b; border-radius:4px; padding:.02rem .4rem; margin-left:.3rem; letter-spacing:.02em; vertical-align:middle; white-space:nowrap; }
.email-section .mm-wrap { display:grid; grid-template-columns:minmax(0,560px) minmax(0,1fr); gap:1.2rem; align-items:start; }
.email-section .mm-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin:.5rem 0 .6rem; }
.email-section .mm-steps > div { background:#fff; border:1px solid var(--line); border-radius:6px; padding:.45rem .55rem; font-size:.82rem; color:#374151; }
.email-section .mm-steps .n { display:inline-flex; width:1.2rem; height:1.2rem; border-radius:50%; background:#cbd5e1; color:#fff; font-size:.7rem; font-weight:700; align-items:center; justify-content:center; margin-right:.3rem; }
.email-section .mm-steps b { display:block; color:#1f2937; font-size:.86rem; }
.email-section .mlist { list-style:none; margin:0; padding:0; background:#fff; border:1px solid var(--line); border-radius:6px; }
.email-section .mlist details > summary { list-style:none; }
.email-section .mlist details > summary::-webkit-details-marker { display:none; }
.email-section .mlist details[open] > summary.mrow { background:#eef2f7; border-bottom:0; box-shadow:inset 3px 0 0 var(--brand); }
.email-section .em-tabs a.disabled, .email-section .em-tabs span.disabled { padding:.45rem .75rem; color:#94a3b8; font-size:.92rem; cursor:not-allowed; white-space:nowrap; }
.email-section .pager { display:flex; gap:.5rem; justify-content:flex-end; align-items:center; }
.email-section mark { background:#fde68a; padding:0 .1rem; border-radius:2px; }
.email-section .fbox { display:flex; flex-wrap:wrap; gap:.45rem .5rem; margin-top:.55rem; align-items:flex-end; }
.email-section .fbox label { display:flex; flex-direction:column; font-size:.76rem; color:var(--muted); gap:.1rem; }
.email-section .fbox select, .email-section .fbox input { width:auto; padding:.28rem .4rem; font-size:.85rem; }
.email-section .fbox label.check { flex-direction:row; align-items:center; gap:.3rem; font-size:.84rem; color:#374151; }
.email-section .lt-list li.off { opacity:.6; }
.email-section .lt-list button.rm { background:none; border:0; cursor:pointer; padding:0 .2rem; }
.email-section .lt-menu { list-style:none; margin:.2rem 0 0; padding:.2rem; border:1px solid var(--line); border-radius:6px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.12); max-height:16rem; overflow:auto; }
.email-section .lt-menu li { padding:.25rem .45rem; border-radius:4px; cursor:pointer; font-size:.85rem; }
.email-section .lt-menu li:hover, .email-section .lt-menu li.active { background:#eef2ff; }
.email-section .edit-records { padding:.5rem 1rem; border-bottom:1px solid var(--line); background:#fff; }
.email-section .edit-records ul { list-style:none; margin:0 0 .4rem; padding:0; }
.email-section .card2 { background:#fff; border:1px solid var(--line); border-radius:6px; padding:.65rem .8rem; margin-bottom:.8rem; }
.email-section .card2 h2 { font-size:1rem; margin:0 0 .4rem; }
.email-section .empty-list { padding:1.2rem; text-align:center; color:var(--muted); background:#fff; border:1px solid var(--line); border-radius:6px; }
.email-section .recipient-menu .grp { font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:700; padding:.3rem .5rem .1rem; }
.email-section .rchip.more { background:#f1f5f9; color:#475569; }
.email-section .em-tabs .soon { font-size:.66rem; margin-left:.3rem; }
.email-section .sbox .fpill select, .email-section .sbox .fpill input[type=date] { border:0; background:transparent; padding:0 .1rem; font-size:.82rem; width:auto; }
.email-section .edit-records summary { cursor:pointer; font-weight:600; font-size:.88rem; }
.email-section .edit-records li { display:flex; gap:.5rem; align-items:center; padding:.2rem 0; }
.email-section .edit-records li form { margin-left:auto; }
.email-section .add-record { display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; margin-top:.3rem; font-size:.85rem; position:relative; }
.email-section .add-record .lt-menu { position:absolute; top:100%; left:0; z-index:5; min-width:18rem; }
@media (max-width: 900px) {
  .email-section .em-grid, .email-section .cgrid, .email-section .dgrid2, .email-section .sgrid { grid-template-columns:minmax(0,1fr); }
  .email-section .mrow { grid-template-columns:24px minmax(0,1fr) auto; }
  .email-section .mrow .who2, .email-section .mrow .recs, .email-section .mrow .clip { display:none; }
}
.email-section #connected-accounts h2 { font-size:1rem; margin:0 0 .4rem; display:flex; justify-content:space-between; align-items:baseline; gap:.5rem; }
.email-section #connected-accounts h2 .r { font-size:.78rem; font-weight:500; }
/* Drafts / Scheduled tabs (OutboundEmail). */
.email-section .outbound-list { list-style:none; padding:0; margin:0; background:#fff; border:1px solid var(--line); border-radius:6px; }
.email-section .outbound-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.4rem .8rem; align-items:center; padding:.55rem .8rem; border-bottom:1px solid var(--line); }
.email-section .outbound-row:last-child { border-bottom:0; }
.email-section .outbound-row.failed { background:#fef2f2; }
.email-section .ob-main { display:flex; flex-direction:column; min-width:0; }
.email-section a.ob-open { display:flex; flex-direction:column; min-width:0; color:inherit; text-decoration:none; }
.email-section a.ob-open .ob-subject { color:var(--brand); }
.email-section a.ob-open:hover .ob-subject, .email-section a.ob-open:focus-visible .ob-subject { text-decoration:underline; }
.email-section .ob-subject { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.email-section .ob-to { font-size:.82rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.email-section .ob-files { font-size:.78rem; }
.email-section .ob-error { display:block; color:#b91c1c; max-width:22rem; }
.email-section .ob-actions { display:flex; gap:.3rem; flex-wrap:wrap; justify-content:flex-end; }
.email-section .outbound-row .pill { display:inline-block; font-size:.78rem; padding:.1rem .45rem; border-radius:999px; background:#f1f5f9; }
.email-section .outbound-row .pill.ok { background:#ecfdf5; color:#065f46; }
.email-section .outbound-row .pill.bad { background:#fee2e2; color:#991b1b; }
@media (max-width: 900px) { .email-section .outbound-row { grid-template-columns:minmax(0,1fr); } .email-section .ob-actions { justify-content:flex-start; } }