/* ===== DIALOG / POPUP STYLES =====
   All popup dialogs (customer, dog, contract, contract-history, holiday)
   use native <dialog> with showModal(). These styles ensure tables
   inside dialogs look clean. */


/* ── Contract History Dialog ──────────────────────── */

#contract-history-dialog table,
#contract-history-dialog table thead,
#contract-history-dialog table tbody,
#contract-history-dialog table tr,
#contract-history-dialog table th,
#contract-history-dialog table td {
  background: transparent;
}

/* Highlight the currently active contract row */
#contract-history-dialog table tr.contract-current,
#contract-history-dialog table tr.contract-current th,
#contract-history-dialog table tr.contract-current td {
  color: var(--brand-green);
  font-weight: 600;
}


/* ── Photo Overlay Dialog ─────────────────────────── */

#photo-overlay-dialog {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 6rem;
  margin: 0;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  box-sizing: border-box;
}
#photo-overlay-dialog[open] {
  display: flex;
  align-items: center;
  justify-content: center;
}
#photo-overlay-dialog::backdrop {
  background: rgba(0, 0, 0, 0.85);
  cursor: zoom-out;
}
#photo-overlay-dialog img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  cursor: zoom-out;
}


/* ── Holiday Detail Dialog ────────────────────────── */

#holiday-detail-dialog table,
#holiday-detail-dialog table thead,
#holiday-detail-dialog table tbody,
#holiday-detail-dialog table tr,
#holiday-detail-dialog table th,
#holiday-detail-dialog table td {
  background: transparent;
}