/* Theme: Peers canvas, Incetro accent.
   Light canvas from mini_app/src/design-system/tokens.css (Peers).
   Accent tokens are replaced at runtime by dashboard-accent.js (picker in the header).
   Page #ebebeb, surface #f5f5f5, text #1a1a1a, accent #005cff, plates #f2f2f2.
*/
:root {
  color-scheme: light;

  --color-bg-page: #ebebeb;
  --color-bg-card: #ffffff;
  --color-text: #1a1a1a;
  --color-text-muted: rgba(26, 26, 26, 0.62);
  --color-text-secondary: rgba(26, 26, 26, 0.72);
  --color-border: rgba(0, 0, 0, 0.12);
  --color-hover-bg: #f5f5f5;
  --color-hover-border: rgba(0, 0, 0, 0.18);
  --color-form-heading: rgba(26, 26, 26, 0.72);

  /* Login submit uses the accent */
  --btn-login-bg: var(--color-accent);
  --btn-login-bg-hover: var(--btn-primary-bg-hover);
  --btn-login-bg-active: var(--btn-primary-bg-active);
  --btn-login-color: #ffffff;

  --accent: #005cff;
  --color-accent: #005cff;
  --color-focus: #005cff;
  --color-highlight-bg: rgba(0, 92, 255, 0.12);

  --btn-focus-ring-color: rgba(0, 92, 255, 0.35);

  /* #005cff mixed toward black: 14% hover, 24% active */
  --btn-primary-bg: #005cff;
  --btn-primary-color: #ffffff;
  --btn-primary-bg-hover: #004fdb;
  --btn-primary-color-hover: #ffffff;
  --btn-primary-bg-active: #0046c2;
  --btn-primary-color-active: #ffffff;

  --btn-outline-color: var(--color-accent);
  --btn-outline-border: var(--color-accent);
  --btn-outline-bg-hover: color-mix(in srgb, var(--color-accent) 8%, transparent);
  --btn-outline-color-hover: var(--color-accent);
  --btn-outline-bg-active: color-mix(in srgb, var(--color-accent) 15%, transparent);
  --btn-outline-color-active: var(--color-accent);

  --btn-secondary-bg: #f2f2f2;
  --btn-secondary-color: #1a1a1a;
  --btn-secondary-bg-hover: #e8e8e8;
  --btn-secondary-color-hover: #1a1a1a;
  --btn-secondary-bg-active: #dedede;
  --btn-secondary-color-active: #1a1a1a;

  --input-hover-bg: #f5f5f5;
  --input-readonly-bg: #f5f5f5;
  --input-readonly-text: rgba(26, 26, 26, 0.62);
}

/* Status dot for "not configured yet" on home plates */
.dashboard-home-plate__status--warn {
  background-color: #f59e0b;
}

.dashboard-form-hint {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-ui);
}

/* Журнал под плитками: та же ширина, что у .dashboard-home-plates */
.dashboard-home-journal {
  max-width: 56rem;
  margin: var(--space-xl, 2rem) auto 0;
}

.dashboard-role-filter {
  width: auto;
  min-width: 11rem;
}