#mailguard-account-bar {
    flex: 0 0 auto;
    padding: .65rem .8rem;
    border-bottom: 1px solid rgba(128,128,128,.35);
    background: rgba(128,128,128,.08);
}
#mailguard-account-bar label {
    display: block;
    margin: 0 0 .3rem;
    font-size: .9rem;
    font-weight: 600;
}
#mailguard-account-bar #ident-switch-wrapper { display: block; width: 100%; }
#mailguard-account-bar #plugin-ident_switch-account {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    min-height: 2.4rem;
    padding: .4rem 1.6rem .4rem .5rem !important;
    border: 1px solid #74828b !important;
    border-radius: .3rem;
    font-size: .95rem;
    color: inherit !important;
    background-color: transparent !important;
    box-shadow: none;
}
#mailguard-account-bar option { color: #212529; background: #fff; }
.mailguard-login-language {
    margin: 1rem 0;
    padding: 8px;
    border-radius: 4px;
    color: inherit;
    background: rgba(128,128,128,.12);
    border: 1px solid rgba(128,128,128,.3);
    text-align: left;
}
.mailguard-login-language label {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    float: none !important;
    color: inherit !important;
    margin-bottom: .3rem;
}
/* Twemoji Country Flags, CC BY 4.0; attribution in fonts/LICENSE.md. */
@font-face {
    font-family: 'MailGuard Country Flags';
    src: url('fonts/TwemojiCountryFlags.woff2') format('woff2');
    font-display: swap;
    unicode-range: U+1F1E6-1F1FF;
}
#mailguard-login-language, #mailguard-login-language option {
    font-family: 'MailGuard Country Flags', Arial, sans-serif !important;
}
#mailguard-account-bar.mailguard-account-legacy {
    position: absolute;
    left: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: .75rem;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #98a4ad;
    border-radius: 4px;
    background: #eef3f6;
    color: #253746;
    z-index: 10;
}
#mailguard-account-bar.mailguard-account-legacy label {
    display: inline-block;
    margin: 0;
    font-size: 13px;
    white-space: nowrap;
}
#mailguard-account-bar.mailguard-account-legacy #ident-switch-wrapper {
    display: inline-block;
    width: 320px;
    max-width: calc(100% - 130px);
}
#mailguard-account-bar.mailguard-account-legacy #plugin-ident_switch-account {
    min-height: 28px;
    font-size: 13px;
    background: #fff !important;
    padding: 4px 24px 4px 8px !important;
}
.mailguard-login-language select { min-height: 32px; width: 100%; box-sizing: border-box; }
@media (max-width: 480px) {
    #mailguard-account-bar { padding: .5rem .65rem; }
}

/* Keep automatic row focus quiet for pointer users; keyboard focus stays visible.
   Do not touch selected rows, unread weight, or Roundcube's actual focus state. */
html.mailguard-pointer-focus #messagelist tr.focused:not(.selected) > td:first-child,
html.mailguard-pointer-focus #messagelist tr.focused:not(.selected) > td.selection + td {
    border-left-color: transparent !important;
}

/* Password visibility is a local presentation control, never a form submit. */
.mailguard-password-wrap { position: relative; min-width: 0; width: 100%; }
.input-group > .mailguard-password-wrap { flex: 1 1 0%; width: 1%; }
.mailguard-password-wrap input { width: 100% !important; box-sizing: border-box; padding-right: 48px !important; min-height: 42px; margin: 0 !important; }
#mailguard-password-eye {
    position: absolute; right: 2px; top: 50%; transform: translateY(-50%);
    display: flex; align-items: center; justify-content: center;
    width: 40px; min-width: 40px; height: 34px; padding: 5px; margin: 0;
    background: #303b40; color: #e2e7e9; border: 1px solid #75848b;
    border-radius: 4px; cursor: pointer; line-height: 1;
}
#mailguard-password-eye:focus-visible { outline: 2px solid #25a6db; outline-offset: 2px; }