.hx-mail{container-type:inline-size;margin:0;--ml-ink:#0f172a;--ml-muted:#64748b;--ml-faint:#94a3b8;--ml-line:#e5e9f0;--ml-blue:#2563eb;--ml-blue-tint:#eaf1fe;--ml-ground:#f6f8fb}.hx-mail__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hx-mail__ground{display:grid;grid-template-columns:24cqi minmax(0,1fr);gap:1.6cqi;aspect-ratio:16/11.6;padding:1.6cqi;overflow:hidden;border:1px solid var(--ml-line);border-radius:clamp(10px,2.2cqi,18px);background:var(--ml-ground);color:var(--ml-ink);font-size:clamp(6px,1.6cqi,12px);box-shadow:0 2px 6px rgba(9,19,38,.04),0 22px 44px -24px rgba(15,32,63,.26)}.hx-mail svg{width:2cqi;height:2cqi;flex:none;stroke-width:1.9}.hx-mail__folders{display:flex;flex-direction:column;gap:.7cqi;min-height:0;padding:1.4cqi 1.2cqi;border:1px solid var(--ml-line);border-radius:1.8cqi;background:#fff}.hx-mail__folders>*{flex-shrink:0}.hx-mail__brand{display:flex;align-items:center;gap:1cqi;font-size:2.2cqi;font-weight:700}.hx-mail__brand svg{width:2.6cqi;height:2.6cqi;color:var(--ml-blue)}.hx-mail__box{overflow:hidden;padding:.9cqi 1cqi;border:1px solid var(--ml-line);border-radius:1cqi;font-size:1.35cqi;text-overflow:ellipsis;white-space:nowrap}.hx-mail__compose{display:flex;align-items:center;justify-content:center;gap:.8cqi;padding:1cqi;border-radius:1cqi;background:var(--ml-blue);color:#fff;font-weight:650}.hx-mail__list-folders{display:grid;gap:.15cqi}.hx-mail__folder{display:flex;align-items:center;gap:1.1cqi;padding:.5cqi .9cqi;border-radius:.9cqi;color:#334155}.hx-mail__folder svg{color:#475569}.hx-mail__folder b{margin-left:auto;padding:.1cqi .7cqi;border-radius:.6cqi;font-size:1.2cqi}.hx-mail__folder b,.hx-mail__folder[data-active]{background:var(--ml-blue-tint);color:var(--ml-blue);font-weight:650}.hx-mail__folder[data-active] svg{color:var(--ml-blue)}.hx-mail__labels{margin-top:.4cqi;padding:1cqi .9cqi 0;border-top:1px solid var(--ml-line);color:var(--ml-faint);font-size:1.15cqi;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.hx-mail__storage{display:grid;gap:.7cqi;margin-top:auto;padding:1cqi;border:1px solid var(--ml-line);border-radius:1cqi}.hx-mail__storage small{font-size:1.2cqi}.hx-mail__storage i{height:.6cqi;border-radius:1cqi;background:#eef2f7}.hx-mail__storage u{display:block;width:18%;height:100%;border-radius:inherit;background:var(--ml-blue)}.hx-mail__settings{display:flex;align-items:center;gap:1cqi;padding:.9cqi 1cqi;border:1px solid var(--ml-line);border-radius:1cqi;font-weight:600}.hx-mail__main{display:flex;flex-direction:column;gap:1.2cqi;min-width:0;min-height:0}.hx-mail__search{display:flex;align-items:center;gap:.9cqi;width:70%;padding:.9cqi 1.2cqi;border:1px solid var(--ml-line);border-radius:1.1cqi;background:#fff;color:var(--ml-faint)}.hx-mail__search kbd{margin-left:auto;padding:.1cqi .6cqi;border-radius:.5cqi;background:#eef2f7;color:var(--ml-muted);font:inherit;font-size:1.1cqi}.hx-mail__head{display:flex;align-items:center;justify-content:space-between}.hx-mail__head strong{display:block;font-size:2.6cqi;font-weight:700;letter-spacing:-.02em}.hx-mail__head small{color:var(--ml-muted);font-size:1.3cqi}.hx-mail__btn{display:inline-flex;align-items:center;gap:.7cqi;padding:.8cqi 1.2cqi;border:1px solid var(--ml-line);border-radius:1cqi;background:#fff;font-weight:600}.hx-mail__panes{display:grid;flex:1;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.4cqi;min-height:0}.hx-mail__list,.hx-mail__read{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--ml-line);border-radius:1.8cqi;background:#fff}.hx-mail__tabs{display:flex;gap:.6cqi;padding:1.2cqi 1.2cqi .8cqi}.hx-mail__tabs i{padding:.6cqi 1.8cqi;border-radius:.9cqi;color:var(--ml-muted);font-style:normal}.hx-mail__tabs i[data-active]{background:var(--ml-blue-tint);color:var(--ml-blue);font-weight:650}.hx-mail__row{display:flex;align-items:center;gap:1cqi;padding:1.15cqi 1.2cqi;border-top:1px solid #f1f4f8}.hx-mail__row[data-active]{background:#eef4ff}.hx-mail__avatar{display:grid;place-items:center;width:3.6cqi;height:3.6cqi;flex:none;border-radius:50%;background:var(--ml-blue-tint);color:var(--ml-blue);font-size:1.3cqi;font-weight:650}.hx-mail__row-copy{flex:1;min-width:0;line-height:1.35}.hx-mail__row-copy b{display:flex;align-items:center;gap:.5cqi;font-weight:650}.hx-mail__row-copy b,.hx-mail__row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-mail__row-copy small{display:block;color:#334155;font-size:1.35cqi}.hx-mail__dot{width:.8cqi;height:.8cqi;flex:none;border-radius:50%;background:var(--ml-blue)}.hx-mail__meta{display:grid;justify-items:end;gap:.5cqi;color:var(--ml-muted)}.hx-mail__meta small{font-size:1.2cqi;white-space:nowrap}.hx-mail__meta span{display:flex;gap:.5cqi;color:var(--ml-faint)}.hx-mail__meta svg,.hx-mail__toolbar svg{width:1.7cqi;height:1.7cqi}.hx-mail svg[data-on]{color:#f59e0b;fill:#f59e0b}.hx-mail__read{gap:1.2cqi;padding:1.4cqi 1.8cqi}.hx-mail__toolbar{display:flex;gap:1.6cqi;padding-bottom:1cqi;border-bottom:1px solid var(--ml-line);color:#475569}.hx-mail__toolbar svg:last-child{margin-left:auto}.hx-mail__subject{font-size:2.2cqi;font-weight:700;letter-spacing:-.02em;line-height:1.2}.hx-mail__sender{display:flex;align-items:center;gap:1cqi;padding-bottom:1.2cqi;border-bottom:1px solid var(--ml-line)}.hx-mail__sender b{display:block;font-weight:650}.hx-mail__sender small{color:var(--ml-muted);font-size:1.2cqi}.hx-mail__date{margin-left:auto;white-space:nowrap}.hx-mail__body{display:grid;gap:1cqi;color:#1f2937;font-size:1.45cqi;line-height:1.55}.hx-mail__attachment{display:inline-flex;align-items:center;gap:.6cqi;align-self:flex-start;margin-top:auto;padding:.7cqi 1.1cqi;border:1px solid var(--ml-line);border-radius:.9cqi;font-size:1.3cqi;font-weight:600}