/**
 * shared-render.css — styles partagés pour shared-render.js
 * Inclus dans planning.html et login.html.
 *
 * Portée : les tableaux qui portent la classe .sr-table
 * (en plus de leur propre classe .hv-table ou .pub-table).
 */

/* ── Cellules date et période ─────────────────────────────────────────── */

.sr-table td.hv-date {
  text-align: left; padding: 4px 8px;
  font-weight: 700; font-size: .74rem;
  color: var(--text-2); white-space: nowrap;
  background: var(--surface-alt); vertical-align: middle;
  border-bottom: 2px solid #1E293B;
}
.sr-table td.hv-period {
  font-size: .67rem; color: var(--muted);
  white-space: nowrap; background: var(--surface-alt);
}

/* ── Séparateur de jour ───────────────────────────────────────────────── */

.sr-table tr.hv-day-end td { border-bottom: 2px solid #1E293B; }

/* ── Alternance de lignes ────────────────────────────────────────────── */

.sr-table tr.hv-alt td { background: #F8FAFC; }
.sr-table tr.hv-alt td.hv-date,
.sr-table tr.hv-alt td.hv-period { background: #F1F5F9; }
.sr-table tr.hv-alt.hv-today td.hv-date { background: #FEE2E2 !important; }

/* ── Week-end ────────────────────────────────────────────────────────── */

.sr-table tr.hv-we td { background: #E2E8F0; color: var(--muted); }
.sr-table tr.hv-we td.hv-date { color: #DC2626; }
.sr-table tr.hv-we td.hv-date,
.sr-table tr.hv-we td.hv-period { background: #EBEEf4; }

/* ── Aujourd'hui ─────────────────────────────────────────────────────── */

.sr-table tr.hv-today td.hv-date {
  background: #FEE2E2 !important;
  border-left: 3px solid #EF4444;
}

/* ── Badge médecin ───────────────────────────────────────────────────── */

.hv-doc-badge {
  display: inline-block; padding: 2px 6px;
  border-radius: 3px; color: #fff;
  font-size: .68rem; font-weight: 800;
  letter-spacing: .02em;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}

/* ── Chip poste ──────────────────────────────────────────────────────── */

.sr-table .poste-chip {
  position: absolute; inset: 3px;
  border-radius: 3px;
  font-size: .70rem; font-weight: 800; color: #fff;
  letter-spacing: .04em;
  display: flex; align-items: center; justify-content: center;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.sr-table .cv-bicolor { font-size: .58rem; letter-spacing: -.02em; }

/* ── Activité annexe — bande lecture seule ───────────────────────────── */

.sr-table .annexe-ro {
  position: absolute;
  left: 3px; top: 3px; bottom: 3px; width: 22%;
  border-radius: 3px; pointer-events: none;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}

/* Code du poste annexe en texte vertical dans la bande */
.annexe-code {
  font-size: .44rem; font-weight: 800; line-height: 1;
  color: rgba(255,255,255,.92);
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
  writing-mode: vertical-lr; transform: rotate(180deg);
  white-space: nowrap; overflow: hidden;
  letter-spacing: .04em; pointer-events: none;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}

