/* =============================================
   GLOBAL STYLES — shared variables, resets, scrollbars
   ============================================= */

:root {
  --left-col-width: 240px;
  --cell-width: 100px;
  --h-eod: 42px;
  --h-status: 34px;
  --h-dates: 52px;
  --primary-soft: #f8fafc;
  --border-color: #e2e8f0;
  --highlight-bg: rgba(99, 102, 241, 0.12);
  --highlight-border: rgba(99, 102, 241, 0.5);
}

/* MOBILE OPTIMIZATION */
@media (max-width: 599px) {
  :root {
    --left-col-width: 160px;
  }
}

body, html {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #f8fafc;
  color: #334155;
}

/* Quasar overrides — functional, not decorative */
.q-field--outlined.q-field--rounded .q-field__control { border-radius: 6px; }
.q-btn--rounded { border-radius: 6px; }

/* Strip shadows globally — depth only where structurally necessary */
.shadow-1, .shadow-2, .shadow-3, .shadow-4, .shadow-5,
.shadow-6, .shadow-7, .shadow-8, .shadow-9, .shadow-10,
.shadow-11, .shadow-12, .shadow-13, .shadow-14, .shadow-15 {
  box-shadow: none !important;
}

/* Allow a single minimal shadow for elevated overlays (drawers, menus) */
.q-menu, .q-drawer--overlay {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}