/* assets/pages/targa.css — fiche publique d'une réception par type (includes/targa.php, modules/targa_fiche.php) */

.tg { margin: 0 0 28px; color: var(--color-ink); }

.tg-tete { display: flex; align-items: center; gap: 16px; margin: 4px 0 16px; }
.tg-tete .tg-sous:first-child { margin-top: 0; }
.tg-logo { width: 64px; height: 64px; object-fit: contain; flex: none; }
.tg-tete-txt { min-width: 0; }
.tg-titre { margin: 0; font-family: var(--font-bold); font-weight: normal; font-size: clamp(1.6rem, 3.4vw, 2.5rem); line-height: 1.1; color: var(--color-ink); }
.tg-sous { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 8px; color: #64748b; font-size: 1rem; }
.tg-rt { display: inline-flex; align-items: center; gap: 6px; padding: 3px 11px 3px 4px; border-radius: 999px; background: #f3f3f5; color: var(--color-ink); font-weight: 700; letter-spacing: .03em; }
.tg-rt svg { width: 18px; height: 18px; flex: none; }

/* Barre des admins : véhicule TecDoc, réceptions du même véhicule, console Targa */
.tg-admin-barre { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; padding: 10px 12px; border: 1px dashed var(--color-uv-line); border-radius: 12px; background: var(--color-uv-bg); }
.tg-puce,
.tg-liens a { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border: 1px solid rgba(15, 23, 42, .12); border-radius: 6px; background: #fff; color: var(--color-ink); font-size: .85rem; font-weight: 600; line-height: 1.3; }
.tg-puce:hover,
.tg-liens a:hover { border-color: rgba(15, 23, 42, .3); color: var(--color-ink); }
.tg-puce .icon { margin: 0; }
.tg-puce.is-actif { border-color: var(--color-blue); background: var(--color-blue); color: #fff; }
.tg-puce.is-rouge { border-color: var(--color-red); background: var(--color-red); color: #fff; }
.tg-puce.is-bleu { border-color: var(--color-blue); color: var(--color-blue); }

.tg-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tg-bloc { min-width: 0; padding: 16px 18px; border: 1px solid rgba(15, 23, 42, .08); border-radius: 16px; background: #fff; }
.tg-bloc.is-large { grid-column: 1 / -1; }
.tg-bloc.is-admin { border-style: dashed; border-color: var(--color-uv-line); background: #fcfaff; }
.tg-h2 { margin: 0 0 12px; font-family: var(--font-bold); font-weight: normal; font-size: 1.35rem; line-height: 1.2; color: var(--color-ink); }

.tg-dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 7px 14px; margin: 0; }
.tg-dl dt { color: #64748b; }
.tg-dl dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.tg-bloc.is-large .tg-dl { max-width: 680px; }

.tg-pneus { margin: 0; padding-left: 18px; line-height: 1.75; }
.tg-pneus a { color: var(--color-blue); font-weight: 700; white-space: nowrap; }

.tg-table-zone { margin-top: 14px; overflow-x: auto; }
.tg-table { width: 100%; min-width: 300px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.tg-table caption { padding-bottom: 6px; color: #64748b; text-align: left; }
.tg-table tr { border-bottom: 1px solid rgba(15, 23, 42, .08); }
.tg-table th,
.tg-table td { padding: 7px 10px; border: 0; text-align: right; }
.tg-table thead th { color: #64748b; font-weight: 600; }
.tg-table th:first-child { text-align: left; }

.tg-liens { display: flex; flex-wrap: wrap; gap: 6px; }
.tg-remarques { color: #334155; font-size: .92rem; line-height: 1.6; }
.tg-source { margin: 12px 2px 0; color: #64748b; font-size: .85rem; }
.tg-pieces { margin: 6px 0 14px; }

@media (max-width: 1000px) { .tg-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .tg-grille { grid-template-columns: 1fr; } }

@media (max-width: 600px) {
  .tg-tete { gap: 12px; }
  .tg-bloc { padding: 14px; }
  .tg-dl { grid-template-columns: 1fr; gap: 0; }
  .tg-dl dd { margin-bottom: 8px; }
}