/* True-black flat app direction, with the existing Helpline palette retained. */
:root:not([data-theme="light"]) { --ground:#000; --surface:#111; --surface-alt:#1c1e1c; --line:#242624; --line-strong:#393c39; --tab-active:transparent }
:root:not([data-theme="light"]) .btn-primary:not(.btn-call) { background:var(--ink); color:var(--button-ink); border-radius:999px }
:root:not([data-theme="light"]) .btn-primary:not(.btn-call):hover:not(:disabled) { background:#dce2dd }
.tab-btn.active,.advanced-toggle.active { border-bottom-color:transparent }
.management-tabs .tab-btn { border-bottom-color:transparent }
.management-tabs .tab-btn.active { color:var(--ink); font-weight:600 }
.password-rule { color:var(--muted); font-size:12px }
@media(max-width:520px) {
  .top-nav {
    display:grid; grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand settings" "switch save";
    row-gap:6px; padding:8px 16px; min-height:0
  }
  .nav-left,.nav-right { display:contents }
  .brand { grid-area:brand }
  .site-navigation-link { grid-area:switch; justify-self:start; padding-left:0 }
  .save-actions { grid-area:save; justify-self:end }
  .settings-menu { grid-area:settings; justify-self:end }
  .save-status { grid-column:auto; grid-row:auto; justify-self:auto; padding:0; max-width:110px }
  #btnDeploy { grid-column:auto; grid-row:auto }
}

/* Keep the auth overrides after the shared page styles above. */
body.auth-page { display:block; place-items:initial; padding:6px }
.auth-form { gap:16px }
.auth-intro { font-size:13px; line-height:1.55 }
@media(max-width:760px) {
  body.auth-page { padding:0 }
  .auth-shell { min-height:100vh; min-height:100dvh; grid-template-columns:minmax(0,1fr); gap:0 }
  .auth-media { display:none }
  .auth-panel {
    min-height:100vh;
    min-height:100dvh;
    grid-template-rows:52px minmax(0,1fr) 42px;
    padding:18px 24px 16px
  }
  .auth-content { gap:24px; padding-block:24px }
}
@media(max-width:420px) {
  .auth-panel { padding-inline:20px }
  .auth-heading h1 { font-size:28px }
}