/*
 * Authenticated BadgeInk Shield skin.
 * Token-only theme: Vaultwarden retains complete ownership of component layout,
 * interaction, icon rendering, hover mechanics, tooltips, and responsive behavior.
 */
body.shield-authenticated-vault {
  color-scheme: light;

  /* Legacy Vaultwarden/Tailwind palette tokens. */
  --color-background: 255 255 255;
  --color-background-alt: 243 244 246;
  --color-background-alt2: 182 139 47;
  --color-background-alt3: 74 79 86;
  --color-background-alt4: 64 69 76;
  --color-text-main: 34 34 34;
  --color-text-muted: 102 102 102;
  --color-text-contrast: 255 255 255;
  --color-text-alt2: 255 255 255;
  --color-primary-100: 244 237 218;
  --color-primary-300: 207 187 139;
  --color-primary-600: 182 139 47;
  --color-primary-700: 143 107 32;
  --color-secondary-100: 243 244 246;
  --color-secondary-300: 214 216 220;
  --color-secondary-500: 125 128 133;
  --color-secondary-600: 102 102 102;
  --color-secondary-700: 74 79 86;

  /* Current Bitwarden semantic design tokens. */
  --color-brand-050: #faf7ef;
  --color-brand-100: #f4edda;
  --color-brand-200: #e8d8ad;
  --color-brand-300: #d7bd78;
  --color-brand-400: #c79f4d;
  --color-brand-500: #b68b2f;
  --color-brand-600: #9b7527;
  --color-brand-700: #7f5e20;
  --color-brand-800: #634918;
  --color-brand-900: #4b3712;
  --color-brand-950: #2d210b;
  --color-brand-950-rgb: 45, 33, 11;

  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f3f4f6;
  --color-bg-tertiary: #ffffff;
  --color-bg-quaternary: #e9eaed;
  --color-bg-white: #ffffff;
  --color-bg-dark: #4a4f56;
  --color-bg-disabled: #e9eaed;
  --color-bg-hover: rgba(34, 34, 34, 0.05);
  --color-bg-hover-contrast: rgba(255, 255, 255, 0.10);
  --color-bg-overlay: rgba(34, 34, 34, 0.30);

  --color-bg-brand: #b68b2f;
  --color-bg-brand-soft: #f4edda;
  --color-bg-brand-softer: #faf7ef;
  --color-bg-brand-medium: #e8d8ad;
  --color-bg-brand-strong: #9b7527;
  --color-bg-brand-stronger: #7f5e20;

  --color-fg-heading: #222222;
  --color-fg-body: #666666;
  --color-fg-body-subtle: #7d8085;
  --color-fg-contrast: #ffffff;
  --color-fg-contrast-strong: #ffffff;
  --color-fg-dark: #222222;
  --color-fg-disabled: #8b8e93;
  --color-fg-brand: #8f6b20;
  --color-fg-brand-soft: #b68b2f;
  --color-fg-brand-strong: #6f521b;
  --color-fg-white: #ffffff;

  --color-border-base: #d6d8dc;
  --color-border-light: #e9eaed;
  --color-border-muted: #f3f4f6;
  --color-border-strong: #aeb1b6;
  --color-border-stronger: #7d8085;
  --color-border-buffer: #ffffff;
  --color-border-focus: #b68b2f;
  --color-border-focus-contrast: #b68b2f;
  --color-border-brand: #b68b2f;
  --color-border-brand-soft: #e8d8ad;
  --color-border-brand-strong: #9b7527;
}

/* Intentional logo replacement only; no navigation component styling. */
body.shield-authenticated-vault .shield-vault-logo-link > *:not(.shield-vault-logo) {
  display: none !important;
}

body.shield-authenticated-vault .shield-vault-logo {
  display: block;
  width: min(100%, 280px);
  height: auto;
  max-height: none;
  margin: -42px auto -34px;
  transform: translateX(-18px);
  transform-origin: center;
  object-fit: contain;
}