: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;
  }
  .planner-grid-left-col {
    padding: 0 8px !important;
  }
  .planner-grid-agent-role {
    display: none;
  }
}