/* Restrained TOMORROW accents. Keep logo, semantic statuses and print neutral. */
:root {
  --brand-accent: #ba303b;
  --brand-accent-hover: #9f2631;
  --brand-accent-light: #ed737c;
  --brand-accent-soft: #fff3f4;
  --brand-accent-line: #edbdc2;
}

@media screen {
  /* Small navigation markers, not an all-red sidebar. */
  .sidebar .nav-item.active::before,
  .sidebar .nav-subitem.active::before {
    background: var(--brand-accent-light);
  }
  .sidebar .nav-item.active .ui-icon,
  .sidebar .nav-department-toggle.is-current .ui-icon {
    color: var(--brand-accent-light);
    opacity: 1;
  }
  .sidebar .nav-item.caja-nav {
    border-color: #69363e;
    background: #302125;
    color: #fff;
  }
  .sidebar .nav-item.caja-nav .ui-icon {
    color: var(--brand-accent-light);
    opacity: 1;
  }
  .sidebar .nav-item.caja-nav:hover:not(.active) {
    background: #41262c;
    border-color: #9b4853;
  }
  .sidebar .nav-item.caja-nav.active {
    background: var(--brand-accent);
    border-color: var(--brand-accent);
    color: #fff;
  }
  .sidebar .nav-item.caja-nav.active .ui-icon { color: #fff; }

  /* Selected controls stay distinct from error/status badges. */
  .sales-dates .outline.is-selected,
  .caja-tabs .outline.is-selected,
  .department-tabs button.active {
    color: var(--brand-accent);
    border-color: var(--brand-accent-line);
    background: var(--brand-accent-soft);
    box-shadow: inset 0 -2px var(--brand-accent);
  }
  .sales-dates .outline.is-selected:hover,
  .caja-tabs .outline.is-selected:hover,
  .department-tabs button.active:hover { background: #fde7e9; }

  /* Accent only the main cashier action; destructive actions remain unchanged. */
  #cajaPay.primary:not(:disabled),
  #cajaOpen.primary:not(:disabled),
  #cajaReceive.primary:not(:disabled) {
    background: var(--brand-accent);
    border-color: var(--brand-accent);
    color: #fff;
  }
  #cajaPay.primary:hover:not(:disabled),
  #cajaOpen.primary:hover:not(:disabled),
  #cajaReceive.primary:hover:not(:disabled) {
    background: var(--brand-accent-hover);
    border-color: var(--brand-accent-hover);
  }
  .caja-total strong { color: var(--brand-accent); }

  /* Sales values remain ink; red is a single series color, not a loss signal. */
  .sales-hero { border-top: 3px solid var(--brand-accent); }
  .sales-chart polyline,
  .sales-chart circle { stroke: var(--brand-accent); }
  .sales-bar i { background: var(--brand-accent); }

  .system-card:hover:not(:disabled),
  .system-card:focus-visible { border-color: var(--brand-accent); }
  .system-card:hover:not(:disabled) > span { color: var(--brand-accent); }
  .caja-tabs button:focus-visible,
  .sales-dates button:focus-visible,
  .department-tabs button:focus-visible,
  .sidebar .caja-nav:focus-visible,
  #cajaPay:focus-visible,
  #cajaOpen:focus-visible,
  #cajaReceive:focus-visible { outline: 2px solid var(--brand-accent-light); outline-offset: 3px; }
}