/* Shared by the standalone sign-in page and the dashboard navbar. */
.dcc-language { position:relative; list-style:none; flex-shrink:0; }
.dcc-language .dcc-language-toggle {
    appearance:none; display:inline-flex; align-items:center; justify-content:center;
    gap:10px; min-height:44px; height:auto; padding:7px 14px 7px 9px;
    border:1px solid var(--brand-soft); border-radius:14px; background:#fff;
    color:#243e50; font:inherit; font-size:14px; font-weight:500; line-height:1.4;
    cursor:pointer; box-shadow:0 2px 6px rgba(var(--brand-rgb), .03);
    white-space:nowrap; transition:border-color .15s,background-color .15s;
}
.dcc-language .dcc-language-globe {
    display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px; flex-shrink:0; border-radius:9px;
    color:var(--brand); background:var(--brand-soft); font-size:15px;
}
.dcc-language .dcc-language-current { line-height:1.4; }
.dcc-language .dcc-language-chevron { margin-left:5px; font-size:10px; color:#6a7f8d; }
.dcc-language .dcc-language-toggle:hover,
.dcc-language .dcc-language-toggle[aria-expanded="true"] { background:var(--brand-soft); border-color:var(--brand); color:var(--brand); }
.dcc-language .dcc-language-toggle:focus-visible,
.dcc-language .dcc-language-option:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
.dcc-language .dcc-language-menu {
    display:none; position:absolute; top:100%; right:0; left:auto; z-index:1050;
    float:none; width:232px; min-width:0; max-width:calc(100vw - 32px);
    margin:10px 0 0; padding:8px; border:1px solid var(--brand-soft); border-radius:16px;
    background:#fff; box-shadow:0 12px 34px rgba(22,47,62,.13); color:#243e50;
}
.dcc-language .dcc-language-menu.show { display:block; }
.dcc-language-heading { margin:0; padding:8px 10px 12px; font-size:12px; font-weight:600; color:#667a88; line-height:1.5; }
.dcc-language-menu form { margin:0; }
.dcc-language .dcc-language-option {
    appearance:none; display:flex; align-items:center; gap:12px; width:100%; min-height:46px;
    padding:9px 10px; margin:2px 0; border:0; border-radius:10px; background:transparent;
    color:#243e50; text-align:left; white-space:normal; font:inherit; font-size:14px;
    line-height:1.4; cursor:pointer;
}
.dcc-language .dcc-language-option:hover,
.dcc-language .dcc-language-option:focus { background:var(--brand-soft); color:var(--brand); }
.dcc-language .dcc-language-option.is-current { color:var(--brand); background:var(--brand-soft); opacity:1; cursor:default; }
.dcc-language-code { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:32px; height:28px; border:1px solid var(--brand-soft); border-radius:7px; background:#fff; font-size:11px; font-weight:600; }
.dcc-language-name { flex:1; }
.dcc-language-check { color:var(--brand); font-size:12px; }
.login-topbar { position:relative; z-index:20; }
.login-topbar > .navbar-nav { list-style:none; margin:0; padding:0; flex-shrink:0; }
@media (max-width:600px) {
    .login-topbar { flex-wrap:wrap; gap:14px; }
    .login-topbar > .navbar-nav { margin-left:auto; }
    .dcc-language .dcc-language-toggle { gap:8px; padding-right:10px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
    .dcc-language .dcc-language-toggle { transition:none; }
}