/* ==========================================================================
   Grid Stock — brand styling
   Loaded on the desk (app_include_css) and the login/website (web_include_css).
   Change --grid-brand to Grid's exact brand color (hex). Tell Claude the hex
   and this file gets tuned to match.
   ========================================================================== */

:root {
  --grid-brand:      #5b4fe9;   /* Grid indigo (matches the login design) */
  --grid-brand-dark: #4a3fd0;
  --grid-brand-soft: #ece9fb;
}

/* ---- Primary buttons & accents (desk) ---- */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--grid-brand) !important;
  border-color: var(--grid-brand) !important;
}

/* ---- Links ---- */
a,
.text-primary {
  color: var(--grid-brand);
}

/* ---- Top navbar accent (desk) ---- */
header.navbar {
  border-bottom: 2px solid var(--grid-brand);
}

/* ---- Login page card button ---- */
.page-card .btn-primary,
.for-login .btn-primary {
  background-color: var(--grid-brand) !important;
  border-color: var(--grid-brand) !important;
}

/* ---- Sidebar selected item tint ---- */
.standard-sidebar-item.selected {
  background-color: var(--grid-brand-soft);
}

/* ---- Stock-only users: hide app switcher / non-Stock areas ---- */
body.grid-stock-limited .apps-switcher,
body.grid-stock-limited .nav-link[href*="apps"] {
  display: none !important;
}

/* Add more Grid-specific styling below as we go. */