/* 1.2.122: aktywne filtry tasków klienta i oznaczenie przekroczonego budżetu. */

/* 1.2.122: MySQL, szczegóły klienta i spójne akcje list. */
.database-settings-form {
  display: grid;
  gap: 16px;
}

.database-source-row {
  grid-template-columns: minmax(220px, 1fr) minmax(180px, .55fr);
}

.database-connection-grid {
  grid-template-columns: minmax(180px, 1fr) 110px minmax(180px, 1fr) minmax(180px, 1fr);
}

.database-password-field {
  grid-column: span 2;
}

.database-migration-toggle {
  margin: 0;
}

.database-settings-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.database-settings-actions {
  justify-content: flex-start;
}

.task-summary-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center !important;
  gap: 12px;
}

.task-summary-row .task-summary-main {
  min-width: 0;
  display: grid !important;
  grid-template-columns: minmax(170px, .8fr) minmax(0, 2fr);
  align-items: center;
  gap: 12px;
}

.task-summary-row .task-summary-meta {
  min-width: 0;
  justify-content: flex-start;
}

.task-summary-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#detailEntriesList .detail-entry-row {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

#detailEntriesList .detail-entry-row .row-main,
#detailEntriesList .detail-entry-row .row-data {
  min-width: 0;
  align-self: center;
}

#detailEntriesList .detail-entry-row .row-main {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

#detailEntriesList .detail-entry-row .row-title,
#detailEntriesList .detail-entry-row .entry-task-title,
#detailEntriesList .detail-entry-row .row-meta {
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 900px) {
  .database-connection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .database-password-field {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  .database-source-row,
  .database-connection-grid,
  .task-summary-row .task-summary-main {
    grid-template-columns: 1fr;
  }

  .task-summary-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}


/* 1.2.125 - kontynuowanie timera z ostatniego wpisu */
.app-list-row .entry-play-btn {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 11px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: var(--entry-play-bg) !important;
  color: var(--entry-play-fg) !important;
  box-shadow: none !important;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.app-list-row .entry-play-btn:hover,
.app-list-row .entry-play-btn:focus-visible {
  background: var(--entry-play-hover-bg) !important;
  color: var(--entry-play-hover-fg) !important;
}

.app-list-row .entry-play-btn__icon {
  font-size: 10px;
  line-height: 1;
}

@media (max-width: 700px) {
  .app-list-row .entry-play-btn {
    order: -1;
  }
}


/* 1.2.128 - pełnoszerokościowy header i content ograniczony do 1366 px. */
#detailGrid {
  background: transparent !important;
  border: 0 !important;
}

.system-info-list {
  background: var(--surface-soft) !important;
}

#detailGrid .tile,
#detailGrid .tile:hover,
.system-info-list .tile,
.system-info-list .tile:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}