/* ============================================
   2) MODALS – GLOBAL
============================================ */

/* Android fix */
.modal,
.modal-dialog,
.modal-content {
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* ============================================
   MODERN MODAL (modální vzhled)
============================================ */

.modal-modern .modal-dialog {
  width: 92%;
  max-width: 650px;
  margin: 20px auto 0;
}

.modal-modern .modal-content {
  border-radius: 22px;
  border: none;
  overflow: hidden;
  background: #f7f9fc;
}

/* Header */
.modal-modern .modal-header {
  background: #1c55c9;
  color: white;
  padding: 18px 24px;
  border-bottom: none;
}

/* Body */
.modal-modern .modal-body {
  padding: 20px;
  background: #f7f9fc;
  max-height: 75vh;
  overflow-y: auto;
}

/* Tabs (Navigace) */
.tabs-modern {
  display: flex;
  background: #eef1f4;
  padding: 6px;
  border-radius: 14px;
  margin-bottom: 16px;
}

.tabs-modern .tab {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  cursor: pointer;
  border-radius: 10px;
}
.tabs-modern .tab.active {
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Individuální šířky modalů */
.modal-body-wide .modal-dialog { max-width: 900px !important; width: 95% !important; }
.modal-sdileni-wide .modal-dialog { max-width: 1100px !important; width: 98% !important; }

/* ============================================
    TABULKA – VÝBĚR A AKTIVNÍ ŘÁDKY VE vÝBĚR PROJEKTU
============================================ */
#datumy-tbody tr:hover td,
#datumy-tbody tr:active td {
  background-color: rgba(13, 110, 253, 0.25) !important;
}

#datumy-tbody tr.radek-aktivni td {
  background-color: rgba(13, 110, 253, 0.55) !important;
  color: white; font-weight: 500;
}

#datumy-tbody tr td {
  padding: 0.75rem 0;
  -webkit-tap-highlight-color: rgba(13, 110, 253, 0.25);
}