/* Kompilát dashboard.scss — obsah je shodný, zdroj neobsahuje žádné SCSS konstrukce.
   Needituj ručně; uprav .scss a nech ho zkompilovat. */

.dashboard-schedule__track {
  position: relative;
  height: 12px;
}

.dashboard-schedule__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--dashboard-bar-start, 0%);
  width: var(--dashboard-bar-width, 0%);
  min-width: 4px;
}

.dashboard-schedule__today {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--dashboard-today-offset, 0%);
}

.dashboard-workload__track {
  position: relative;
  height: 6px;
}

.dashboard-workload__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--dashboard-bar-width, 0%);
  min-width: 2px;
}

/* Kanban pásmo v dialogu (DashboardColumnsDialog).

   Legacy AreaColumns je stavěné na celou stránku staré nástěnky: sloupce 340 px, mezery 30 px,
   hlavičky 16 px. V dialogu je to zbytečně rozvalité, tak se tu zmenšuje — jinak by se do šířky
   vešly sotva tři sloupce. Sahá se jen na rozměry, ne na chování; třídy jsou legacy, proto
   !important (default.css je vyhlašuje se stejnou specificitou a načítá se dřív). */
.dashboard-columns-dialog {
  height: 100%;
}

.dashboard-columns-dialog .dashboard-area__body {
  height: 100%;
  padding: 0.75rem !important;
  gap: 1rem !important;
  align-items: stretch;
}

.dashboard-columns-dialog .mud-drop-container {
  height: 100%;
  gap: 1rem !important;
  align-items: stretch;
}

.dashboard-columns-dialog .dashboard-element__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 250px !important;
}

.dashboard-columns-dialog .dashboard-element {
  width: 250px !important;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem !important;
}

/* Sloupec se roztáhne na výšku dialogu a karty v něm scrollují — bez toho se kanban zmáčkne
   nahoru a pod ním zůstane prázdno. */
.dashboard-columns-dialog .dashboard-element__drop-zone {
  width: 250px !important;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.dashboard-columns-dialog .dashboard-element h5 {
  font-size: 0.9166rem !important;
  line-height: 1.2 !important;
}

.dashboard-columns-dialog .dashboard-element-data,
.dashboard-columns-dialog .dashboard-element-data p {
  font-size: 0.9166rem !important;
  line-height: 1.3 !important;
}

/* Karta má v legacy CSS pevných 340 px — v užším sloupci by kvůli ní vyskočil vodorovný
   scrollbar. Vnitřní __left se místo pevné šířky roztáhne na zbytek karty. */
.dashboard-columns-dialog .dashboard-element-data,
.dashboard-columns-dialog .mud-drop-item {
  width: 100% !important;
}

.dashboard-columns-dialog .dashboard-element-data__left {
  width: auto !important;
  flex: 1;
  min-width: 0;
}