/* Białe sekcje formularza taska nie mają zewnętrznych ramek. */
.task-form-section,
.modal-form-section {
  border: 0 !important;
}

/* Równe odstępy sekcji w formularzu taska. */
.task-form-sections {
  gap: 18px !important;
}

.task-form-sections > .task-form-section {
  margin: 0 !important;
}

/* Nagłówki akordeonów pozostają wyrównane do lewej niezależnie od tego,
   czy zawierają dodatkowy przycisk. */
#view-info .settings-accordion-trigger,
#view-info .settings-accordion-copy,
#view-info .settings-accordion-copy > * {
  text-align: left !important;
}

@media (max-width: 780px) {
  #detailEntriesList .detail-entry-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #detailEntriesList .detail-entry-row .row-data {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}

/* --------------------------------------------------------------------------
   1.2.136 - czytelne toolbary, formularz wpisu, kolumny i MySQL-only
   -------------------------------------------------------------------------- */

/* Nagłówki sekcji w edycji czasu są zawsze wyrównane do lewej. */
#entryModal .modal-form-section-head,
#entryModal .modal-form-section-head > div,
#entryModal .modal-form-section-head .eyebrow,
#entryModal .modal-form-section-head .title-md {
  width: 100%;
  min-width: 0;
  text-align: left !important;
  justify-content: flex-start !important;
}

#entryModal .modal-form-section-head {
  display: block !important;
}

/* Toolbar nie przycina tytułów, eyebrowów ani tekstów pomocniczych. */
.toolbar {
  min-width: 0;
  overflow: visible !important;
  padding: 3px 1px;
}

.toolbar > div:first-child {
  flex: 1 1 220px;
  min-width: 0;
  overflow: visible;
}

.toolbar .eyebrow,
.toolbar .title-md,
.toolbar .helper-text {
  max-width: 100%;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow-wrap: break-word;
}

/* Magazyn danych jest wyłącznie MySQL. */
.database-source-row--mysql-only {
  grid-template-columns: minmax(220px, .8fr) minmax(180px, .55fr) !important;
}

.database-source-row--mysql-only input:disabled {
  color: #344054 !important;
  opacity: 1 !important;
  cursor: default;
}