.mail-shell{width:100%;max-width:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;min-height:calc(100dvh - var(--nav-h) - 4rem)}.mail-app{flex:1;display:flex;flex-direction:column;min-height:0}.mail-boot{margin:1.5rem auto;max-width:28rem}.mail-layout{display:grid;grid-template-columns:11.5rem minmax(16rem,22rem) 1fr;flex:1;min-height:0;border-top:1px solid var(--border-strong);background:var(--bg)}.mail-sidebar{background:var(--bg-elevated);border-right:1px solid var(--border-strong);padding:1rem .75rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.mail-addr{font-size:.78rem;color:var(--muted);word-break:break-all;padding:0 .35rem}.mail-folders{display:flex;flex-direction:column;gap:.2rem}.mail-folder{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;color:var(--text);text-align:left;padding:.55rem .65rem;border-radius:var(--radius-sm);font:inherit;text-transform:capitalize}.mail-folder:hover,.mail-folder.is-active{background:var(--accent-dim);color:var(--accent)}.mail-folder em{font-style:normal;background:var(--accent);color:#111;border-radius:999px;padding:.05rem .45rem;font-size:.72rem;font-weight:700}.mail-list{border-right:1px solid var(--border-strong);display:flex;flex-direction:column;min-width:0;background:var(--bg);min-height:0}.mail-list-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid var(--border-strong);background:var(--bg-elevated)}.mail-list-head h2{margin:0;font-size:1.05rem;text-transform:capitalize;letter-spacing:-.02em}.mail-mobile-bar{display:none;gap:.5rem;align-items:center;padding:.65rem .85rem;border-bottom:1px solid var(--border-strong);background:var(--bg-elevated)}.mail-folder-select{flex:1;appearance:none;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:.55rem .75rem;text-transform:capitalize}.mail-msg-list{overflow:auto;flex:1;min-height:0}.mail-msg{display:grid;gap:.12rem;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);color:inherit;padding:.85rem 1rem;font:inherit}.mail-msg:hover,.mail-msg.is-selected{background:var(--accent-dim)}.mail-msg.is-unread .mail-msg-subj{font-weight:700;color:#fff}.mail-msg-from{font-size:.82rem;color:var(--accent)}.mail-msg-subj{font-size:.95rem}.mail-msg-snip{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-msg-time{font-size:.72rem;color:var(--muted)}.mail-pane{min-width:0;display:flex;flex-direction:column;overflow:auto;background:var(--bg);min-height:0}.mail-pane-empty,.mail-empty{color:var(--muted);padding:2rem 1.25rem}.mail-pane-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--border-strong);background:var(--bg-elevated)}.mail-pane-head h3{margin:0 0 .35rem;font-size:1.15rem;letter-spacing:-.02em}.mail-back{display:none;margin-bottom:.5rem}.mail-compose{display:grid;gap:.75rem;padding:1rem 1.25rem}.mail-compose label{display:grid;gap:.35rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mail-compose .field,.mail-compose .mail-rte-wrap,.mail-compose .mail-rte{text-transform:none;letter-spacing:normal;font-weight:400}.mail-rte-wrap{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden}.mail-rte-toolbar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.4rem .5rem;border-bottom:1px solid var(--border);background:var(--bg)}.mail-rte-toolbar button{appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:6px;padding:.3rem .45rem;font:inherit;font-size:.82rem;font-weight:700}.mail-rte-toolbar button:hover,.mail-rte-toolbar button.is-on{color:var(--accent);background:var(--accent-dim);border-color:#ff9e1b59}.mail-rte{min-height:14rem;padding:.85rem 1rem;outline:none;line-height:1.55;word-break:break-word}.mail-rte:empty:before{content:attr(data-placeholder);color:var(--muted)}.mail-compose-actions,.mail-read-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.mail-read-actions{justify-content:flex-start;padding:.65rem 1.25rem;border-bottom:1px solid var(--border)}.mail-read-body{padding:1rem 1.25rem;flex:1}.mail-text-body{white-space:pre-wrap;font-family:inherit;margin:0;line-height:1.55}.mail-html-frame{width:100%;min-height:22rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff}.mail-chip-row{display:flex;gap:.35rem;flex-shrink:0}.mail-chip{border:1px solid var(--border-strong);background:transparent;color:var(--muted);border-radius:999px;padding:.25rem .7rem;font:inherit;font-size:.78rem}.mail-chip.is-on{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.mail-err{color:var(--fail);font-size:.9rem;margin:0}.mail-layout.is-narrow-list .mail-pane,.mail-layout.is-narrow-pane .mail-list{display:none}.mail-layout.is-narrow-pane .mail-pane,.mail-layout.is-narrow-list .mail-list{display:flex}@media(max-width:960px){.mail-layout{grid-template-columns:1fr}.mail-sidebar{display:none}.mail-mobile-bar{display:flex}.mail-back{display:inline-flex}.mail-list{border-right:0;max-height:none}.mail-layout:not(.is-narrow-pane):not(.is-narrow-list) .mail-pane{display:none}}@media(min-width:961px){.mail-layout.is-narrow-list .mail-pane,.mail-layout.is-narrow-pane .mail-list{display:flex}}.mail-switcher{display:flex;flex-direction:column;gap:.25rem;padding:0 .15rem}.mail-switcher-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.mail-switcher select{width:100%;font:inherit;font-size:.82rem;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.45rem .5rem}.mail-att-row{display:flex;flex-wrap:wrap;gap:.4rem;min-height:.25rem}.mail-att-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem .55rem;font-size:.78rem}.mail-att-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:0}.mail-sig-editor .mail-rte{min-height:8rem}.mail-member-picks{display:flex;flex-direction:column;gap:.35rem;max-height:12rem;overflow:auto;padding:.5rem 0}.mail-status-ico{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;margin-right:.35rem;font-size:.95rem;vertical-align:-.05em}.mail-status-ico.is-spin{animation:mail-spin .9s linear infinite;color:var(--accent)}.mail-status-ico.is-pending{color:var(--muted)}.mail-status-ico.is-fail{color:var(--fail)}@keyframes mail-spin{to{transform:rotate(360deg)}}.mail-skeleton{pointer-events:none;user-select:none}.mail-sk-compose{height:2.35rem;width:100%}.mail-sk-addr{height:.85rem;width:78%;margin:.15rem .35rem .35rem}.mail-sk-folder{pointer-events:none;cursor:default}.mail-sk-folder:hover{background:transparent;color:inherit}.mail-sk-chip{display:block;height:.85rem;width:4.5rem}.mail-sk-sig{height:1.85rem;width:100%;margin-top:auto}.mail-sk-select{flex:1;height:2rem}.mail-sk-compose-sm{width:5.5rem;height:2rem;flex-shrink:0}.mail-sk-title{height:1.15rem;width:5rem}.mail-sk-refresh{height:1.6rem;width:4rem}.mail-sk-msg{pointer-events:none;cursor:default;display:grid;gap:.4rem}.mail-sk-msg:hover{background:transparent}.mail-sk-line{height:.7rem;margin:0}.mail-sk-from{width:42%}.mail-sk-subj{width:72%;height:.8rem}.mail-sk-snip{width:88%}.mail-sk-time{width:28%;height:.55rem;justify-self:end}.mail-sk-pane{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;padding:1.5rem 1.25rem;text-align:left}.mail-sk-pane-line{height:.85rem;width:55%}.mail-sk-pane-wide{width:70%;height:1.1rem}.mail-sk-pane-mid{width:40%}.mail-sk-pane-block{margin-top:.75rem;height:8rem;width:100%;max-width:36rem}.mail-read-body .mail-sk-pane{padding:.25rem 0 0}.mail-layout.is-syncing #btn-refresh{opacity:.55}
