/* ============================================================
   AVFX SHOW CALENDAR — styles.css
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:           #0d1117;
  --surface:      #161b22;
  --surface2:     #1c2128;
  --surface3:     #21262d;
  --border:       #30363d;
  --border-light: #21262d;
  --text:         #e6edf3;
  --text-muted:   #a0aab4;
  --text-dim:     #6b7280;
  --accent:       #58a6ff;
  --accent-dim:   rgba(88,166,255,0.12);
  --today-color:  #f78166;
  --weekend-bg:   rgba(255,255,255,0.022);
  --sidebar-w:    310px;
  --row-h:        54px;
  --header-h:     56px;
  --gantt-hdr-h:  54px;
  --day-w:        34px;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow: hidden;
  font-size: 14px;
}

.hidden { display: none !important; }

/* ─── SCROLLBAR STYLING ─────────────────────────────────── */
::-webkit-scrollbar              { width: 8px; height: 8px; }
::-webkit-scrollbar-track        { background: var(--bg); }
::-webkit-scrollbar-thumb        { background: var(--border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover  { background: #484f58; }
::-webkit-scrollbar-corner       { background: var(--bg); }