.mail-compose{display:flex;flex-direction:column;gap:.75rem}.mail-compose-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mail-compose-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.mail-compose-field>span{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--theme-text-muted,#64748b)}.mail-compose-ccbcc{border:0;background:transparent;font-size:.72rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--csys-accent,#2563eb);cursor:pointer}.mail-compose-empty{margin:0;font-size:.9rem;color:var(--theme-text-muted,#64748b)}.mail-recip{position:relative}.mail-recip-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;margin:0;padding:4px;list-style:none;max-height:260px;overflow-y:auto;background:var(--theme-surface,#fff);border:1px solid var(--theme-border,#e2e8f0);border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.14)}.mail-recip-opt{display:flex;flex-direction:column;gap:.1rem;width:100%;padding:.4rem .6rem;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer;transition:background var(--mode-transition)}.mail-recip-opt.is-active{background:color-mix(in oklab,var(--csys-accent,#2563eb) 12%,transparent)}.mail-recip-name{font-size:.85rem;font-weight:600;color:var(--theme-text,#0f172a)}.mail-recip-email{font-size:.78rem;color:var(--theme-text-muted,#64748b)}.mail-compose-error{padding:.55rem .75rem;font-size:.8rem;color:#b91c1c;background:color-mix(in oklab,#dc2626 10%,transparent);border-radius:8px}.mail-compose-files{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.mail-compose-file{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.78rem;background:var(--theme-surface-2,#f1f5f9);border:1px solid var(--theme-border,#e2e8f0);border-radius:8px}.mail-compose-file button,.mail-compose-file-size{color:var(--theme-text-muted,#94a3b8)}.mail-compose-file button{display:inline-flex;border:0;background:transparent;cursor:pointer}.mail-compose-file button:hover{color:#dc2626}.mail-compose-total{font-size:.75rem;color:var(--theme-text-muted,#94a3b8)}.mail-compose-total.is-over{color:#dc2626;font-weight:700}.mail-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.mail-compose-foot-left,.mail-compose-foot-right{display:flex;align-items:center;gap:.6rem}.mail-compose-fileinput{display:none}.mail-compose-saved{font-size:.75rem;color:var(--theme-text-muted,#94a3b8)}.mail-compose-attach,.mail-compose-discard,.mail-compose-send{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--mode-transition)}.mail-compose-attach,.mail-compose-discard{border:1px solid var(--theme-border,#e2e8f0);background:transparent;color:var(--theme-text,#0f172a)}.mail-compose-attach:hover{border-color:var(--csys-accent,#2563eb);color:var(--csys-accent,#2563eb)}.mail-compose-discard:hover{border-color:#dc2626;color:#dc2626}.mail-compose-send{border:1px solid transparent;background:var(--csys-accent,#2563eb);color:#fff}.mail-compose-discard:disabled,.mail-compose-send:disabled{opacity:.55;cursor:not-allowed}.mail-rte{border:1px solid var(--theme-border,#e2e8f0);border-radius:10px;overflow:hidden;background:var(--theme-surface,#fff);transition:var(--mode-transition)}.mail-rte.is-dragover{border-color:var(--csys-accent,#2563eb);box-shadow:0 0 0 3px color-mix(in oklab,var(--csys-accent,#2563eb) 18%,transparent)}.mail-rte-toolbar{display:flex;align-items:center;gap:.15rem;padding:.35rem .5rem;border-bottom:1px solid var(--theme-border,#e2e8f0);background:var(--theme-surface-2,#f8fafc);flex-wrap:wrap}.mail-rte-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--theme-text-muted,#64748b);cursor:pointer;transition:var(--mode-transition)}.mail-rte-btn:hover{background:color-mix(in oklab,var(--csys-accent,#2563eb) 12%,transparent);color:var(--csys-accent,#2563eb)}.mail-rte-sep{width:1px;height:18px;margin:0 .25rem;background:var(--theme-border,#e2e8f0)}.mail-rte-linkbar{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;border-bottom:1px solid var(--theme-border,#e2e8f0);background:var(--theme-surface,#fff)}.mail-rte-linkbar .ud-input{flex:1}.mail-rte-linkgo{padding:.4rem .7rem;font-size:.8rem;font-weight:600;color:#fff;background:var(--csys-accent,#2563eb);border:0;border-radius:6px;cursor:pointer}.mail-rte-linkerr{font-size:.75rem;color:#dc2626}.mail-rte-body{min-height:240px;max-height:46vh;overflow-y:auto;padding:.85rem 1rem;font-size:.92rem;line-height:1.6;color:var(--theme-text,#0f172a);outline:none}.mail-rte-body:focus-visible{outline:none}.mail-rte-body blockquote{margin:0 0 0 .25rem;padding-left:.75rem;border-left:3px solid var(--theme-border,#d4d4d8);color:var(--theme-text-muted,#52525b)}.mail-rte-body a{color:var(--csys-accent,#2563eb)}@media (max-width:720px){.mail-compose-row{grid-template-columns:1fr}.mail-compose-foot{flex-direction:column;align-items:stretch}}