/* ==========================================================================
   EPMRS — Liquid Glass bridge
   Maps the existing Bootstrap 5 markup onto the Liquid Glass tokens in glass.css
   (light + dark). Uses only --g-* tokens; glass.css itself stays untouched.
   Load order: glass.css → bootstrap → ui-suite.css → this file.
   ========================================================================== */

/* ---------- Font (self-hosted, works on intranet servers) ---------- */
@font-face { font-family: "Vazirmatn"; src: url("../fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/vazirmatn/Vazirmatn-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }

/* ---------- Bootstrap variables → glass tokens ---------- */
:root, [data-bs-theme] {
  --bs-body-font-family: var(--g-font);
  --bs-body-color: var(--g-text);
  --bs-body-bg: var(--g-bg);
  --bs-emphasis-color: var(--g-text);
  --bs-secondary-color: var(--g-text-2);
  --bs-tertiary-color: var(--g-text-3);
  --bs-border-color: var(--g-separator);
  --bs-border-color-translucent: var(--g-separator);
  --bs-link-color: var(--g-accent);
  --bs-link-hover-color: var(--g-accent);
  --bs-border-radius: var(--g-radius-sm);
  --bs-border-radius-lg: var(--g-radius-md);
  --bs-border-radius-xl: var(--g-radius);
  --bs-focus-ring-color: var(--g-accent-tint);
  --epmrs-muted: var(--g-text-2);
  --epmrs-accent: var(--g-accent);
  --epmrs-surface: var(--g-surface-solid);
  --epmrs-ink: var(--g-text);
}

body { background: var(--g-bg); color: var(--g-text); font-family: var(--g-font); }
/* glass.css makes images block-level; Bootstrap layouts expect inline media */
img, svg { display: revert; }
a { color: var(--g-accent); }
.text-dark { color: var(--g-text) !important; }
.text-muted, .text-secondary, .text-body-secondary { color: var(--g-text-2) !important; }
.text-white-50 { color: var(--g-text-2) !important; }
.bg-white, .bg-light, .bg-body, .bg-body-tertiary, .text-bg-light, .table-light { background-color: var(--g-fill) !important; color: var(--g-text) !important; }
.border, .border-top, .border-bottom, .border-start, .border-end { border-color: var(--g-separator) !important; }
hr { border-color: var(--g-separator); opacity: 1; }
::selection { background: var(--g-accent-tint); }

/* ---------- App shell ---------- */
.epmrs-shell { gap: 16px; padding: 16px; min-height: 100dvh; }
.epmrs-sidebar {
  width: 272px; flex: 0 0 272px;
  top: 16px; height: calc(100dvh - 32px);
  padding: 18px 12px !important;
  color: var(--g-text);
  border-radius: var(--g-radius);
  scrollbar-width: thin;
}
.epmrs-sidebar a, .epmrs-mobile-nav a { color: inherit; }
.epmrs-brand-lockup { color: var(--g-text); padding: 4px 8px 14px; border-bottom: 1px solid var(--g-separator); }
.epmrs-brand { color: var(--g-text); }
.epmrs-brand-logo { box-shadow: 0 0 0 .5px var(--g-edge), 0 4px 12px rgba(0, 0, 0, .12); }
.epmrs-nav-link {
  display: flex; padding: 9px 12px; border-radius: var(--g-radius-sm);
  color: var(--g-text-2); font-weight: 500; font-size: 14px;
  transition: background var(--g-dur) var(--g-ease), color var(--g-dur) var(--g-ease);
}
.epmrs-nav-link i { width: 1.25rem; text-align: center; color: var(--g-text-3); transition: color var(--g-dur); }
.epmrs-nav-link:hover { background: var(--g-fill); color: var(--g-text); }
.epmrs-nav-link.active { background: var(--g-accent-tint); color: var(--g-accent); font-weight: 600; }
.epmrs-nav-link.active i { color: var(--g-accent); }
.epmrs-mobile-nav { color: var(--g-text); border: 0 !important; }
.epmrs-mobile-nav .btn-close { filter: none; }
[data-bs-theme="dark"] .epmrs-mobile-nav .btn-close { filter: invert(1) grayscale(1) brightness(2); }

.epmrs-main { padding: 0 !important; }
.epmrs-topbar {
  position: sticky; top: 16px; z-index: 1030;
  padding: 8px 10px 8px 14px;
  border-radius: var(--g-pill);
  margin-bottom: 16px !important;
}
.epmrs-topbar .btn-light, .epmrs-topbar .btn-primary { min-height: 38px; }
.epmrs-topbar .btn.rounded-circle { width: 38px; }
.epmrs-locale > .dropdown-toggle { color: var(--g-text) !important; font-weight: 500; }
.epmrs-search-trigger kbd { color: var(--g-text-3); background: var(--g-fill); border: 0; border-radius: 6px; }
.epmrs-breadcrumb .breadcrumb-item a { color: var(--g-text-2); text-decoration: none; }
.epmrs-breadcrumb .breadcrumb-item.active { color: var(--g-text); }
.breadcrumb-item + .breadcrumb-item::before { color: var(--g-text-3); }
.epmrs-skip-link { background: var(--g-surface-solid); color: var(--g-text); }

@media (max-width: 991.98px) {
  .epmrs-shell { padding: 12px; }
  .epmrs-topbar { top: max(10px, env(safe-area-inset-top)); }
}
@media (max-width: 767.98px) {
  .epmrs-shell { padding: 10px; }
  .epmrs-main { padding: 0 !important; }
}

/* ---------- Glass surfaces: cards, panels ---------- */
.card, .epmrs-card, .modal-content, .offcanvas, .toast {
  background: var(--g-sheen), var(--g-surface);
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius);
  box-shadow: var(--g-highlight), 0 0 0 .5px var(--g-edge), var(--g-shadow);
  color: var(--g-text);
}
.modal-content, .offcanvas, .toast { background: var(--g-sheen), var(--g-surface-thick); }
.modal-content { border-radius: 28px; }
.modal-header, .modal-footer { border-color: var(--g-separator); }
.modal-backdrop.show { opacity: 1; background: rgba(0, 0, 0, .28); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.card > .card-header, .card > .card-footer { background: transparent; border-color: var(--g-separator); }
.card > .card-header:first-child { border-radius: var(--g-radius) var(--g-radius) 0 0; }
/* One blur layer only: anything glass-like inside glass becomes a plain fill */
:is(.card, .glass, .modal-content, .offcanvas, .epmrs-topbar, .epmrs-sidebar) :is(.card, .epmrs-card) {
  -webkit-backdrop-filter: none; backdrop-filter: none;
  background: var(--g-fill); border-color: transparent; box-shadow: none;
  border-radius: var(--g-radius-md);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .card, .epmrs-card, .modal-content, .offcanvas, .toast { background: var(--g-surface-solid); }
}
@media (prefers-reduced-transparency: reduce) {
  .card, .epmrs-card, .modal-content, .offcanvas, .toast { background: var(--g-surface-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.metric-value { color: var(--g-text); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.metric-label { color: var(--g-text-2); font-size: 13px; }
.badge-soft { background: var(--g-accent-tint); color: var(--g-accent); font-weight: 600; }

/* Menus: solid-thick so text stays legible above any content */
.dropdown-menu {
  --bs-dropdown-bg: var(--g-surface-solid);
  --bs-dropdown-color: var(--g-text);
  --bs-dropdown-link-color: var(--g-text);
  --bs-dropdown-link-hover-bg: var(--g-fill);
  --bs-dropdown-link-hover-color: var(--g-text);
  --bs-dropdown-link-active-bg: var(--g-accent-tint);
  --bs-dropdown-link-active-color: var(--g-accent);
  --bs-dropdown-divider-bg: var(--g-separator);
  border: 1px solid var(--g-border);
  border-radius: var(--g-radius-md);
  box-shadow: 0 0 0 .5px var(--g-edge), var(--g-shadow);
  padding: 6px;
}
.dropdown-item { border-radius: 10px; }
.jalali-date-popover { background: var(--g-surface-solid); border-color: var(--g-border); border-radius: var(--g-radius-md); box-shadow: var(--g-shadow); color: var(--g-text); }

/* ---------- Controls ---------- */
.btn { border-radius: var(--g-pill); font-weight: 600; padding-inline: 1rem; transition: transform 160ms var(--g-ease), background-color var(--g-dur) var(--g-ease), color var(--g-dur), border-color var(--g-dur); }
.btn-sm { padding-inline: .75rem; }
.btn:active { transform: scale(.97); }
.btn-primary { --bs-btn-bg: var(--g-accent); --bs-btn-border-color: var(--g-accent); --bs-btn-hover-bg: var(--g-accent); --bs-btn-hover-border-color: var(--g-accent); --bs-btn-active-bg: var(--g-accent); --bs-btn-active-border-color: var(--g-accent); --bs-btn-color: var(--g-on-accent); --bs-btn-hover-color: var(--g-on-accent); --bs-btn-disabled-bg: var(--g-accent); --bs-btn-disabled-border-color: var(--g-accent); }
.btn-primary:hover { filter: brightness(1.08); }
.btn-light, .btn-secondary { --bs-btn-bg: var(--g-fill); --bs-btn-border-color: transparent; --bs-btn-color: var(--g-text); --bs-btn-hover-bg: var(--g-fill-hover); --bs-btn-hover-border-color: transparent; --bs-btn-hover-color: var(--g-text); --bs-btn-active-bg: var(--g-fill-hover); --bs-btn-active-color: var(--g-text); --bs-btn-active-border-color: transparent; }
.btn-success { --bs-btn-bg: var(--g-green); --bs-btn-border-color: var(--g-green); --bs-btn-hover-bg: var(--g-green); --bs-btn-hover-border-color: var(--g-green); --bs-btn-active-bg: var(--g-green); }
.btn-danger { --bs-btn-bg: var(--g-red); --bs-btn-border-color: var(--g-red); --bs-btn-hover-bg: var(--g-red); --bs-btn-hover-border-color: var(--g-red); --bs-btn-active-bg: var(--g-red); }
.btn-success:hover, .btn-danger:hover { filter: brightness(1.08); }
.btn-outline-primary { --bs-btn-color: var(--g-accent); --bs-btn-border-color: transparent; --bs-btn-bg: var(--g-accent-tint); --bs-btn-hover-bg: var(--g-accent); --bs-btn-hover-border-color: var(--g-accent); --bs-btn-hover-color: var(--g-on-accent); --bs-btn-active-bg: var(--g-accent); --bs-btn-active-border-color: var(--g-accent); }
.btn-outline-secondary, .btn-outline-dark { --bs-btn-color: var(--g-text); --bs-btn-border-color: transparent; --bs-btn-bg: var(--g-fill); --bs-btn-hover-bg: var(--g-fill-hover); --bs-btn-hover-border-color: transparent; --bs-btn-hover-color: var(--g-text); --bs-btn-active-bg: var(--g-fill-hover); --bs-btn-active-color: var(--g-text); --bs-btn-active-border-color: transparent; }
.btn-outline-success { --bs-btn-color: var(--g-green); --bs-btn-border-color: transparent; --bs-btn-bg: var(--g-green-tint); --bs-btn-hover-bg: var(--g-green); --bs-btn-hover-border-color: var(--g-green); --bs-btn-active-bg: var(--g-green); }
.btn-outline-danger { --bs-btn-color: var(--g-red); --bs-btn-border-color: transparent; --bs-btn-bg: var(--g-red-tint); --bs-btn-hover-bg: var(--g-red); --bs-btn-hover-border-color: var(--g-red); --bs-btn-active-bg: var(--g-red); }
.btn-outline-warning { --bs-btn-color: var(--g-orange); --bs-btn-border-color: transparent; --bs-btn-bg: var(--g-orange-tint); --bs-btn-hover-bg: var(--g-orange); --bs-btn-hover-border-color: var(--g-orange); --bs-btn-active-bg: var(--g-orange); }
.btn-link { --bs-btn-color: var(--g-accent); --bs-btn-hover-color: var(--g-accent); }
.btn-close { border-radius: 50%; }
[data-bs-theme="dark"] .btn-close:not(.btn-close-white) { filter: invert(1) grayscale(1) brightness(2); }

.form-control, .form-select, .input-group-text {
  background-color: var(--g-fill);
  border: 1px solid transparent;
  color: var(--g-text);
  border-radius: var(--g-radius-sm);
  transition: box-shadow var(--g-dur) var(--g-ease), background-color var(--g-dur);
}
.form-control::placeholder { color: var(--g-text-3); }
.form-control:focus, .form-select:focus { background-color: var(--g-fill-hover); border-color: transparent; color: var(--g-text); box-shadow: var(--g-focus); }
.form-control:disabled, .form-select:disabled, .form-control[readonly] { background-color: var(--g-fill); opacity: .75; }
.form-control.is-invalid, .form-select.is-invalid { border-color: var(--g-red); }
.form-label, .col-form-label { font-size: 13px; font-weight: 500; color: var(--g-text-2); }
.form-text { color: var(--g-text-3); }
.form-check-input { background-color: var(--g-fill-hover); border-color: var(--g-separator); }
.form-check-input:checked { background-color: var(--g-accent); border-color: var(--g-accent); }
.form-check-input:focus { box-shadow: var(--g-focus); }
.form-switch .form-check-input:checked { background-color: #34c759; border-color: #34c759; }
.input-group > .form-control:not(:last-child), .input-group > .form-select:not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; }

/* ---------- Status ---------- */
.badge { border-radius: var(--g-pill); font-weight: 600; padding: .38em .75em; }
.text-bg-success, .bg-success { background-color: var(--g-green-tint) !important; color: var(--g-green) !important; }
.text-bg-danger, .bg-danger { background-color: var(--g-red-tint) !important; color: var(--g-red) !important; }
.text-bg-warning, .bg-warning { background-color: var(--g-orange-tint) !important; color: var(--g-orange) !important; }
.text-bg-primary, .bg-primary, .text-bg-info, .bg-info { background-color: var(--g-accent-tint) !important; color: var(--g-accent) !important; }
.text-bg-secondary, .bg-secondary { background-color: var(--g-fill-hover) !important; color: var(--g-text-2) !important; }
.text-success { color: var(--g-green) !important; }
.text-danger { color: var(--g-red) !important; }
.text-warning { color: var(--g-orange) !important; }
.text-primary { color: var(--g-accent) !important; }
/* keep solid red notification counters readable */
#notif-badge.bg-danger, [data-chat-badge].bg-danger { background-color: #ff3b30 !important; color: #fff !important; }
.progress-bar.bg-success { background-color: var(--g-green) !important; }
.progress-bar.bg-warning { background-color: var(--g-orange) !important; }
.progress-bar.bg-danger { background-color: var(--g-red) !important; }
.progress-bar.bg-primary, .progress-bar.bg-info { background-color: var(--g-accent) !important; }

.alert { border-radius: var(--g-radius-md); border: 0; }
.alert-success { background: var(--g-green-tint); color: var(--g-green); }
.alert-danger { background: var(--g-red-tint); color: var(--g-red); }
.alert-warning { background: var(--g-orange-tint); color: var(--g-orange); }
.alert-info, .alert-primary { background: var(--g-accent-tint); color: var(--g-text); }
.alert-light, .alert-secondary { background: var(--g-fill); color: var(--g-text); }
.alert.epmrs-card { -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
.alert-success.epmrs-card { background: var(--g-green-tint); }
.alert-danger.epmrs-card { background: var(--g-red-tint); }
.alert-warning.epmrs-card { background: var(--g-orange-tint); }
.alert-info.epmrs-card { background: var(--g-accent-tint); }

.progress, .progress-stacked { --bs-progress-bg: var(--g-fill); --bs-progress-bar-bg: var(--g-accent); border-radius: var(--g-pill); }

/* ---------- Navigation ---------- */
.nav-pills { --bs-nav-pills-border-radius: var(--g-pill); --bs-nav-pills-link-active-bg: var(--g-accent); --bs-nav-link-color: var(--g-text-2); --bs-nav-link-hover-color: var(--g-text); }
.nav-pills .nav-link:not(.active) { background: var(--g-fill); }
.nav-tabs { --bs-nav-tabs-border-color: var(--g-separator); --bs-nav-tabs-link-active-bg: var(--g-surface-thick); --bs-nav-tabs-link-active-color: var(--g-text); --bs-nav-tabs-link-active-border-color: var(--g-separator); --bs-nav-link-color: var(--g-text-2); }
.pagination { --bs-pagination-bg: var(--g-fill); --bs-pagination-color: var(--g-text); --bs-pagination-border-color: transparent; --bs-pagination-hover-bg: var(--g-fill-hover); --bs-pagination-hover-color: var(--g-text); --bs-pagination-active-bg: var(--g-accent); --bs-pagination-active-border-color: var(--g-accent); --bs-pagination-disabled-bg: var(--g-fill); --bs-pagination-disabled-color: var(--g-text-3); --bs-pagination-border-radius: var(--g-pill); gap: 4px; }
.pagination .page-link { border-radius: var(--g-pill) !important; }

/* iOS-style segmented tabs (used on the reports area) */
.epmrs-segmented { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: var(--g-pill); background: var(--g-fill); width: fit-content; max-width: 100%; }
.epmrs-segmented__item { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 16px; border-radius: var(--g-pill); color: var(--g-text-2); font-weight: 500; font-size: 14px; text-decoration: none; transition: background var(--g-dur) var(--g-ease), color var(--g-dur); }
.epmrs-segmented__item:hover { color: var(--g-text); background: var(--g-fill); }
.epmrs-segmented__item[aria-current="page"] { background: var(--g-surface-thick); color: var(--g-text); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
@media (max-width: 575.98px) { .epmrs-segmented { width: 100%; border-radius: var(--g-radius-md); } .epmrs-segmented__item { flex: 1 1 auto; justify-content: center; padding: 0 10px; font-size: 13px; } }

/* ---------- Data ---------- */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--g-text);
  --bs-table-border-color: var(--g-separator);
  --bs-table-striped-bg: var(--g-fill);
  --bs-table-striped-color: var(--g-text);
  --bs-table-hover-bg: var(--g-fill);
  --bs-table-hover-color: var(--g-text);
  --bs-table-active-bg: var(--g-fill-hover);
  color: var(--g-text);
  border-color: var(--g-separator);
}
.table > :not(caption) > * > * { background-color: transparent; color: inherit; border-bottom-color: var(--g-separator); }
.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-bg-type: var(--g-fill); }
.table-hover > tbody > tr:hover > * { --bs-table-bg-state: var(--g-fill); }
.table thead th, .table > thead > tr > th { color: var(--g-text-2); font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: none; white-space: nowrap; }
.table-bordered > :not(caption) > * > * { border-color: var(--g-separator); }
.epmrs-official-table th { background: var(--g-green-tint) !important; color: var(--g-text) !important; white-space: normal; vertical-align: middle; text-align: center; }
.epmrs-official-table td { vertical-align: top; font-size: 13px; }
.epmrs-official-table .epmrs-long-text { min-width: 14rem; white-space: pre-line; }
.epmrs-official-table td:nth-child(5) { min-width: 12rem; }
.epmrs-group-row td { background: var(--g-accent-tint) !important; color: var(--g-accent) !important; font-weight: 700; }
.epmrs-summary-row td { background: var(--g-fill-hover) !important; font-weight: 700; }
.epmrs-detail-row td { padding-top: 0 !important; border-top: 0; }
.epmrs-detail-row summary { color: var(--g-accent); cursor: pointer; width: fit-content; }
.list-group { --bs-list-group-bg: transparent; --bs-list-group-color: var(--g-text); --bs-list-group-border-color: var(--g-separator); --bs-list-group-action-hover-bg: var(--g-fill); --bs-list-group-action-hover-color: var(--g-text); --bs-list-group-active-bg: var(--g-accent-tint); --bs-list-group-active-color: var(--g-accent); --bs-list-group-active-border-color: var(--g-separator); border-radius: var(--g-radius-md); }
.table-responsive { scrollbar-width: thin; }
@media (max-width: 767.98px) {
  .table-responsive[data-card-table] tr { background: var(--g-fill); border: 0; box-shadow: none; border-radius: var(--g-radius-md); }
  .table-responsive[data-card-table] td::before { color: var(--g-text-2); }
}

/* Cached supporting documents */
.epmrs-doc-badge { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: 8px; padding: 1px 8px; border-radius: var(--g-pill); font-size: 11px; font-weight: 600; background: var(--g-green-tint); color: var(--g-green); vertical-align: middle; }
.epmrs-doc-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.epmrs-doc-badge[data-state="saving"] { background: var(--g-accent-tint); color: var(--g-accent); }

/* ---------- Dashboard page tokens → glass ---------- */
body.dashboard-page {
  --dash-bg: transparent;
  --dash-surface: var(--g-surface);
  --dash-ink: var(--g-text);
  --dash-muted: var(--g-text-2);
  --dash-line: var(--g-border);
  --dash-soft: var(--g-fill);
  background: var(--g-bg);
  color: var(--g-text);
  font-family: var(--g-font);
}
body.dashboard-page .dash-card {
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  box-shadow: var(--g-highlight), 0 0 0 .5px var(--g-edge), var(--g-shadow);
  border-radius: var(--g-radius);
}
body.dashboard-page .epmrs-sidebar { width: 272px; flex: 0 0 272px; padding: 18px 12px !important; border: 1px solid var(--g-border); background: var(--g-sheen), var(--g-surface); }
body.dashboard-page .epmrs-sidebar .epmrs-nav-link { color: var(--g-text-2); font-size: 13px; border-radius: var(--g-radius-sm); }
body.dashboard-page .epmrs-sidebar .epmrs-nav-link.active { background: var(--g-accent-tint); color: var(--g-accent); box-shadow: none; }
body.dashboard-page .epmrs-main { padding: 0 !important; }
body.dashboard-page .epmrs-topbar { padding: 8px 10px 8px 14px; border-bottom: 1px solid var(--g-border); margin-bottom: 20px !important; }

/* ---------- Print: no glass on paper ---------- */
@media print {
  body::before { display: none; }
  .card, .epmrs-card { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; border: 1px solid #ddd !important; }
  .epmrs-sidebar, .epmrs-topbar, .epmrs-breadcrumb, .epmrs-segmented { display: none !important; }
}

/* Grouped sidebar navigation */
.epmrs-nav-group { margin-top: 6px; }
.epmrs-nav-group__title { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; border-radius: var(--g-radius-sm); color: var(--g-text-3); font-size: 12px; font-weight: 700; letter-spacing: .02em; cursor: pointer; user-select: none; }
.epmrs-nav-group__title::-webkit-details-marker { display: none; }
.epmrs-nav-group__title:hover { background: var(--g-fill); color: var(--g-text-2); }
.epmrs-nav-group__title i { font-size: 10px; transition: transform var(--g-dur) var(--g-ease); }
.epmrs-nav-group[open] > .epmrs-nav-group__title i { transform: rotate(180deg); }
.epmrs-nav-group > .d-grid { padding-top: 2px; }