/* We removed the template's sidenav: claim back the space it reserves.
   !important because skin/sidenav-size variants re-set these margins with
   higher-specificity selectors. */
html .content-page,
html .app-topbar { margin-inline-start: 0 !important; }
html .content-page { min-height: calc(100vh - var(--theme-topbar-height)) !important; }

/* The template only shows the topbar brand on mobile (the sidenav carries it
   on desktop). With no sidenav, show it at every width. */
.app-topbar .logo-topbar { display: flex !important; align-items: center; }

/* Lift muted text a little in dark mode; the template default reads dim. */
[data-bs-theme="dark"] { --theme-secondary-color: #9aa8ba; }

.brand-logo { width: auto; }
/* The logo art is dark-on-transparent; render it as a white silhouette on dark themes. */
[data-bs-theme="dark"] .brand-logo { filter: brightness(0) invert(1); }

/* Emails are authored for white paper: keep the sheet white in every theme. */
.email-body-frame { width: 100%; border: 0; min-height: 300px; background: #fff; border-radius: 6px; }
.otp-badge { font-size: 0.9rem; letter-spacing: 2px; cursor: pointer; }
.inbox-row-unread .inbox-subject { font-weight: 700; }