/* app main page is by default not scrolling */
.app-main {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.app-toolbar, .dmc-app-toolbar {
  border: none;
}

.app-navbar {
  border: none;
}

.app-toolbar-title {
  flex: 1;
  white-space: nowrap; /* Do not wrap text */
  overflow: hidden; /* Hide overflow text */
  text-overflow: ellipsis; /* Show "..." for truncated text */
}

.app-page-tabs-wrapper {
  flex: 1;
  display: flex;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table {
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.dash-header {
  width: 4rem;
}

.dmc-app-toolbar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--navbar-accent-color);
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.1);
}

[data-mantine-color-scheme=light] .app-main {
  background-color: white;
}

[data-mantine-color-scheme=dark] .app-main {
  background-color: var(--mantine-primary-color-9);
  color: var(--mantine-color-bright);
}

[data-mantine-color-scheme=light] .dmc-app-toolbar {
  background-color: var(--mantine-primary-color-5);
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme=dark] .dmc-app-toolbar {
  background-color: var(--mantine-primary-color-8);
  color: var(--mantine-color-bright);
}

[data-mantine-color-scheme=light] .feramat-user-menu {
  background: var(--mantine-primary-color-3);
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme=dark] .feramat-user-menu {
  background: var(--mantine-primary-color-5);
  color: var(--mantine-color-white);
}

.feramat-navbar {
  border: none;
  font-weight: 600;
  z-index: 500; /*above dmc.NOTIFICATION with z-index=400 */
}
.feramat-navbar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--navbar-accent-color);
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.1);
}

[data-mantine-color-scheme=light] .feramat-navbar {
  background-color: var(--mantine-primary-color-5);
  color: var(--mantine-primary-color-1);
}

[data-mantine-color-scheme=dark] .feramat-navbar {
  background-color: var(--mantine-primary-color-8);
  color: var(--mantine-color-bright);
}

.feramat-navbar-logo-section {
  z-index: 1000;
}

.feramat-navbar-logo {
  width: calc(100% - 24px);
  margin: 12px;
}

/* [data-mantine-color-scheme="light"] .feramat-navlink {
  color: var(--mantine-color-white);
}
[data-mantine-color-scheme="dark"] .feramat-navlink {
} */
[data-mantine-color-scheme=light] .feramat-navlink:where([data-active]) {
  background-color: var(--mantine-primary-color-4);
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme=dark] .feramat-navlink:where([data-active]) {
  background-color: var(--mantine-primary-color-5);
}

[data-mantine-color-scheme=light] .feramat-navlink:hover {
  background-color: var(--mantine-primary-color-6);
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme=dark] .feramat-navlink:hover {
  background-color: var(--mantine-primary-color-7);
}

.toolbar-title {
  flex: 1;
  white-space: nowrap; /* Do not wrap text */
  overflow: hidden; /* Hide overflow text */
  text-overflow: ellipsis; /* Show "..." for truncated text */
}

.feramat-login-button {
  /* background: #2d8bdb; */
  background: var(--mantine-primary-color-6);
  padding: 5px 20px;
  border: none;
  border-radius: 20px;
  color: white;
  font-size: 16px;
  width: 100%;
}

.feramat-login-button-with-google {
  text-decoration: white;
  border-radius: 50px;
}

.tabs-wrapper {
  flex: 1;
  display: flex;
}

[data-mantine-color-scheme=light] .mantine-Tabs-root {
  background: var(--mantine-primary-color-0);
}

[data-mantine-color-scheme=dark] .mantine-Tabs-root {
  background: var(--mantine-primary-color-8);
}

[data-mantine-color-scheme=light] .mantine-Tabs-panel {
  background: var(--mantine-color-white);
}

[data-mantine-color-scheme=dark] .mantine-Tabs-panel {
  background: var(--mantine-primary-color-8);
}

.mantine-Tabs-tab {
  border-radius: 0;
  font-weight: 600;
}

[data-mantine-color-scheme=light] .mantine-Tabs-tab:hover {
  background: var(--mantine-primary-color-2);
}

[data-mantine-color-scheme=dark] .mantine-Tabs-tab:hover {
  background: var(--mantine-primary-color-7);
}

[data-mantine-color-scheme=light] .mantine-Tabs-tab:where([data-active]) {
  background: var(--mantine-primary-color-4);
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme=dark] .mantine-Tabs-tab:where([data-active]) {
  background: var(--mantine-primary-color-5);
}

[data-mantine-color-scheme=light] .mantine-Accordion-control:hover {
  background: var(--mantine-primary-color-0);
}

[data-mantine-color-scheme=dark] .mantine-Accordion-control:hover {
  background: var(--mantine-primary-color-7);
}

[data-mantine-color-scheme=light] .mantine-SegmentedControl-control:where([data-active]) .mantine-SegmentedControl-label:where([data-disabled]) {
  background: var(--mantine-primary-color-2);
}

[data-mantine-color-scheme=dark] .mantine-SegmentedControl-control:where([data-active]) .mantine-SegmentedControl-label:where([data-disabled]) {
  background: var(--mantine-primary-color-7);
}

/* TODO: why it is not already defined */
.mantine-Notifications-root {
  right: 112px; /* nex to debug button*/
}

/* fix to not show scrollbar when notification is hiding */
body {
  overflow: hidden;
}

.responsive-select {
  width: 130px; /* Default width */
}

@media (max-width: 768px) {
  .responsive-select {
    width: 100%;
  }
}
/* Suppress AG Grid default cell focus highlight completely.
   Selection state is shown via affected-cell / edited-cell classes instead.
   The default focus adds a light background that washes out cell values. */
.ag-theme-alpine .ag-cell-focus,
.ag-theme-alpine .ag-cell-focus:not(.ag-cell-range-selected) {
  --ag-range-selection-background-color: transparent;
  background-color: inherit !important;
  border-color: transparent !important;
  border-style: solid !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Suppress focus on checkbox and index/label columns */
.ag-theme-alpine .ag-cell-focus[col-id="ag-Grid-AutoColumn"],
.ag-theme-alpine .ag-cell-focus[col-id="Datum"],
.ag-theme-alpine .ag-cell-focus[col-id="Čtvrthodina"],
.ag-theme-alpine .ag-cell-focus[col-id="Zdroj"] {
  background-color: inherit !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* PRD-002: locked cells (cutoff window) — distinct muted background
   that fully replaces the gradient styleConditions (Spec-AC-020/021).
   Placed BEFORE .affected-cell and .edited-cell so that those rules
   (which only set inset box-shadow + font-weight) can still visually
   override on the impossible-but-theoretical overlap. The
   !important on background-color is intentional: defeats the inline
   `cellStyle.styleConditions` gradient set by
   discrete_background_color_bins_style_conditions. */
.ag-theme-alpine .locked-cell {
  background-color: var(--mantine-color-gray-2) !important;
  color: var(--mantine-color-dimmed) !important;
  cursor: not-allowed;
}

/* ISSUE-012: invalid-slot cells — placeholder columns past the row's
   actual valid hour/QH count (hour 25 on non-DST days, QH 17-20 on
   normal 4h blocks). They render as visually inert striped background
   and the selection callbacks gate on the same class so neither
   click, Shift+click, Ctrl+click, range preset, nor drag can paint
   them as affected. */
.ag-theme-alpine .invalid-cell {
  background-color: var(--mantine-color-gray-1) !important;
  background-image: repeating-linear-gradient(
    45deg,
    transparent 0 4px,
    rgba(0, 0, 0, 0.04) 4px 8px
  ) !important;
  color: transparent !important;
  cursor: not-allowed;
  pointer-events: none;
}

/* CHANGE-003: modified (orange) cells — pending edits not yet saved
   Border highlight preserves gradient background based on cell value */
.ag-theme-alpine .edited-cell {
  box-shadow: inset 0 0 0 2px var(--mantine-color-orange-5) !important;
  font-weight: bold !important;
}

/* CHANGE-003: affected (green) cells — currently selected for editing
   Border highlight preserves gradient background based on cell value
   Must come AFTER edited-cell so green takes priority when both classes apply */
.ag-theme-alpine .affected-cell {
  box-shadow: inset 0 0 0 2px var(--mantine-color-feramat-green-5) !important;
  font-weight: bold !important;
}

/* Disable checkbox interaction when range mode is not Ručně */
.ag-theme-alpine.checkboxes-disabled .ag-selection-checkbox {
  pointer-events: none;
  opacity: 0.4;
}
.ag-theme-alpine.checkboxes-disabled .ag-header-select-all {
  pointer-events: none;
  opacity: 0.4;
}

/* make cells tighter */
/* reduce overall grid spacing */
.ag-theme-alpine.compact-grid {
  --ag-grid-size: 2px; /* global spacing token */
  --ag-row-height: 30px;
  --ag-header-height: 32px;
}

/* Light/Dark theme support for AG Grid */
[data-mantine-color-scheme=light] .ag-theme-alpine {
  --ag-background-color: var(--mantine-color-white);
  --ag-foreground-color: var(--mantine-color-black);
  --ag-header-background-color: var(--mantine-color-gray-0);
  --ag-odd-row-background-color: var(--mantine-color-white);
  --ag-row-hover-color: var(--mantine-primary-color-0);
  --ag-selected-row-background-color: var(--mantine-primary-color-2);
  --ag-checkbox-unchecked-color: #999; /* empty box border */
  --ag-checkbox-checked-color: var(--mantine-primary-color-6); /* tick color */
  --ag-input-focus-border-color: var(--mantine-primary-color-6);
  --ag-input-focus-box-shadow: 0 0 0 0px;
  --ag-alpine-active-color: var(--mantine-primary-color-6);
}

[data-mantine-color-scheme=dark] .ag-theme-alpine {
  --ag-background-color: var(--mantine-primary-color-9);
  --ag-foreground-color: var(--mantine-color-bright);
  --ag-header-background-color: var(--mantine-primary-color-8);
  --ag-odd-row-background-color: var(--mantine-primary-color-9);
  --ag-border-color: var(--mantine-primary-color-7);
  --ag-row-hover-color: var(--mantine-primary-color-8);
  --ag-selected-row-background-color: var(--mantine-primary-color-2);
  --ag-checkbox-unchecked-color: #999; /* empty box border */
  --ag-checkbox-checked-color: var(--mantine-primary-color-6); /* tick color */
  --ag-input-focus-border-color: var(--mantine-primary-color-6);
  --ag-input-focus-box-shadow: 0 0 0 0px;
  --ag-alpine-active-color: var(--mantine-primary-color-6);
}

/* ISSUE-013: Force readable contrast for AG Grid cell editor.
   Cells colored by discrete_background_color_bins_style_conditions apply an
   inline `color: white` that bleeds into edit-mode inputs (white-on-white).
   This rule pins the editor input to black-on-white regardless of cell class.
   Display-mode cell coloring is untouched — only the inner editor input. */
.ag-theme-alpine .ag-cell-inline-editing,
.ag-theme-alpine .ag-cell-editor,
.ag-theme-alpine .ag-cell-inline-editing .ag-input-field-input,
.ag-theme-alpine .ag-cell-inline-editing input.ag-cell-edit-input,
.ag-theme-alpine input.ag-cell-edit-text-input {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* assets/ag-grid-custom.css */
.ag-theme-alpine .ag-center-cols-container,
.ag-theme-alpine .ag-center-cols-viewport,
.ag-theme-alpine .ag-center-cols-clipper {
  min-height: 0px !important;
}

.center-aligned-header .ag-header-cell-comp-wrapper { /* .ag-header-group-cell-label */
  justify-content: center;
}

.center-aligned-header .ag-header-cell-label {
  justify-content: center;
}

.center-aligned-cell {
  text-align: center;
}

.no-wrap-cell {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.hover-pointer-cell:hover {
  cursor: pointer;
}

/* op-prep-detail-table-hour-quarter-columns (Spec-AC-04):
   ONE consistent THIN vertical separator per column boundary on the MMS View-1
   summary table, applied to th AND td so it also reaches the merged plain
   <td> cells (Datum/Hodina/Čtvrthodina) that Mantine `withColumnBorders` never
   targets. `border-style: solid` is mandatory — a border width alone paints
   NOTHING (the #5 false-green lesson). Vertical only: no horizontal row grid
   lines are added here and `withRowBorders` is off, so rows stay striped. The
   last column drops its right border so it doesn't double the outer table
   border. The PRD-007/CHANGE-035 orange/yellow highlight is a per-cell
   backgroundColor set inline and is unaffected by these border rules. */
.mms-summary-table th,
.mms-summary-table td {
  border-right: 1px solid var(--mantine-color-gray-3);
}
.mms-summary-table th:last-child,
.mms-summary-table td:last-child {
  border-right: none;
}

/* calendar-day-oh-quarter-grid (D10): additive-only classes for the
   OH_QUARTER DAY grid. The existing .affected-cell / .edited-cell rules
   above are NOT changed — a day-oh edited cell gets an additional small
   corner-dot marker (on top of the shared orange inset box-shadow) so an
   edited quarter is distinguishable at a glance from a merely-selected one
   even at the grid's small cell size.
   owner-review fix (round 5, 2026-09-13): do NOT set `position: relative`
   here. AG Grid already renders every `.ag-cell` with `position: absolute`
   (its own base stylesheet) so its inline `left: Npx` is an ABSOLUTE offset
   from the row's left edge; that already gives this pseudo-element a valid
   `position: absolute` containing block, so no override is needed. Setting
   `position: relative` WON, by specificity, over AG Grid's own
   `.ag-cell { position: absolute }` rule for every cell carrying BOTH
   `day-oh-cell` AND `edited-cell` — i.e. every cell the instant it is
   applied/edited — which knocked those cells out of AG Grid's absolute
   layout into normal inline-block DOCUMENT FLOW. The cell kept its
   AG-Grid-computed `left: Npx` inline style, but under `position: relative`
   that offset is now RELATIVE TO THE CELL'S OWN FLOW POSITION instead of
   the row's edge, so each successive edited cell drifted an extra ~1 column
   width to the right of its header, compounding across the row: reproduced
   live (round-5 remediation) as odd OH columns showing the applied value
   with the orange border while even columns rendered blank (values pushed
   under the wrong header, and the tail columns clipped past the grid's
   fixed content width). Confirmed by removing this declaration live via
   devtools: every column immediately re-aligned under its own header.
   `.ag-theme-alpine .day-oh-cell.edited-cell` no longer sets `position` at
   all — the shared `.ag-cell` rule's own `position: absolute` is left
   completely alone, and the corner dot still anchors correctly because an
   absolutely-positioned element is itself a valid containing block for an
   absolutely-positioned `::after`. */
.ag-theme-alpine .day-oh-cell.edited-cell::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--mantine-color-orange-6);
}

/* calendar-day-oh-quarter-grid D8/D11: day overview bar — 4*N segments in
   chronological (linear) order, one per quarter. Height is set inline
   (per-segment %) by the clientside overview repaint; selected/edited
   classes mirror the grid's own affected-cell/edited-cell palette. */
.calendar-oh-overview-bar {
  display: flex;
  align-items: flex-end;
  gap: 1px;
  height: 48px;
  padding: 2px;
  background-color: var(--mantine-color-gray-0);
  border-radius: 4px;
}
.calendar-oh-overview-segment {
  flex: 1 1 0;
  min-width: 1px;
  height: 0%;
  background-color: var(--mantine-color-feramat-4);
  border-radius: 1px 1px 0 0;
  transition: height 0.15s ease;
}
.calendar-oh-overview-segment--selected {
  background-color: var(--mantine-color-feramat-green-5);
}
.calendar-oh-overview-segment--edited {
  background-color: var(--mantine-color-orange-5);
}

/* PP MMS section accordion (SVR služba / PDG / Úlohy) below the AB tabs.
   Own markup (assemble_mms_sections), not a Mantine Accordion: a closed header
   is a link to the section URL, the open header is inert, so exactly one
   section is open and nothing can collapse it. The OPEN section stretches to
   the pinned page height and its body scrolls inside. A fill_height table needs
   every box up to the pinned page Box to be a flex column with min-height 0.
   min-height: on a viewport too short for it the pinned page Box scrolls
   instead of squeezing the open section to a few pixels. */
.mms-sections {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 560px;
  gap: var(--mantine-spacing-xs);
}

.mms-section {
  flex: 0 0 auto;
  border: 1px solid transparent;
  border-radius: var(--mantine-radius-sm);
  background-color: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme="dark"] .mms-section {
  background-color: var(--mantine-color-dark-6);
}

.mms-section--open {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--mantine-color-body);
  border-color: var(--mantine-color-default-border);
}

[data-mantine-color-scheme="dark"] .mms-section--open {
  background-color: var(--mantine-color-body);
}

.mms-section__header {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-md);
  padding: 8px var(--mantine-spacing-md);
  color: var(--mantine-color-text);
  text-decoration: none;
  flex: 0 0 auto;
}

a.mms-section__header {
  cursor: pointer;
}

a.mms-section__header:hover {
  background-color: var(--mantine-color-default-hover);
}

a.mms-section__header:focus-visible {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: -2px;
}

.mms-section__chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  flex: 0 0 auto;
}

.mms-section--open > .mms-section__header > .mms-section__chevron {
  transform: rotate(45deg) translate(-2px, -2px);
}

.mms-section--open > .mms-section__header > .mms-section__label {
  font-weight: 600;
}

.mms-section__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
  padding: 0 var(--mantine-spacing-md) var(--mantine-spacing-md);
  overflow: auto;
}

/* PP MMS four-part time index and hour separators
   (pp-mms-time-columns-hour-separators). Both table variants render the columns
   Datum | OH | 1/4h | Interval on every row; the first row of every OH group
   carries a STRONGER horizontal rule across ALL columns.
   AG Grid (service detail, PDG): the row class mms-oh-start comes from
   rowClassRules; the rule is the top border of every cell of that row, the
   selection checkbox cell included. Striped, hovered, selected, edited and
   gradient states use backgrounds and inset shadows, so the border stays
   visible over them and hides none of them.
   Mantine summary: the rows of one OH sit in their own tbody.mms-oh-group; the
   rule is drawn between two groups, and hovering an OH cell tints its whole
   group with an inset shadow that composes with the inline provider colours.
   :has() is required for the tint only. */
.ag-theme-alpine .ag-row.mms-oh-start .ag-cell {
  border-top: 2px solid var(--mantine-color-gray-6) !important;
}

.ag-theme-alpine .ag-cell.mms-time-cell {
  font-variant-numeric: tabular-nums;
}

.ag-theme-alpine .ag-cell-focus[col-id="OH"],
.ag-theme-alpine .ag-cell-focus[col-id="1/4h"],
.ag-theme-alpine .ag-cell-focus[col-id="Interval"] {
  background-color: inherit !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.mms-summary-table tbody.mms-oh-group + tbody.mms-oh-group > tr:first-child > td {
  border-top: 2px solid var(--mantine-color-gray-6);
}

.mms-summary-table td.mms-time-cell,
.mms-summary-table td.mms-oh-cell {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mms-summary-table td.mms-oh-cell {
  cursor: default;
  font-weight: 600;
}

.mms-summary-table tbody.mms-oh-group:has(td.mms-oh-cell:hover) > tr > td {
  box-shadow: inset 0 0 0 9999px rgba(34, 139, 230, 0.14);
}

[data-mantine-color-scheme="dark"] .ag-theme-alpine .ag-row.mms-oh-start .ag-cell {
  border-top-color: var(--mantine-color-dark-2) !important;
}

[data-mantine-color-scheme="dark"] .mms-summary-table tbody.mms-oh-group + tbody.mms-oh-group > tr:first-child > td {
  border-top-color: var(--mantine-color-dark-2);
}
/* end PP MMS four-part time index */

/* PP MMS service detail: graph visibility toggle (pp-mms-service-graph-toggle).
   LOCAL state, no Dash callback: assets/mms_graph_toggle.js toggles the class
   mms-graph-is-hidden on the wrapper; these rules do the rest. The button holds
   both labels and shows the one that names the NEXT action. */
.mms-service-view {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mms-graph-toggle__slot {
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* PP MMS page: feedback for a navigating click (pp-mms-follow-ups-1). The class
   is added by assets/mms_nav_feedback.js to the open section's filled content,
   which every navigation replaces. */
.mms-sections .mms-content > .mms-nav-pending {
  position: relative;
  opacity: 0.45;
  pointer-events: none;
}

.mms-sections .mms-content > .mms-nav-pending:first-child::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  border: 4px solid var(--mantine-color-gray-3);
  border-top-color: var(--mantine-primary-color-5);
  border-radius: 50%;
  animation: mms-nav-spin 0.8s linear infinite;
  pointer-events: none;
  z-index: 5;
}

@keyframes mms-nav-spin {
  to { transform: rotate(360deg); }
}

.mms-graph-toggle {
  font: inherit;
  font-size: var(--mantine-font-size-xs);
  line-height: 1.4;
  padding: 2px 10px;
  border: 1px solid var(--mantine-color-default-border);
  border-radius: var(--mantine-radius-sm);
  background-color: var(--mantine-color-default);
  color: var(--mantine-color-text);
  cursor: pointer;
}

.mms-graph-toggle:hover {
  background-color: var(--mantine-color-default-hover);
}

.mms-graph-toggle:focus-visible {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: 2px;
}

.mms-graph-toggle__show {
  display: none;
}

.mms-graph-is-hidden .mms-graph-toggle__show {
  display: inline;
}

.mms-graph-is-hidden .mms-graph-toggle__hide {
  display: none;
}

.mms-graph-is-hidden .mms-graph-box {
  display: none !important;
}

/* PDG AB (the read-only member sum): bold, never click-selected
   (pp-mms-graph-axis-fit). */
.ag-theme-alpine .ag-cell.mms-readonly-cell {
  font-weight: 600;
}

/* PDG table: a source cell in a quarter-hour where the source is NOT a member
   of the AB (es.ab) cannot be edited. */
.ag-theme-alpine .unavailable-cell {
  background-color: var(--mantine-color-gray-1);
  color: var(--mantine-color-gray-5);
  cursor: not-allowed;
}

[data-mantine-color-scheme="dark"] .ag-theme-alpine .unavailable-cell {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-dark-2);
}

/*# sourceMappingURL=feramat-dmc.css.map */