/* =============================================
   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 */
.q-field--outlined.q-field--rounded .q-field__control { border-radius: 12px; }
.q-btn--rounded { border-radius: 10px; }