/*
  The Employee Portal's colours. Same bundle, same structure as the office; only the tokens move,
  from the office's teal on navy to a base of #3595b8 on a deep blue-slate. Keyed on data-portal so
  one deployment serves both faces and nothing in the office changes.
*/
[data-portal="employee"] {
  --primary: #3595b8;
  --primary-lt: rgba(53, 149, 184, 0.08);
  --primary-dk: #2b7b99;
  --sidebar-bg: #16303b;
  --sidebar-active: rgba(53, 149, 184, 0.16);
  --sidebar-text: #8aa7b6;
  --sidebar-text-hover: #cfe0e8;
  --body-bg: #f3f7f9;
  --input-bg: #ffffff;
  --input-bg-hover: #f8fbfc;
  --input-border: #c2d2da;
}
[data-portal="employee"][data-theme="dark"] {
  --body-bg: #0e1b22;
  --bg-surface: #16303b;
  --bg-surface-secondary: #122731;
  --primary-lt: rgba(53, 149, 184, 0.18);
  --input-bg: #1e3a47;
  --input-bg-hover: #23434f;
  --input-border: #ffffff3d;
}
[data-portal="employee"] .tile-card:hover { box-shadow: var(--shadow-card); border-color: var(--primary); }