:root {
  --gmx-brand: #206bc4;
  --gmx-brand-hover: #1a569d;
  --gmx-brand-soft: #e9f2fc;
  --gmx-canvas: #f4f6fa;
  --gmx-surface: #fff;
  --gmx-text: #182433;
  --gmx-text-muted: #667382;
  --gmx-border: #dce1e7;
  --gmx-radius: 4px;
  --gmx-shadow: 0 1px 2px rgba(24,36,51,.04);
}

[data-bs-theme="dark"] {
  --gmx-brand-soft: #172b45;
  --gmx-canvas: #151f2c;
  --gmx-surface: #1b2735;
  --gmx-text: #f1f5f9;
  --gmx-text-muted: #9aa8b8;
  --gmx-border: #2c3a4a;
  --gmx-shadow: 0 1px 2px rgba(0,0,0,.2);
}

body { background: var(--gmx-canvas); color: var(--gmx-text); }
.container-xl { max-width: 1320px; }

.gmx-topbar { min-height: 56px; background: var(--gmx-surface); border-bottom: 1px solid var(--gmx-border); }
.gmx-mainnav { background: var(--gmx-surface); border-bottom: 1px solid var(--gmx-border); box-shadow: 0 1px 2px rgba(24,36,51,.025); }
.gmx-mainnav .navbar { min-height: 46px; padding: 0; }
.gmx-mainnav .nav-item,
.gmx-mainnav .nav-link { border-radius: 0 !important; }
.gmx-mainnav .nav-link { min-height: 46px; padding: .8rem .8rem .65rem; border: 0; border-bottom: 2px solid transparent; color: #4b5563; gap: .45rem; }
.gmx-mainnav .nav-link:hover { color: var(--gmx-brand); }
.gmx-mainnav .nav-link.active { color: var(--gmx-brand); border-bottom-color: var(--gmx-brand); background: transparent !important; box-shadow: none !important; font-weight: 500; }
.gmx-nav-symbol { color: #8b98a7; font-size: 1rem; line-height: 1; }
.gmx-mainnav .nav-link.active .gmx-nav-symbol { color: var(--gmx-brand); }
.gmx-mainnav .nav-link.disabled { color:#98a2b0; opacity:.72; cursor:default; }

.gmx-brand { align-items:center; color:var(--gmx-text); display:inline-flex; font-size:1.28rem; font-weight:700; gap:.55rem; letter-spacing:-.035em; text-decoration:none; }
.gmx-brand:hover { color:var(--gmx-text); }
.gmx-theme-toggle { align-items:center; background:transparent; border:0; color:var(--gmx-text-muted); display:flex; justify-content:center; }
.gmx-theme-toggle:hover { color:var(--gmx-text); }
.gmx-brand-mark { align-items:center; background:var(--gmx-brand); border-radius:4px; color:#fff; display:inline-flex; font-size:.9rem; font-weight:800; height:1.9rem; justify-content:center; width:1.9rem; box-shadow:0 2px 5px rgba(32,107,196,.2); }
.gmx-avatar { background:#e9f2fc; color:var(--gmx-brand); font-weight:700; }
.gmx-icon { font-size:1.45rem; color:#667382; transform:rotate(-25deg); display:inline-block; }
.gmx-notification { position:absolute; width:6px; height:6px; padding:0; right:7px; top:7px; border:1px solid #fff; }

.page-header { padding: 1.5rem 0 0; }
.page-title { font-size: 1.25rem; font-weight: 600; letter-spacing: -.015em; }
.page-pretitle { font-size: .625rem; letter-spacing: .08em; color: #788496; }
.page-body { margin-top: 1.25rem; }
.row-cards { --tblr-gutter-y: 1rem; }

.gmx-card { border-color:var(--gmx-border); border-radius:var(--gmx-radius); box-shadow:var(--gmx-shadow); }
.gmx-card .card-header { min-height: 3.25rem; padding: .8rem 1rem; }
.gmx-card .card-body { padding: 1rem; }
.gmx-card .card-title { font-size: .95rem; font-weight: 600; }
.gmx-card .card-subtitle { font-size: .72rem; margin-top: .15rem; }
.gmx-card .h1 { font-size: 1.8rem; font-weight: 600; letter-spacing: -.04em; margin-top: .2rem; }
.gmx-stat-card .card-body { padding:.85rem 1rem; }
.gmx-stat-card .h2 { font-size:1.35rem; font-weight:600; letter-spacing:-.03em; }
.gmx-stat-icon { align-items:center; border-radius:4px; display:inline-flex; font-size:.9rem; font-weight:700; height:2.25rem; justify-content:center; width:2.25rem; }
.gmx-meta-strip .card-body { padding:.72rem 1rem; }
.subheader { font-size: .66rem; letter-spacing: .055em; }
.progress-sm { height: 3px; }

.gmx-sparkline { height: 20px; display:flex; align-items:flex-end; gap:3px; }
.gmx-sparkline i { display:block; width:10%; background:#206bc4; border-radius:1px 1px 0 0; opacity:.9; }
.gmx-sparkline i:nth-child(1){height:25%}.gmx-sparkline i:nth-child(2){height:50%}.gmx-sparkline i:nth-child(3){height:38%}.gmx-sparkline i:nth-child(4){height:72%}.gmx-sparkline i:nth-child(5){height:56%}.gmx-sparkline i:nth-child(6){height:85%}.gmx-sparkline i:nth-child(7){height:68%}.gmx-sparkline i:nth-child(8){height:100%}
.gmx-sparkline-green i { background:#2fb344; }

.gmx-table thead th { background:#f8f9fb; font-size:.62rem; letter-spacing:.055em; color:#788496; }
.gmx-table tbody td { padding-top:.7rem; padding-bottom:.7rem; }
.gmx-table tbody tr:hover { background:#f8fbff; }
.gmx-clickable-row { position: relative; cursor: pointer; }
.gmx-clickable-row .btn { position: relative; z-index: 2; }
.gmx-activity .list-group-item { padding:.72rem 1rem; font-size:.78rem; }
.gmx-activity-dot { display:block; width:7px; height:7px; background:var(--gmx-brand); border-radius:50%; box-shadow:0 0 0 4px var(--gmx-brand-soft); }
.gmx-users-list .list-group-item { padding:.8rem 1rem; }
.gmx-assignment-row { align-items:center; border-top:1px solid var(--gmx-border); display:flex; justify-content:space-between; padding:.55rem 0; gap:.75rem; }
.gmx-assignment-row:first-child { border-top:0; padding-top:0; }
.gmx-danger-zone { border-left:3px solid #d63939; }
.gmx-health-icon { align-items:center; border-radius:4px; display:inline-flex; font-size:.75rem; font-weight:700; height:2.25rem; justify-content:center; width:2.25rem; }

.btn-primary { --tblr-btn-bg:var(--gmx-brand); --tblr-btn-border-color:var(--gmx-brand); --tblr-btn-hover-bg:var(--gmx-brand-hover); --tblr-btn-hover-border-color:var(--gmx-brand-hover); }
.form-control:focus { border-color:#83b7f3; box-shadow:0 0 0 .25rem rgba(32,107,196,.14); }
.gmx-status-dot { background:#2fb344; border-radius:50%; display:inline-block; height:.45rem; width:.45rem; box-shadow:0 0 0 3px rgba(47,179,68,.12); }
.gmx-context-banner { background:var(--gmx-surface); border-bottom:1px solid var(--gmx-border); color:var(--gmx-text-muted); font-size:.75rem; padding:.5rem 0; }

[data-bs-theme="dark"] .gmx-mainnav .nav-link { color:#b5c0cc; }
[data-bs-theme="dark"] .gmx-mainnav .nav-link.disabled { color:#778596; }
[data-bs-theme="dark"] .gmx-table thead th { background:#202d3c; }
[data-bs-theme="dark"] .gmx-table tbody tr:hover { background:#202d3c; }

.gmx-login-page { background:var(--gmx-canvas); }
.gmx-login-page:before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 0,rgba(32,107,196,.08),transparent 34rem); }
.gmx-login-card { border:1px solid var(--gmx-border); border-radius:4px; box-shadow:0 4px 20px rgba(24,36,51,.08); }

@media (max-width: 767.98px) {
  .gmx-topbar { min-height:54px; }
  .gmx-mainnav .navbar { padding:.5rem 0; }
  .gmx-mainnav .nav-link { min-height:auto; border:0; padding:.55rem 0; }
  .page-header { padding-top:1rem; }
  .page-header .btn-list { margin-top:.5rem; }
}