/*
 * V1837 user-facing UX polish.
 * Conservative, scoped adoption layer for the frontend design system foundation.
 * It intentionally targets only landing, account, profile and user dashboard shells.
 */

.home .ar-landing,
.account-entry,
.profile-workspace,
.dashboard-control-room {
  --ar-ux-page-bg: #f6f9fd;
  --ar-ux-surface: var(--ar-ds-color-surface, #ffffff);
  --ar-ux-border: var(--ar-ds-color-border, #dbe5f2);
  --ar-ux-brand: var(--ar-ds-color-brand, #003986);
  --ar-ux-brand-strong: var(--ar-ds-color-brand-strong, #002056);
  --ar-ux-muted: var(--ar-ds-color-muted, #66778f);
  --ar-ux-shadow: var(--ar-ds-shadow-card, 0 18px 42px rgba(18, 51, 88, 0.08));
  --ar-ux-radius-lg: var(--ar-ds-radius-lg, 18px);
  --ar-ux-radius-md: var(--ar-ds-radius-md, 12px);
  color: var(--ar-ds-color-ink, #102033);
  font-family: var(--ar-ds-font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.home .ar-landing__inner,
.account-entry__container,
.profile-workspace__container,
.dashboard-shell.container {
  box-sizing: border-box;
}

.account-entry .ar-ds-card,
.profile-workspace .ar-ds-card,
.dashboard-control-room .ar-ds-card,
.home .ar-landing .ar-ds-card {
  border-color: var(--ar-ux-border);
  border-radius: var(--ar-ux-radius-lg);
  box-shadow: var(--ar-ux-shadow);
}

.account-entry .ar-ds-button,
.profile-workspace .ar-ds-button,
.dashboard-control-room .ar-ds-button,
.home .ar-landing .ar-ds-button {
  font-family: inherit;
}

.account-entry .account-btn.ar-ds-button,
.profile-workspace .profile-btn.ar-ds-button,
.home .ar-landing-button.ar-ds-button {
  border-radius: var(--ar-ds-radius-pill, 999px);
}

.account-entry .account-btn--primary.ar-ds-button,
.profile-workspace .profile-btn--primary.ar-ds-button,
.home .ar-landing-button--primary.ar-ds-button {
  background: var(--ar-ux-brand);
  border-color: var(--ar-ux-brand);
  color: #fff;
}

.account-entry .account-btn--primary.ar-ds-button:hover,
.profile-workspace .profile-btn--primary.ar-ds-button:hover,
.home .ar-landing-button--primary.ar-ds-button:hover {
  background: var(--ar-ux-brand-strong);
  border-color: var(--ar-ux-brand-strong);
  color: #fff;
}

.account-entry .account-btn:focus-visible,
.account-entry .account-link:focus-visible,
.profile-workspace .profile-btn:focus-visible,
.profile-workspace .profile-tabs__link:focus-visible,
.dashboard-control-room .workspace-card:focus-visible,
.dashboard-control-room .workspace-card__link:focus-visible,
.home .ar-landing a:focus-visible,
.home .ar-landing button:focus-visible {
  box-shadow: var(--ar-ds-focus-ring, 0 0 0 3px rgba(0, 57, 134, 0.14));
  outline: 0;
}

.account-entry input[type="text"],
.account-entry input[type="password"],
.account-entry input[type="email"],
.account-entry input[type="url"],
.account-entry select,
.account-entry textarea,
.profile-workspace .profile-input {
  border-color: var(--ar-ux-border);
}

.account-entry .account-error.ar-ds-inline-error:empty,
.profile-workspace .profile-field-error:empty {
  display: none;
}

.account-entry .account-error.ar-ds-inline-error {
  min-height: 0;
}

.account-entry__alert.ar-ds-alert,
.profile-alert {
  border-radius: var(--ar-ux-radius-md);
}

.profile-workspace .profile-page-intro,
.profile-workspace .profile-card,
.dashboard-control-room .dashboard-panel,
.dashboard-control-room .workspace-card {
  background: rgba(255, 255, 255, 0.96);
}

.profile-workspace .profile-tabs {
  border-radius: var(--ar-ux-radius-lg);
}

.profile-workspace .profile-badge.ar-ds-badge,
.dashboard-control-room .workspace-card__badge.ar-ds-badge,
.home .ar-landing .ar-ds-badge {
  box-shadow: none;
}

.dashboard-control-room .workspace-card__link.ar-ds-button {
  min-height: 32px;
}

.dashboard-control-room .workspace-card__links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ar-ds-space-2, 8px);
}


.home .ar-landing-category.ar-ds-card,
.home .ar-landing-diamond-card.ar-ds-card,
.home .ar-landing-product-card.ar-ds-card,
.home .ar-landing-pillar.ar-ds-card,
.home .ar-landing-banner.ar-ds-card {
  text-decoration: none;
}

.home .ar-landing-trust__item.ar-ds-badge {
  min-height: 40px;
}

.home .ar-landing .ar-ds-card:hover,
.dashboard-control-room .workspace-card.ar-ds-card:hover {
  border-color: var(--ar-ds-color-brand-border, #c9dcf5);
}

@media (max-width: 900px) {
  .account-entry__container,
  .profile-workspace__container,
  .dashboard-shell.container {
    padding-inline: var(--ar-ds-space-4, 16px);
  }

  .profile-workspace .profile-page-intro,
  .dashboard-control-room .dashboard-section__header {
    gap: var(--ar-ds-space-4, 16px);
  }
}

@media (max-width: 640px) {
  .account-entry,
  .profile-workspace,
  .dashboard-control-room {
    overflow-x: clip;
  }

  .account-entry .account-auth-card,
  .account-entry .account-register-card,
  .profile-workspace .profile-card,
  .dashboard-control-room .dashboard-panel {
    border-radius: var(--ar-ds-radius-md, 12px);
  }
}