/* Generated by scripts/build-portal-dark.cjs. Dark-only link media is account-controlled. */
/* Anonymous sign-in only: account-selected Dashboard/profile appearance is not overridden. */

  :root { --sso-loading-bg: var(--pg-dark-page); }

  .sso-auth {
    --sso-ink: var(--pg-dark-text);
    --sso-secondary: var(--pg-dark-secondary);
    --sso-muted: var(--pg-dark-muted);
    --sso-border: var(--pg-dark-border-strong);
    --sso-divider: var(--pg-dark-border);
    --sso-primary-bg: var(--pg-dark-action);
    --sso-on-primary: var(--pg-dark-on-action);
    --sso-primary-shadow: 0 .25rem .75rem rgb(0 0 0 / 20%);
    --sso-secondary-bg: var(--pg-dark-raised);
    --sso-link: var(--pg-dark-action);
    --sso-danger: var(--pg-dark-danger);
    --sso-danger-bg: var(--pg-dark-danger-bg);
    --sso-success: var(--pg-dark-success);
    --sso-success-bg: var(--pg-dark-success-bg);
    --sso-info: var(--pg-dark-info);
    --sso-info-bg: var(--pg-dark-info-bg);
    color-scheme: dark;
    color: var(--pg-dark-text);
  }

  .sso-auth.sso-root { background: var(--pg-dark-page) !important; }
  .sso-auth :is(.sso-card, .sso-right, .sso-left, .sso-mobile-header) {
    background: var(--pg-dark-surface) !important;
  }
  .sso-auth :is(.sso-app-tile, .sso-mobile-icon) {
    background: var(--pg-dark-raised) !important;
    border-color: var(--pg-dark-border) !important;
    box-shadow: none !important;
  }
  .sso-auth :is(.sso-tile-label, .sso-branding p, .sso-mobile-header > p) {
    color: var(--pg-dark-muted) !important;
  }
  .sso-auth .sso-login-title h2 { color: var(--pg-dark-text) !important; }
  .sso-auth :is(.sso-login-title p, .sso-session-help) { color: var(--pg-dark-muted) !important; }
  .sso-auth .sso-right label { color: var(--pg-dark-secondary) !important; }
  .sso-auth .sso-right label span { color: var(--pg-dark-muted) !important; }
  .sso-auth [data-testid="passkey-signin"] > span { color: var(--pg-dark-secondary) !important; }
  .sso-auth .sso-right > div > span { color: var(--pg-dark-muted) !important; }

  .sso-auth input:not([type="checkbox"]):not([type="radio"]) {
    background: var(--pg-dark-raised) !important;
    color: var(--pg-dark-text) !important;
    border-color: var(--pg-dark-border-strong) !important;
    caret-color: var(--pg-dark-focus);
  }
  .sso-auth input::placeholder { color: var(--pg-dark-muted); opacity: 1; }
  .sso-auth input:is([type="checkbox"], [type="radio"]) { accent-color: var(--pg-dark-action) !important; }
  .sso-auth :focus-visible { outline: .125rem solid var(--pg-dark-focus) !important; outline-offset: .125rem; }

  .sso-auth .sso-submit-btn {
    background: var(--pg-dark-action) !important;
    color: var(--pg-dark-on-action) !important;
    box-shadow: var(--sso-primary-shadow) !important;
  }
  .sso-auth .sso-submit-btn:hover:not(:disabled),
  .sso-auth :is(a, button)[style*="--sso-primary-bg"]:hover:not(:disabled) {
    background: var(--pg-dark-action-hover) !important;
    color: var(--pg-dark-on-action) !important;
    box-shadow: var(--sso-primary-shadow) !important;
  }
  .sso-auth .sso-right button:not([style*="--sso-"]):not(.sso-submit-btn) { color: var(--pg-dark-text) !important; }
  .sso-auth .sso-right a:not([style*="--sso-primary-bg"]):not([data-testid^="provider-"]) { color: var(--pg-dark-action) !important; }

  .sso-auth .sso-right [role="alert"] {
    background: var(--pg-dark-danger-bg) !important;
    color: var(--pg-dark-danger) !important;
    border-color: var(--pg-dark-danger) !important;
  }
  .sso-auth :is(.sso-status-pill, .sso-link-sent) {
    background: var(--pg-dark-success-bg) !important;
    color: var(--pg-dark-success) !important;
    border-color: var(--pg-dark-success) !important;
  }
  .sso-auth .sso-link-sent :is(h3, p) { color: var(--pg-dark-success) !important; }
  .sso-auth [data-testid="recovery-codes"] {
    background: var(--pg-dark-raised) !important;
    color: var(--pg-dark-text) !important;
    border-color: var(--pg-dark-border) !important;
  }
  .sso-auth [data-testid="totp-key"] { color: var(--pg-dark-text) !important; }
  .sso-auth ::selection { background: var(--pg-dark-selection); color: var(--pg-dark-text); }
  .sso-auth * { scrollbar-color: var(--pg-dark-border-strong) transparent; }

/* Account dark chrome only. Light keeps the original inline and utility styles. */

  :root { --sso-loading-bg: var(--pg-dark-page); color-scheme: dark; }
  :root :is(.sso-root, [data-approvals-root]) {
    --sso-ink: var(--pg-dark-text);
    --sso-secondary: var(--pg-dark-secondary);
    --sso-muted: var(--pg-dark-muted);
    --sso-border: var(--pg-dark-border-strong);
    --sso-divider: var(--pg-dark-border);
    --sso-primary-bg: var(--pg-dark-action);
    --sso-on-primary: var(--pg-dark-on-action);
    --sso-secondary-bg: var(--pg-dark-raised);
    --sso-selected-bg: var(--pg-dark-active);
    --sso-link: var(--pg-dark-action);
    --sso-diff-add: var(--pg-dark-success-bg);
    --sso-diff-del: var(--pg-dark-danger-bg);
    --sso-diff-ctx: var(--pg-dark-surface);
    --sso-diff-num: var(--pg-dark-raised);
    --sso-diff-add-word: var(--pg-dark-active);
    --sso-diff-del-word: var(--pg-dark-active);
    --sso-diff-fold: var(--pg-dark-info-bg);
    color: var(--pg-dark-text);
    background: var(--pg-dark-page) !important;
  }
  :root .sso-root :is(.sso-card, .sso-right, .sso-left, .sso-mobile-header) { background: var(--pg-dark-surface) !important; }
  :root .sso-root :is(.sso-app-tile, .sso-mobile-icon) { background: var(--pg-dark-raised) !important; border-color: var(--pg-dark-border) !important; box-shadow: none !important; }
  :root .sso-auth :is(label, label span, .sso-right > div > span, .sso-right button:not(.sso-submit-btn)) { color: var(--pg-dark-secondary) !important; }
  :root .sso-root :is(h1, h2, h3) { color: var(--pg-dark-text) !important; }
  :root .sso-root :is(.sso-tile-label, .sso-branding p, .sso-session-help) { color: var(--pg-dark-muted) !important; }
  :root .sso-root a:not([href^="https://"]) { color: var(--pg-dark-action) !important; }
  :root .sso-root :is(input:not([type="checkbox"]):not([type="radio"]), [data-testid="recovery-codes"]) { background: var(--pg-dark-raised) !important; color: var(--pg-dark-text) !important; border-color: var(--pg-dark-border-strong) !important; }
  :root .sso-root :is(.sso-submit-btn, [style*="--sso-primary-bg"]) { background: var(--pg-dark-action) !important; color: var(--pg-dark-on-action) !important; box-shadow: none !important; }
  :root .sso-root .sso-submit-btn:hover:not(:disabled) { background: var(--pg-dark-action-hover) !important; box-shadow: none !important; }
  :root .sso-root :is(.sso-status-pill, .sso-link-sent) { background: var(--pg-dark-success-bg) !important; color: var(--pg-dark-success) !important; border-color: var(--pg-dark-success) !important; }
  :root .sso-root [role="alert"] { background: var(--pg-dark-danger-bg) !important; color: var(--pg-dark-danger) !important; border-color: var(--pg-dark-danger) !important; }
  :root [data-approvals-root] :is(.bg-gray-50, .bg-gray-100) { background: var(--pg-dark-page) !important; }
  :root [data-approvals-root] .bg-white { background: var(--pg-dark-surface) !important; }
  :root [data-approvals-root] :is(.border-gray-100, .border-gray-200, .border-gray-300) { border-color: var(--pg-dark-border) !important; }
  :root [data-approvals-root] :is(.text-gray-900, .text-gray-800) { color: var(--pg-dark-text) !important; }
  :root [data-approvals-root] :is(.text-gray-700, .text-gray-600) { color: var(--pg-dark-secondary) !important; }
  :root [data-approvals-root] :is(.text-gray-500, .text-gray-400) { color: var(--pg-dark-muted) !important; }
  :root [data-approvals-root] :is(.text-blue-600, .text-blue-700, .text-blue-800) { color: var(--pg-dark-action) !important; }
  :root [data-approvals-root] .bg-gray-900 { background: var(--pg-dark-active) !important; color: var(--pg-dark-text) !important; border-color: var(--pg-dark-border-strong) !important; }
  :root [data-approvals-root] .bg-blue-600 { background: var(--pg-dark-action) !important; color: var(--pg-dark-on-action) !important; }
  :root [data-approvals-root] :is(input, select) { color: var(--pg-dark-text); background: var(--pg-dark-raised) !important; border-color: var(--pg-dark-border-strong) !important; }
  :root [data-approvals-root] .ac-root,
  :root [data-approvals-root] .ac-quiet {
    --ac-bg: var(--pg-dark-surface); --ac-t1: var(--pg-dark-text); --ac-t2: var(--pg-dark-secondary); --ac-t3: var(--pg-dark-secondary); --ac-t5: var(--pg-dark-muted);
    --ac-line: var(--pg-dark-border); --ac-btn: var(--pg-dark-raised); --ac-link: var(--pg-dark-action); --ac-quote: var(--pg-dark-raised);
  }
  :root [data-approvals-root] .ac-diff { filter: none; }
  :root [data-approvals-root] :is(.ap-pic-frame, .ap-pic-btns button, .ap-pic-btns a) { background: var(--pg-dark-raised); color: var(--pg-dark-text); }
  :root [data-approvals-root] .ap-pic-bar { color: var(--pg-dark-text); }
  :root [data-approvals-root] :is(.bg-amber-50, .bg-amber-100, .bg-orange-100) { background: var(--pg-dark-warning-bg) !important; }
  :root [data-approvals-root] :is(.text-amber-700, .text-amber-800, .text-orange-800) { color: var(--pg-dark-warning) !important; }
  :root [data-approvals-root] :is(.bg-green-100, .ac-pill-approved) { background: var(--pg-dark-success-bg) !important; }
  :root [data-approvals-root] :is(.text-green-700, .text-green-800, .ac-pill-approved) { color: var(--pg-dark-success) !important; }
  :root [data-approvals-root] .bg-red-100 { background: var(--pg-dark-danger-bg) !important; }
  :root [data-approvals-root] :is(.text-red-600, .text-red-700, .ac-btn-reject, .ac-pill-rejected) { color: var(--pg-dark-danger) !important; }
  :root [data-approvals-root] :is(.bg-blue-50, .bg-blue-100, .bg-purple-100) { background: var(--pg-dark-info-bg) !important; }
  :root [data-approvals-root] .text-purple-800 { color: var(--pg-dark-info) !important; }
  :root [data-approvals-root] :is(.ac-pill-open, .ac-warn) { color: var(--pg-dark-warning); }
  :root [data-approvals-root] .ac-pill-open { background: var(--pg-dark-warning-bg); }
  :root [data-approvals-root] .ac-pill-rejected { background: var(--pg-dark-danger-bg); }
  :root :is(.sso-root, [data-approvals-root]) :focus-visible { outline: 2px solid var(--pg-dark-focus); outline-offset: 2px; }
  :root :is(.sso-root, [data-approvals-root]) input::placeholder { color: var(--pg-dark-muted); opacity: 1; }
  :root :is(.sso-root, [data-approvals-root]) ::selection { background: var(--pg-dark-selection); color: var(--pg-dark-text); }