#calendarPlansModal { width: min(1100px, calc(100vw - 32px)); max-width: calc(100vw - 32px); padding: 0; }
#calendarPlansModal .saved-documents-card { width: 100%; min-width: 0; padding: 24px; }
#calendarPlansModal .saved-documents-header { align-items: flex-start; gap: 20px; }
#calendarPlansModal .saved-documents-header h2 { margin: 0; min-width: 0; }
#calendarPlansModal .saved-documents-actions { gap: 8px; flex-wrap: wrap; }
#calendarPlansModal .saved-documents-table-wrap { max-width: 100%; min-width: 0; }
#calendarPlansModal td { overflow-wrap: anywhere; }
#calendarPlanEmailDialog { width: min(540px, calc(100vw - 32px)); padding: 24px; border: 1px solid #d5e0ee; border-radius: 16px; color: #172338; }
#calendarPlanEmailDialog::backdrop { background: rgb(15 23 42 / 45%); }
#calendarPlanEmailDialog h2 { margin: 0 0 12px; font-size: 22px; }
#calendarPlanEmailDialog [data-plan-filename] { overflow-wrap: anywhere; color: #52647b; }
#calendarPlanEmailDialog label { display: grid; gap: 8px; font-weight: 700; }
#calendarPlanEmailDialog input { width: 100%; min-width: 0; padding: 12px; font-size: 16px; }
.calendar-plan-email-actions { display: flex; flex-direction: row; justify-content: flex-end; gap: 12px; margin-top: 20px; }
.calendar-plan-email-actions button { min-height: 44px; min-width: 100px; }
@media (max-width: 850px) {
  #calendarPlansModal .saved-documents-card { padding: 18px; }
  #calendarPlansModal .saved-documents-header { flex-direction: column; }
  #calendarPlansModal .saved-documents-header .saved-documents-actions { width: 100%; }
  #calendarPlansModal .saved-documents-table { min-width: 0; width: 100%; }
  #calendarPlansModal thead { display: none; }
  #calendarPlansModal tbody { display: grid; gap: 14px; }
  #calendarPlansModal tr { display: grid; border: 1px solid #d6e1ee; border-radius: 12px; overflow: hidden; padding: 10px 12px; }
  #calendarPlansModal td { display: block; padding: 5px 0; border: 0; }
  #calendarPlansModal td:nth-child(1) { font-weight: 700; }
  #calendarPlansModal td:nth-child(2) { color: #52647b; font-size: 13px; }
  #calendarPlansModal td:nth-child(3)::before { content: "Zapisano: "; color: #52647b; }
  #calendarPlansModal td:nth-child(4)::before { content: "Rozmiar: "; color: #52647b; }
  #calendarPlansModal td:last-child { padding-top: 10px; }
  #calendarPlansModal .saved-documents-actions button { min-height: 42px; }
}