.mailserver-account { cursor:pointer; border:0; padding:0; overflow:hidden; flex-shrink:0; }
.mailserver-account img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.mailserver-account:focus-visible { outline:2px solid #e6b900; outline-offset:3px; }
.mailserver-profile-dialog { box-sizing:border-box; width:390px; min-width:280px; min-height:400px; max-width:calc(100vw - 24px); max-height:calc(100vh - 24px); overflow:auto; resize:both; margin:0; border:0; border-radius:18px; padding:24px; color:#25282e; background:#fff; box-shadow:0 16px 64px #0003; font:14px/1.5 Arial,Helvetica,sans-serif; }
.mailserver-profile-dialog::backdrop { background:#19212c45; }
.mailserver-profile-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:20px; line-height:1.3; }
.mailserver-profile-dialog header strong { min-width:0; overflow-wrap:anywhere; font-weight:600; }
.mailserver-profile-dialog button { min-height:40px; border:0; border-radius:8px; padding:9px 12px; background:#f0f1f3; color:#25282e; cursor:pointer; font:inherit; }
.mailserver-profile-dialog button:focus-visible,.mailserver-profile-file:focus-visible { outline:2px solid #8b6c00; outline-offset:3px; }
.mailserver-profile-dialog button:disabled { opacity:.5; cursor:default; }
.mailserver-profile-dialog .mailserver-profile-close { flex:0 0 40px; width:40px; height:40px; padding:0; background:transparent; font-size:25px; line-height:1; }
.mailserver-profile-dialog .mailserver-profile-close:hover { background:#f0f1f3; }
.mailserver-profile-email { color:#626b78; overflow-wrap:anywhere; margin:10px 0 20px; }
.mailserver-profile-preview { display:flex; align-items:center; justify-content:center; width:128px; height:128px; background:#ffe37b; border-radius:50%; overflow:hidden; margin:0 auto 20px; font-size:40px; }
.mailserver-profile-preview img { object-fit:cover; }
.mailserver-profile-preview [hidden] { display:none!important; }
.mailserver-profile-file { display:block; box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:42px; color:#626b78; font:13px/1.5 Arial,Helvetica,sans-serif; }
.mailserver-profile-file::file-selector-button { min-height:40px; margin:0 10px 0 0; padding:8px 12px; border:1px solid #d7dce3; border-radius:8px; background:#f4f5f7; color:#25282e; font:14px/1.5 Arial,Helvetica,sans-serif; cursor:pointer; }
.mailserver-profile-file::file-selector-button:hover { background:#eceef1; }
.mailserver-profile-help,.mailserver-profile-status { font-size:13px; line-height:1.5; color:#626b78; margin-top:12px; }
.mailserver-profile-status { min-height:24px; color:#3d5f45; }
.mailserver-profile-dialog footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:18px; }
.mailserver-profile-dialog footer button { flex:1 1 120px; min-width:0; white-space:normal; overflow-wrap:anywhere; }
.mailserver-profile-dialog .mailserver-profile-save { background:#ffdb4d; font-weight:600; }
@media(max-width:400px) { .mailserver-profile-dialog { padding:18px; border-radius:14px; } }