/* training--training_view.css */

/* ── Main content padding override ── */
.main-content { padding: 24px 32px 48px; text-align: left !important; font-size: 1rem !important; font-weight: normal !important; }
@media (max-width: 700px) { .main-content { padding: 14px !important; } }
@media (max-width: 480px) { .main-content { padding: 10px !important; } }

/* ── Controls ── */
.tr-controls {
  display: flex; justify-content: flex-end; margin-bottom: 12px;
}
.tr-export-btn {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 16px; border-radius: 6px; border: none;
  background: #546e7a; color: #fff;
  font: 600 .83rem/1 system-ui, Arial, sans-serif;
  cursor: pointer; transition: filter .15s;
}
.tr-export-btn:hover { filter: brightness(1.1); }

/* ── Announcements ── */
.tr-announce {
  margin-bottom: 28px;
  border: 1px solid #e4e4e4; border-radius: 10px; overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.tr-announce-label {
  background: var(--green-1, #5B8D6A);
  padding: 11px 20px;
  font-size: .95rem; font-weight: 800; color: #fff;
}
.tr-announce-body {
  padding: 14px 20px;
  font-size: .9rem; color: #333; background: #fff;
}

/* ── Section wrapper ── */
.tr-section {
  margin-bottom: 28px;
  border: 1px solid #e4e4e4; border-radius: 10px;
  overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.tr-section-header {
  background: var(--green-1, #5B8D6A);
  padding: 12px 20px;
}
.tr-section-header h2 {
  font-size: .95rem; font-weight: 800; color: #fff; margin: 0;
}
.tr-note {
  padding: 10px 20px 12px;
  font-size: .85rem; color: #555;
  background: #fafafa; border-bottom: 1px solid #f0f0f0;
}

/* ── Table ── */
.tr-table-wrap { overflow-x: auto; background: #fff; }
.tr-table {
  width: 100%; border-collapse: collapse; font-size: .84rem;
}
.tr-table thead th {
  padding: 9px 13px; text-align: center;
  font-size: .73rem; font-weight: 700; color: #555;
  text-transform: uppercase; letter-spacing: .04em;
  background: #f5f5f5; border-bottom: 2px solid #ebebeb;
  white-space: nowrap;
  border: 1px solid #e0e0e0;
}
.tr-table tbody tr { border-bottom: 1px solid #f2f2f2; transition: background .1s; }
.tr-table tbody tr:last-child { border-bottom: none; }
.tr-table tbody tr:hover { background: #fafff9; }
.tr-table td {
  padding: 8px 13px; vertical-align: middle;
  color: #333; text-align: center;
  border: 1px solid #e0e0e0;
}
.tr-td-left, .tr-table th:first-child, .tr-table td:first-child { text-align: left; }

.tr-empty {
  text-align: center; color: #aaa;
  font-style: italic; padding: 16px !important;
}

/* ── Past rows ── */
.past-divider-row td {
  padding: 4px 8px !important;
  border-left: none !important; border-right: none !important;
  border-top: 3px solid var(--green-1, #2e7d32) !important;
  border-bottom: none !important;
  background: #f0f8f0 !important;
  text-align: center;
}
.past-divider-btn {
  background: none; border: 2px solid var(--green-1, #2e7d32);
  border-radius: 999px; color: var(--green-1, #2e7d32);
  font-size: .8rem; font-weight: 700; padding: 3px 16px;
  cursor: pointer; letter-spacing: .03em;
  transition: background .15s, color .15s;
}
.past-divider-btn:hover { background: var(--green-1, #2e7d32); color: #fff; }
.past-divider-arrow { display: inline-block; font-size: .7rem; transition: transform .2s; }
tr.past-row { transition: opacity .15s; }

/* ── Print ── */
@media print {
  @page { size: landscape; margin: 10mm; }
  body * { visibility: hidden; }
  .main-content, .main-content * { visibility: visible; }
  .main-content { position: absolute; left: 0; top: 0; width: 100%; padding: 0 !important; }
  header, .under-bar, .left-sidebar, .right-sidebar, footer, .no-print, .pub-btn-bar, .tr-controls { display: none !important; }
  .welcome h1 { font-size: 16px !important; }
  .tr-table { font-size: 9px !important; border-collapse: collapse !important; width: 100% !important; }
  .tr-table th, .tr-table td { padding: 4px 6px !important; }
  .tr-section { box-shadow: none !important; border-radius: 0 !important; break-inside: avoid; margin-bottom: 10px !important; }
  .tr-section-header { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .tr-table thead th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .past-divider-row { display: none !important; }
  tr.past-row { display: table-row !important; opacity: 1 !important; }
}

@media (max-width: 700px) {
  .tr-table { font-size: .78rem;
  border-collapse: collapse;
}
  .tr-table td, .tr-table th { padding: 7px 9px; }
}

/* ── Shared public page button bar ── */
.pub-btn-bar {
  display: flex; justify-content: flex-end; gap: 10px;
  flex-wrap: wrap; margin-bottom: 20px;
}
.pub-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 20px; border-radius: 6px; border: none;
  background: var(--green-1, #5B8D6A); color: #fff;
  font: 600 .83rem/1 system-ui, Arial, sans-serif;
  text-decoration: none; cursor: pointer; transition: filter .15s;
}
.pub-btn:hover { filter: brightness(1.1); color: #fff; text-decoration: none; }
@media print { .pub-btn-bar { display: none !important; } }