/* YGS styles and semantic theme mapping for Frappe Gantt. */
.uigantt {
  font: var(--application-font-size)/var(--application-line-height) var(--application-font);
  color: var(--color-text); background: var(--color-surface);
  border: 1px solid var(--color-border); border-radius: var(--radius-control); overflow: hidden;
  --g-arrow-color: var(--color-text-muted);
  --g-bar-color: var(--color-primary-soft);
  --g-bar-border: var(--color-primary);
  --g-tick-color-thick: var(--color-border);
  --g-tick-color: var(--color-border-soft);
  --g-actions-background: var(--color-surface-muted);
  --g-border-color: var(--color-border-soft);
  --g-text-muted: var(--color-text-muted);
  --g-text-light: var(--color-on-primary);
  --g-text-dark: var(--color-text);
  --g-progress-color: var(--color-primary);
  --g-handle-color: var(--color-text);
  --g-weekend-label-color: var(--color-surface-muted);
  --g-expected-progress: var(--color-selection);
  --g-header-background: var(--color-surface);
  --g-row-color: var(--color-surface);
  --g-row-border-color: var(--color-border);
  --g-today-highlight: var(--color-primary);
  --g-popup-actions: var(--color-surface-muted);
  --g-weekend-highlight-color: var(--color-surface-muted);
}
.uigantt-toolbar {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 8px; border-bottom: 1px solid var(--color-border-soft);}
.uigantt-filters {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.uigantt-filters label {display: inline-flex; align-items: center; gap: 8px; font-size: var(--font-size-compact); cursor: pointer;}
.uigantt-filters input {accent-color: var(--color-primary);}
.uigantt-dot {width: 10px; height: 10px; border-radius: var(--radius-pill); background: var(--color-primary);}
.uigantt-toolbar .form-group {margin: 0; min-width: 140px;}
.uigantt-toolbar select {font: inherit; color: var(--color-text); background: var(--uifloat-background); border: 1px solid var(--color-border); border-radius: var(--radius-control);}
.uigantt-toolbar select:hover {border-color: var(--color-primary);}
.uigantt-toolbar select:focus {border-color: var(--color-focus); outline: none;}
.uigantt-chart {min-height: 150px; min-width: 0;}
.uigantt .gantt-container {max-width: 100%; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; font-family: var(--application-font); border-radius: var(--radius-control);}
.uigantt-canvas {min-width: 0;}
.uigantt-empty {padding: 8px; color: var(--color-text-muted);}
.uigantt .gantt .bar-label {font-family: var(--application-font); font-size: var(--font-size-compact); fill: var(--color-text);}
.uigantt .gantt .bar-label.big {fill: var(--color-text);}
.uigantt .gantt-container .current-upper {background: var(--color-surface);}
.uigantt .gantt-container .popup-wrapper {background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-menu); border-radius: var(--radius-control);}
.uigantt .gantt-container .extras .adjust {background: var(--color-secondary); color: var(--color-on-secondary); border-radius: var(--radius-control);}
.uigantt .gantt .bar-wrapper .bar {outline-color: var(--color-border);}
.uigantt .gantt .bar-progress {opacity: .4;}