/* «ایمیل‌ها» (review section 4, 2026-10-14; docs/design/admin-mail-redesign.html).
   Email home (health + address cards), one inbox per address, the letter page. Built on ds.css. */

#s-email .ml-wrap{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);min-width:0}
.ml-hgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ml-hc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;display:grid;gap:4px;min-width:0}
.ml-hc .l{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px}
.ml-hc .v{font-size:18px;font-weight:800}.ml-hc .d{font-size:12px;color:var(--dim)}
.ml-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:10px;align-items:start}
.ml-card{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;overflow:hidden}
.ml-card.has{border-color:rgb(91 155 255 / .45)}.ml-card.ed{border-color:var(--gold)}
.ml-go{display:grid;grid-template-columns:40px minmax(0,1fr) auto 16px;gap:12px;align-items:center;width:100%;text-align:start;padding:14px 14px 10px;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}
.ml-go:hover{background:rgb(255 255 255 / .03)}.ml-go:focus-visible{outline:2px solid rgb(242 193 78 / .7);outline-offset:-2px}
.ml-go .ic{color:var(--dim)}
.ml-av{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:850;font-size:16px;background:rgb(242 193 78 / .14);color:var(--gold);text-transform:uppercase;flex:none}
.ml-av.s{width:26px;height:26px;border-radius:8px;font-size:12px}
.ml-t{display:grid;gap:2px;min-width:0}.ml-t b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-t small{font-size:12px;color:var(--dim)}
.ml-n{background:var(--info);color:#06101f;border-radius:999px;font-size:11.5px;font-weight:800;padding:0 8px;line-height:1.8;white-space:nowrap}
.ml-roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 14px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
.ml-roles .chip{font-size:11px}.ml-roles .ml-link{margin-inline-start:auto}
.ml-edit{display:grid;gap:8px;padding:10px 14px 14px;border-top:1px dashed var(--line-2);background:var(--bg-2)}
.ml-rc{border:1px solid var(--line-2);background:transparent;color:var(--muted);border-radius:9px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}
.ml-rc[aria-pressed="true"]{border-color:rgb(242 193 78 / .5);background:rgb(242 193 78 / .1);color:var(--gold)}
.ml-link{border:0;background:none;color:var(--gold);font:inherit;font-size:12.5px;cursor:pointer;padding:4px 2px;text-decoration:underline;text-underline-offset:3px}

/* inbox */
.ml-boxid{display:flex;gap:12px;align-items:center}.ml-boxid h1{direction:ltr;text-align:right;margin:0}
.ml-sw{position:relative}
.ml-swm{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:30;min-width:270px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;padding:6px;display:grid;gap:2px;box-shadow:0 20px 40px -16px rgb(0 0 0 / .8)}
.ml-swm button{display:grid;grid-template-columns:26px auto 1fr auto;gap:10px;align-items:center;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;padding:8px;border-radius:8px;cursor:pointer;text-align:start}
.ml-swm button:hover{background:var(--surface-3)}.ml-swm button[aria-current="true"]{background:rgb(242 193 78 / .1)}
.ml-swm small{color:var(--dim);font-size:11.5px}
.ml-swm .home{grid-template-columns:1fr;color:var(--gold);border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px}
.ml-bad{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid rgb(255 107 122 / .4);background:rgb(255 107 122 / .08)}
.ml-bad>.ic{color:var(--bad);width:20px;height:20px}.ml-bad p{font-size:12.5px;color:var(--muted);margin:2px 0 0}
.ml-tabs .cnt{background:var(--info);color:#06101f;border-radius:999px;font-size:11px;padding:0 7px;min-width:20px;text-align:center;line-height:1.7;margin-inline-start:6px}
.ml-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ml-tools .q-vsep{height:20px}
.ml-ck{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;cursor:pointer;flex:none}
.ml-ck:hover{background:var(--surface-2)}.ml-ck input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}
.ml-tools .q-search{margin-inline-start:auto}
.ml-kbd{font:600 11px/1.6 var(--font);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;padding:0 6px;color:var(--muted);background:var(--surface-2)}
.ml-bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;background:rgb(242 193 78 / .08);border:1px solid rgb(242 193 78 / .3)}
.ml-bulk b{font-size:13px;margin-inline-end:6px}.ml-bulk .ml-link{margin-inline-start:auto}
.ml-list{display:grid}
.ml-grp{font-size:11.5px;font-weight:800;color:var(--dim);padding:10px 16px 4px}
.ml-row{position:relative;display:grid;grid-template-columns:36px 30px minmax(110px,190px) minmax(0,1fr) auto 84px;gap:10px;align-items:center;padding:6px 12px 6px 16px;border-top:1px solid var(--line);cursor:pointer;font-size:13px;min-height:52px;transition:background .12s}
.ml-grp+.ml-row{border-top:0}
.ml-row:hover{background:rgb(255 255 255 / .03)}.ml-row.sel{background:rgb(242 193 78 / .08)}
.ml-row:focus-visible{outline:2px solid rgb(242 193 78 / .7);outline-offset:-2px}
.ml-row.unread::before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--info)}
.ml-row .av{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:12.5px;background:rgb(91 155 255 / .14);color:var(--info)}
.ml-row .snd{color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-row .txt{min-width:0;display:flex;gap:8px;overflow:hidden;white-space:nowrap}
.ml-row .sj{color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;max-width:60%}
.ml-row .pv{color:var(--dim);overflow:hidden;text-overflow:ellipsis;flex:1 1 0}
.ml-row.unread .snd,.ml-row.unread .sj{color:var(--ink);font-weight:800}
.ml-row .tags{display:flex;gap:6px;align-items:center}
.ml-row .tagi{display:inline-grid;place-items:center;color:var(--dim)}.ml-row .tagi .ic{width:15px;height:15px}.ml-row .tagi.ok{color:var(--ok)}
.ml-row time{font-size:12px;color:var(--dim);text-align:left;white-space:nowrap}
.ml-row.unread time{color:var(--ink);font-weight:700}
.ml-ib{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer}
.ml-ib:hover{background:var(--surface-3);color:var(--ink)}.ml-ib:disabled{opacity:.35;cursor:default}
.ml-ib:focus-visible{outline:2px solid rgb(242 193 78 / .7)}
.ml-row .hov{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);display:none;gap:2px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;padding:2px;box-shadow:0 8px 20px -10px rgb(0 0 0 / .7)}
.ml-row:hover .hov,.ml-row:focus-within .hov{display:flex}
.ml-row:hover time,.ml-row:focus-within time{visibility:hidden}

/* letter page */
.ml-rtop{display:grid;gap:10px}
.ml-rnav{display:flex;align-items:center;gap:4px}.ml-rnav .pos{margin-inline-start:auto;margin-inline-end:6px;font-size:12px;color:var(--dim)}
.ml-subj{font-size:22px;font-weight:850;margin:0;overflow-wrap:anywhere}
.ml-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ml-acts .sp{flex:1}
.ml-col{width:100%;display:grid;gap:12px;min-width:0}
.ml-id{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12.5px;color:var(--muted);background:rgb(91 155 255 / .07);border:1px solid rgb(91 155 255 / .25);border-radius:10px;padding:8px 12px}
.ml-id.mute{background:var(--surface);border-color:var(--line)}.ml-id .ml-link{margin-inline-start:auto}
.ml-thread{display:grid;gap:10px}
.ml-msg{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ml-msg.out{border-inline-start:3px solid var(--gold)}.ml-msg.note{border:1px dashed rgb(155 123 255 / .45)}.ml-msg.failed{border-color:rgb(255 107 122 / .55)}
.ml-mh{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px}
.ml-mh .av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:rgb(91 155 255 / .14);color:var(--info)}
.ml-msg.out .av{background:rgb(242 193 78 / .15);color:var(--gold)}.ml-msg.note .av{background:rgb(155 123 255 / .16);color:var(--violet)}
.ml-mw{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;min-width:0}.ml-mw b{font-size:13.5px}.ml-mw .num{font-size:12px;color:var(--dim)}
.ml-mt{display:flex;gap:10px;align-items:center}.ml-mt time{font-size:12px;color:var(--dim);white-space:nowrap}
.ml-fl{display:inline-flex;gap:4px;align-items:center;color:var(--bad);font-size:12px;font-weight:700;cursor:help}.ml-fl .ic{width:15px;height:15px}
.ml-mb{padding:0 14px 14px}
.ml-paper{background:#fff;color:#1f2430;border-radius:10px;padding:16px 18px;font:14.5px/1.9 Tahoma,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.ml-paper.np{background:#f6f3ff}
.ml-paper a{color:#1a5fd1}
.ml-frame{display:block;width:100%;min-height:60px;border:0;background:#fff;border-radius:10px;overflow:hidden}
.ml-fold1{display:none;padding:0 14px 12px 58px;font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-msg.fold{cursor:pointer}.ml-msg.fold .ml-mb{display:none}.ml-msg.fold .ml-fold1{display:block}.ml-msg.fold:hover{border-color:var(--line-2)}
.ml-msg.fold:focus-visible{outline:2px solid rgb(242 193 78 / .7)}
.ml-more{justify-self:center;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);border-radius:999px;padding:4px 14px;font:inherit;font-size:12px;cursor:pointer}
.ml-atts{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}
.ml-att{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;font-size:12.5px;background:var(--bg-2);color:var(--ink);text-decoration:none}
.ml-att:hover{border-color:var(--gold)}.ml-att small{color:var(--dim)}
.ml-cmp{position:sticky;bottom:0;z-index:5;background:var(--bg);padding:10px 0 12px;border-top:1px solid var(--line)}
.ml-cmpw{display:grid;gap:8px}
.ml-from{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--dim)}.ml-from b{color:var(--ink)}
.ml-cmp .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ml-cmp .row .sp2{margin-inline-start:auto;font-size:12px;color:var(--dim)}
.ml-cmp .mwrap{position:relative}
.btn .ml-kbd{background:rgb(0 0 0 / .12);border-color:rgb(0 0 0 / .2);color:inherit}
.btn.busy{opacity:.7;pointer-events:none}
.ml-undo{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:80;display:flex;gap:14px;align-items:center;background:var(--surface-3);border:1px solid var(--line-2);border-radius:12px;padding:10px 16px;font-size:13px;box-shadow:0 20px 40px -16px rgb(0 0 0 / .8)}
.ml-keys{position:fixed;inset:0;z-index:90;background:rgb(3 6 12 / .6);display:grid;place-items:center}
.ml-keys>div{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:16px 20px;width:min(92%,420px);display:grid;gap:10px}
.ml-keys dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:13px}.ml-keys dt{text-align:left}
@media (max-width:760px){
  .ml-hgrid{grid-template-columns:minmax(0,1fr)}
  .ml-row{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"a w t" "a x x";padding:10px 12px;row-gap:2px}
  .ml-row .ml-ck,.ml-row .tags,.ml-row .hov{display:none!important}.ml-row .av{grid-area:a;align-self:start}.ml-row .snd{grid-area:w}.ml-row time{grid-area:t}
  .ml-row .txt{grid-area:x;flex-direction:column;gap:0;white-space:normal}.ml-row .sj{max-width:none}.ml-row .pv{white-space:nowrap}
  .ml-tools>.ml-ck,#mlKeysBtn{display:none}.ml-tools .q-search{max-width:none;margin:0;flex-basis:100%}
  .ml-acts .btn{flex:1 1 auto;justify-content:center}.ml-acts .sp{display:none}
  .ml-mh{grid-template-columns:34px minmax(0,1fr)}.ml-mh .ml-mt{grid-column:2;flex-wrap:wrap;gap:6px 10px}
  .ml-fold1{padding-inline-start:14px}
}

/* main categories as tabs, with icons; a folder's size is quiet, unread is blue (owner 10-14) */
.ml-tabs{min-width:0}
.ml-tabs .q-tab{display:inline-flex;gap:7px;align-items:center;white-space:nowrap}
.ml-tabs .q-tab .ic{width:16px;height:16px}
.ml-tabs .cnt.quiet{background:var(--surface-3);color:var(--muted)}
.ml-order select{height:34px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font:inherit;font-size:12.5px;padding:0 10px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* «بیشتر»: a real menu */
.ml-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:30;width:min(330px,86vw);background:var(--surface-2);border:1px solid var(--line-2);border-radius:14px;padding:6px;display:grid;gap:2px;box-shadow:0 22px 44px -18px rgb(0 0 0 / .85)}
.ml-menu button{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;border:0;background:none;color:var(--ink);font:inherit;padding:10px 12px;border-radius:10px;cursor:pointer;text-align:start}
.ml-menu button:hover,.ml-menu button:focus-visible{background:var(--surface-3);outline:none}
.ml-menu button+button{border-top:1px solid var(--line)}
.ml-menu .ic{width:18px;height:18px;color:var(--muted);margin-top:2px}
.ml-menu b{display:block;font-size:13.5px;font-weight:750}
.ml-menu small{display:block;font-size:12px;color:var(--dim);line-height:1.6;margin-top:2px}
@media (max-width:600px){.ml-tabs{flex-wrap:wrap;overflow:visible}.ml-tabs .q-tab{padding-inline:10px}.ml-tabs .q-tab .ic{display:none}}
/* the address is the switcher: a button with a chevron, not a separate «صندوق دیگر» (owner 10-14) */
.ml-boxh{margin:0;font-size:inherit}
.ml-boxid .ml-bt{display:grid;gap:2px;text-align:start}
.ml-boxid .ml-bt .h1{font-size:22px;font-weight:850;color:var(--ink);line-height:1.3}
.ml-boxid .ml-bt small{font-size:12.5px;color:var(--muted);font-weight:500}
.ml-boxbtn{border:1px solid transparent;background:none;font:inherit;color:inherit;padding:6px 10px 6px 8px;margin:-6px -8px;border-radius:14px;cursor:pointer}
.ml-boxbtn:hover,.ml-boxbtn[aria-expanded="true"]{background:var(--surface-2);border-color:var(--line-2)}
.ml-boxbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ml-chev{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);color:var(--ink);flex:none}
.ml-chev .ic{width:16px;height:16px;transition:transform .15s}
.ml-boxbtn[aria-expanded="true"] .ml-chev .ic{transform:rotate(180deg)}
.ml-boxh .ml-swm{font-size:13px;font-weight:500}
@media (max-width:600px){.ml-boxid .ml-bt .h1{font-size:18px}}
/* the box head (address + folder tabs) sticks under the panel bar; the composer sticks to the bottom (owner 10-14) */
.ml-head{position:sticky;top:var(--ml-top,0px);z-index:6;background:var(--bg);display:grid;gap:10px;padding-top:10px;margin-top:-10px}
.ml-head .h1row{margin:0}
@media (max-width:600px){.ml-head .ml-bt small{display:none}.ml-head{gap:4px}}

/* ---- composer (owner 10-14): modes, recipients as chips, a formatting bar, files, quote, signature, draft */
.ml-cmp{max-height:min(72vh,640px);overflow-y:auto;overscroll-behavior:contain}
.ml-cmp.drop{outline:2px dashed var(--gold);outline-offset:-4px;border-radius:12px}
.ml-cbody{display:grid;gap:8px}
.ml-chead{display:flex;align-items:center;gap:8px}
.ml-mode{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line)}
.ml-mode button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:9px;cursor:pointer;min-height:32px}
.ml-mode button .ic{width:15px;height:15px}
.ml-mode button:hover{color:var(--ink)}
.ml-mode button[aria-selected="true"]{background:var(--surface-3);color:var(--ink)}
.ml-mode button[data-mode="note"][aria-selected="true"]{background:rgb(155 123 255 / .18);color:#cdbcff}
.ml-mode button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.ml-cmpclose,.ml-cmpmin{display:none}
.ml-fields{display:grid;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-2)}
.ml-fr{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 12px;min-height:38px}
.ml-fr+.ml-fr{border-top:1px solid var(--line)}
.ml-fr .ml-lb{font-size:12.5px;color:var(--dim)}
.ml-fr>b{font-size:13px;justify-self:start}
.ml-rcp{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0;cursor:text}
.ml-rcp .chips{display:contents}
.ml-rcp input{flex:1 1 140px;min-width:0;border:0;background:none;color:var(--ink);font:13px/1.6 var(--font);padding:4px 0;outline:none;text-align:start}
.ml-chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;background:var(--surface-3);color:var(--ink);border-radius:999px;font-size:12.5px;padding:2px 4px 2px 10px;overflow-wrap:anywhere}
.ml-chip button{width:20px;height:20px;border:0;background:none;color:var(--muted);border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none}
.ml-chip button:hover{background:rgb(255 255 255 / .1);color:var(--ink)}
.ml-chip button .ic{width:12px;height:12px}
.ml-chip.bad{background:rgb(255 92 92 / .16);color:#ff9a9a;outline:1px solid rgb(255 92 92 / .45)}
.ml-subjv{font-size:13.5px;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.ml-subj-in{border:0;background:none;color:var(--ink);font:13.5px/1.6 var(--font);padding:4px 0;width:100%;outline:none;min-width:0}
.ml-fr:focus-within{background:rgb(242 193 78 / .04)}
.ml-tb{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}
.ml-tb button{width:34px;height:34px;border:0;border-radius:8px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.ml-tb button .ic{width:17px;height:17px}
.ml-tb button:hover{background:var(--surface-3);color:var(--ink)}
.ml-tb button[aria-pressed="true"]{background:rgb(242 193 78 / .16);color:var(--gold)}
.ml-tb button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.ml-tb .sep{width:1px;height:20px;background:var(--line-2);margin:0 4px}
.ml-ed{min-height:96px;max-height:34vh;overflow-y:auto;background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;padding:10px 14px;color:var(--ink);font-size:14px;line-height:1.9;outline:none;overflow-wrap:anywhere;cursor:text}
.ml-ed:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgb(242 193 78 / .18)}
.ml-ed:empty::before{content:attr(data-ph);color:var(--dim);pointer-events:none}
.ml-cmp.note .ml-ed{border-color:rgb(155 123 255 / .5);background:rgb(155 123 255 / .05)}
.ml-ed p,.ml-paper.rich p{margin:0 0 .35em}
.ml-ed ul,.ml-ed ol,.ml-paper.rich ul,.ml-paper.rich ol{margin:.2em 0 .5em;padding-inline-start:1.5em}
.ml-ed blockquote,.ml-paper.rich blockquote{margin:.4em 0;padding:0 12px;border-inline-start:3px solid var(--line-2);color:var(--muted)}
.ml-paper.rich blockquote{border-color:#d0d4dc;color:#555}
.ml-ed a{color:#7fb0ff}
.ml-paper.rich{white-space:normal}
.ml-files{display:flex;flex-wrap:wrap;gap:6px}.ml-files:empty{display:none}
.ml-fcard{display:inline-flex;align-items:center;gap:8px;max-width:min(320px,100%);background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;padding:4px 4px 4px 10px;font-size:12.5px}
.ml-fcard>.ic{width:15px;height:15px;color:var(--muted);flex:none}
.ml-fcard .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);text-decoration:none}
.ml-fcard a.n:hover{text-decoration:underline}
.ml-fcard small{color:var(--dim);white-space:nowrap}
.ml-fcard .ml-ib{width:28px;height:28px}
.ml-fcard.up{opacity:.75}
.ml-fcard .spin{width:14px;height:14px;border:2px solid var(--line-2);border-top-color:var(--gold);border-radius:50%;animation:mlspin .8s linear infinite;margin-inline-end:6px}
@keyframes mlspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ml-fcard .spin{animation:none}}
.ml-extras{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.ml-extras:empty{display:none}
.ml-qchip{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--line-2);background:none;color:var(--dim);font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;cursor:pointer;min-height:30px}
.ml-qchip .ic{width:14px;height:14px}
.ml-qchip.on{border-style:solid;color:var(--muted);background:var(--surface-2)}
span.ml-qchip{cursor:default}
.ml-qchip .x{display:inline-grid;opacity:.7}.ml-qchip:hover .x{opacity:1}
.ml-origck{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer;min-height:30px}
.ml-sig{display:grid;gap:2px;font-size:12px;color:var(--dim);border-inline-start:2px solid var(--line-2);padding-inline-start:10px}
.ml-sig div{white-space:pre-line;color:var(--muted)}
.ml-toline{display:flex;flex-wrap:wrap;gap:2px 8px;padding:0 14px 8px;font-size:12px;color:var(--dim)}
.ml-toline span:nth-child(even){color:var(--muted);overflow-wrap:anywhere}
.ml-outl{color:var(--dim);font-weight:500}
.ml-cmp.page{position:static;max-height:none;overflow:visible;border-top:0;padding-top:0}
.ml-cmp.page .ml-ed{min-height:260px;max-height:none}
@media (max-width:600px){
  .ml-cmpclose{display:grid;margin-inline-start:auto}
  .ml-cmp.min .ml-cbody{display:none}
  .ml-cmp.min .ml-cmpmin{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;border:1px solid var(--line-2);border-radius:12px;background:var(--bg-2);color:var(--dim);font:inherit;font-size:14px;padding:0 14px;cursor:text}
  .ml-cmp.min .ml-cmpmin .ic{width:16px;height:16px}
  .ml-cmp:not(.page) .ml-ed{max-height:28vh}
  .ml-fr{grid-template-columns:52px minmax(0,1fr) auto;padding:4px 10px}
  .ml-mode button{padding:6px 9px}
  .ml-sig{margin-inline-start:0}
}

.ml-towho{font-size:12.5px;color:var(--dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}
.ml-cmp.idle .ml-towho{display:block}
.ml-cmp.idle .ml-fields,.ml-cmp.idle .ml-tb,.ml-cmp.idle .ml-extras,.ml-cmp.idle .ml-files,.ml-cmp.idle .ml-from{display:none}
.ml-cmp.idle .ml-ed{min-height:46px;max-height:46px;overflow:hidden}