.matrix-mail-accounts{min-width:0;padding:12px;border:1px solid #d9e3f0;border-radius:6px;background:#fff;color:#172554;font-size:12px}.matrix-mail-accounts header,.mail-account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.matrix-mail-accounts header{justify-content:space-between;margin-bottom:10px}.matrix-mail-accounts h2{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.matrix-mail-accounts h3{font-size:13px;font-weight:700;margin-bottom:8px}.matrix-mail-accounts p{margin:6px 0;color:#52627c;overflow-wrap:anywhere}.matrix-mail-accounts svg{width:14px;height:14px;flex-shrink:0}.matrix-mail-accounts button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:4px 9px;border:1px solid #bacce7;border-radius:5px;background:#fff;color:#1d4ed8;font-size:12px;white-space:normal}.matrix-mail-accounts button:disabled{opacity:.5;cursor:not-allowed}.matrix-mail-accounts button:focus-visible,.matrix-mail-accounts input:focus-visible,.matrix-mail-accounts select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.matrix-mail-accounts .mail-account-primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.mail-account-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px}.mail-account-list article{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:10px;border:1px solid #dbe5f1;border-radius:5px;background:#f8fbff;min-width:0}.mail-account-identity{display:flex;align-items:flex-start;gap:7px;min-width:0}.mail-account-identity strong{display:block;overflow-wrap:anywhere}.mail-account-identity span{color:#64748b;font-size:11px;overflow-wrap:anywhere}.mail-account-status{border-radius:4px;padding:2px 6px;color:#92400e;background:#fef3c7;font-size:11px}.mail-account-status.connected,.matrix-mail-accounts .mail-account-success{color:#166534;background:#ecfdf5}.mail-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.mail-account-fields label{display:grid;align-content:start;gap:4px;font-weight:600}.mail-account-fields label span{color:#64748b;font-size:11px;font-weight:400}.mail-account-fields input,.mail-account-fields select{width:100%;min-width:0;min-height:28px;border:1px solid #b9c8de;border-radius:4px;padding:4px 7px;background:#fff;font-size:12px;color:#172554}.mail-account-error,.mail-account-success{padding:8px;border-radius:4px;margin:8px 0}.mail-account-error{color:#991b1b;background:#fff1f2}.mail-account-error button{margin-left:8px}.matrix-mail-accounts .mail-account-footnote{margin-top:10px;font-size:11px}@media(max-width:600px){.mail-account-fields{grid-template-columns:minmax(0,1fr)}.matrix-mail-accounts input,.matrix-mail-accounts select{min-height:40px;font-size:16px}.matrix-mail-accounts button{min-height:40px}.mail-account-actions{width:100%}.mail-account-actions button{flex:1 1 auto}}