
.mail-tools{display:flex;align-items:center;justify-content:center;gap:16px;margin-inline:auto;min-width:0}.mail-tools[hidden]{display:none}.mail-tools>button{border:0;background:none;color:var(--muted);font:inherit;font-weight:700;padding:8px 0;cursor:pointer;white-space:nowrap}.mail-tools>button:hover,.mail-tools>button[aria-expanded=true]{color:var(--mint)}
.mail-tool-popup{position:fixed;z-index:1300;width:340px;max-width:calc(100vw - 16px);max-height:min(70dvh,650px);overflow:auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 16px 40px #0003;color:var(--text);padding:16px}.mail-tool-popup[hidden]{display:none}.mail-tool-popup h2{margin:0 0 16px;font-size:18px}.mail-tool-popup .tool-choice{width:100%;display:block;text-align:left;overflow-wrap:anywhere;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;padding:12px 8px;cursor:pointer}.mail-tool-popup .tool-choice.active{color:var(--mint);font-weight:bold}.mail-tool-popup .tool-choice:hover{background:var(--bg)}.mail-tool-popup form{margin-top:14px}.mail-tool-popup label{display:block;margin:8px 0}.mail-tool-popup input{box-sizing:border-box;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;padding:10px}.mail-tool-popup .tool-address{display:flex;align-items:center;gap:4px}.mail-tool-popup .tool-address input{min-width:0}.mail-tool-popup .tool-address span{white-space:nowrap;font-size:12px}.mail-tool-popup .button{margin:12px 6px 0 0}.mail-tool-popup .tool-status{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.mail-tool-popup .tool-status.error{color:var(--danger,#ff6e7a)}.mail-tool-popup .forward-destination{display:block;font-size:12px;color:var(--muted);padding-top:4px;overflow-wrap:anywhere}.mail-tool-popup .tool-create{color:var(--mint)}
@media(max-width:760px){.mail-tools{gap:10px}.mail-tools>button{font-size:11px}#main-nav:has(.mail-tools:not([hidden])){column-gap:8px}.mail-tools>button{white-space:normal}.mail-tools{flex:1}.mail-tool-popup{padding:12px}}

.mailbox-dialog-overlay{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:16px;background:#03090bba;backdrop-filter:blur(8px);box-sizing:border-box}
.mailbox-dialog-overlay[hidden]{display:none!important}
.mailbox-dialog-overlay .mailbox-dialog{position:relative;left:auto;top:auto;width:min(440px,100%);max-width:100%;max-height:100%;padding:32px 22px 20px}
.mailbox-dialog-close{position:absolute;top:6px;right:12px;background:none;border:0;color:var(--muted);font:26px Arial;cursor:pointer}
.mail-tool-popup select{box-sizing:border-box;width:100%;max-width:100%;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit}
.mailbox-loading-card{text-align:center;color:var(--text)}.mailbox-loading-card h2{font-size:24px;margin:0 0 14px}.mailbox-loading-card p{font-size:13px;margin:4px 0;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:760px){#mailbox-create-dialog{top:var(--mail-create-top,0px);bottom:auto;height:var(--mail-create-height,100dvh);padding:8px}.mailbox-dialog-overlay .mailbox-dialog{padding:30px 14px 12px}.mailbox-dialog input{font-size:16px}.mailbox-dialog .tool-address{flex-wrap:wrap}}

@media(max-width:760px){#forwarding-add-dialog{top:var(--mail-create-top,0px);bottom:auto;height:var(--mail-create-height,100dvh);padding:8px}}
