.mail-workspace{min-width:0}.mail-card{background:var(--surface,#fff);border:1px solid var(--border,#dfe5ee);border-radius:20px;padding:24px}.mail-create{max-width:680px;margin:12px auto}.mail-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#eaf0ff;color:#2458df;font-size:32px;font-weight:700}.mail-create h2{margin:20px 0 10px}.mail-create form{margin-top:28px}.mail-create label{display:block;font-weight:600;margin-bottom:10px}.mail-address-input{display:flex;border:1px solid var(--border,#dfe5ee);border-radius:12px;overflow:hidden;align-items:center}.mail-address-input input{width:100%;min-width:60px;border:0!important;background:transparent;color:inherit;padding:14px!important}.mail-address-input span{padding:14px;background:var(--surface-soft,#f4f6fa);white-space:nowrap}.mail-hint,.mail-account-address{font-size:13px;overflow-wrap:anywhere}.mail-hint{margin:10px 0 24px}.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.mail-toolbar h2{font-size:22px;overflow-wrap:anywhere;margin:0 0 6px}.mail-toolbar p{margin:0;font-size:13px}.mail-storage{min-width:220px}.mail-storage-label{display:flex;justify-content:space-between;gap:18px;font-size:12px;margin-bottom:8px}.mail-storage progress{width:100%;height:8px;accent-color:#2857e7}.mail-actions{display:flex;gap:12px;margin:16px 0}.mail-frame{display:block;border:1px solid var(--border,#dfe5ee);border-radius:16px;width:100%;height:calc(100vh - 190px);min-height:640px;background:white}.mail-notice:empty{display:none}.mail-notice{color:#a72b2b}.mail-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mail-card-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.mail-card-heading h3{font-size:17px;margin:0;overflow-wrap:anywhere}.mail-status{font-size:12px;background:var(--surface-soft,#f4f6fa);border-radius:20px;padding:4px 10px}.mail-owner{margin-bottom:0}.mail-admin-grid .mail-storage{margin:20px 0}.mail-admin-intro{margin-bottom:20px}html[data-theme=dark] .mail-card,body.dark .mail-card{background:#191b20;border-color:#333844}html[data-theme=dark] .mail-address-input span,html[data-theme=dark] .mail-status{background:#262b34}@media(max-width:900px){.mail-toolbar{align-items:stretch;flex-direction:column}.mail-admin-grid{grid-template-columns:1fr}.mail-frame{min-height:650px}.mail-card{padding:18px}}@media(max-width:420px){.mail-address-input{flex-wrap:wrap}.mail-address-input span{width:100%;padding:8px 14px}.mail-toolbar h2{font-size:18px}.mail-storage{min-width:0}}

.mail-storage progress{display:block;border:0;border-radius:8px;overflow:hidden;background:var(--soft,#e9edf3)}.mail-storage progress::-webkit-progress-bar{background:var(--soft,#e9edf3);border-radius:8px}.mail-storage progress::-webkit-progress-value{background:#2857e7;border-radius:8px}.mail-storage progress::-moz-progress-bar{background:#2857e7;border-radius:8px}.mail-frame[hidden]{display:none}.mail-frame:fullscreen{height:100vh;border:0;border-radius:0}