@import url("/styles-components.css?v=20260813.10");

/* Vanilla Noir: --text-muted / --text-very-muted failed AA on --surface-2 and --surface-3. */
:root {
  --text-muted: var(--text-secondary);
  --text-very-muted: var(--text-secondary);
}

html input::placeholder,
html textarea::placeholder {
  color: var(--text-secondary);
  opacity: 1;
}

/* Auth index at 0.34 ivory on #1A1A1A is ~2.8:1. */
html .auth-view .auth-index {
  color: var(--text-muted);
}

/* Auth view overflow:hidden clips the card shadow and blocks scroll on short viewports. */
html .auth-view {
  overflow-x: hidden;
  overflow-y: auto;
}

/* Password-toggle focus rings were clipped by overflow:hidden on the input shell. */
html body .auth-view .auth-input-shell,
html body .auth-view .auth-input-shell.password-field,
html body .profile-password-form .auth-input-shell,
html body .profile-password-form .auth-input-shell.password-field {
  overflow: visible;
}

html .auth-input-shell .icon-button--inside:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Invalid `.meds-dropdown__menu--fixed[data-placement="top"].` never set upward origin. */
html .meds-dropdown__menu--fixed[data-placement="top"] {
  transform: translateY(6px) scale(0.96);
  transform-origin: bottom right;
}

html .meds-dropdown__menu--fixed[data-placement="top"].is-open {
  transform: translateY(0) scale(1);
}

html #main-content:focus,
html #main-content:focus-visible,
html .main-content:focus,
html .main-content:focus-visible,
html .workspace:focus,
html .workspace:focus-visible,
html .app-shell:focus,
html .app-shell:focus-visible,
html #app-shell:focus,
html #app-shell:focus-visible {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}