/* TwinDesk: approved v2 mark and site palette. Keep upstream component semantics. */
:root, html[data-bs-theme="dark"] {
    --rd-accent: #246bd1;
    --rd-accent-rgb: 36, 107, 209;
    --rd-accent-soft: rgba(57, 137, 255, .15);
    --rd-accent-ink: #63b9ff;
    --rd-accent-hover: #1b58b0;
    --rd-shell-accent: #63b9ff;
    --rd-shell-accent-soft: rgba(57, 137, 255, .15);
    --bs-font-sans-serif: "Segoe UI", Arial, sans-serif;
}
html[data-bs-theme="light"] {
    --rd-accent: #246bd1;
    --rd-accent-rgb: 36, 107, 209;
    --rd-accent-soft: rgba(36, 107, 209, .1);
    --rd-accent-ink: #185aa9;
    --rd-accent-hover: #1b58b0;
    --rd-shell-accent: #185aa9;
    --rd-shell-accent-soft: rgba(36, 107, 209, .1);
}
.rd-auth-brand-logo { filter: drop-shadow(0 6px 16px rgba(57, 137, 255, .3)); }
body.rd-auth-bg::before { background: radial-gradient(ellipse at 30% 10%, #163c62, #020407 75%); }
.td-wordmark { width: 144px; height: auto; object-fit: contain; }
.rd-auth-brand .td-wordmark { width: 190px; }
.rd-logo-lg { display: flex; align-items: center; gap: 9px; }
.td-language { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--rd-border-strong); border-radius: 8px; margin: 0 8px 0 0; }
.td-language button { border: 0; border-radius: 5px; background: transparent; color: var(--rd-ink-muted); padding: 5px 7px; font-size: 12px; font-weight: 600; }
.td-language button[aria-pressed="true"] { background: var(--rd-accent-soft); color: var(--rd-accent-ink); }
.td-language button:focus-visible { outline: 2px solid var(--rd-accent-ink); outline-offset: 2px; }
.rd-footer { height: auto; min-height: var(--rd-footer-height); }
@media (max-width: 480px) { .td-language { margin-right: 0; } .td-language button { padding: 6px; } }

/* Override upstream's 40px height and block layout without distorting the artwork. */
.rd-sidebar-logo .rd-logo-lg { display: flex; align-items: center; gap: 9px; min-height: var(--rd-topbar-height); line-height: normal; }
.rd-sidebar-logo .rd-logo-lg img { flex: 0 0 auto; width: 32px; height: 32px; object-fit: contain; }
.rd-sidebar-logo .rd-logo-lg img.td-wordmark { width: 144px; height: auto; object-fit: contain; }
.rd-sidebar-logo .rd-logo-sm img { width: 32px; height: 32px; object-fit: contain; }