/* Absolute German date and time display styling */

/* Desktop: Give date/time columns in ticket overviews enough space so DD.MM.YYYY, HH:mm Uhr fits without wrapping */
@media (min-width: 769px) {
  th[data-column-key="created_at"],
  th[data-column-key="updated_at"],
  th[data-column-key="last_contact_at"],
  th[data-column-key="escalation_at"],
  th[data-column-key="close_at"] {
    min-width: 155px !important;
  }
}

/* Mobile: Keep date columns compact so ticket title gets maximum room */
@media (max-width: 768px) {
  th[data-column-key="created_at"],
  th[data-column-key="updated_at"],
  th[data-column-key="last_contact_at"],
  th[data-column-key="escalation_at"],
  th[data-column-key="close_at"],
  .table td.col-created_at,
  .table td.col-updated_at,
  .table td.col-last_contact_at,
  .table td[data-column-key="created_at"],
  .table td[data-column-key="updated_at"],
  .table td[data-column-key="last_contact_at"] {
    max-width: 78px !important;
    font-size: 11px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .table td time.humanTimeFromNow {
    font-size: 11px !important;
  }
}

/* Ensure timestamp elements do not wrap in table cells */
.table td time.humanTimeFromNow {
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums;
}

/* Tabular numbers for clear alignment across article headers and ticket meta */
.article-meta .task-subline,
.ticket-meta time,
.task-subline time,
.task-subline {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}