/* Étiquette 100 × 62 mm. Les tailles sont en mm pour l'impression, et l'aperçu écran
   est agrandi proportionnellement (même mise en page). */

.label-screen { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.label-print { width: min(100%, 567px); }
.lbl { width: 100mm; height: 62mm; background: #fff; color: #000; display: grid; grid-template-columns: 1fr 34mm; overflow: hidden; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.lbl-main { padding: 3mm 3.5mm; display: flex; flex-direction: column; min-width: 0; border-left: 4mm solid var(--p); }
.lbl-prio { font-weight: 900; font-size: 3.6mm; letter-spacing: .06em; color: var(--p); }
.lbl-client { font-size: 6mm; font-weight: 900; line-height: 1.05; margin-top: 1mm; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lbl-proj { font-size: 3.2mm; margin-top: .8mm; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lbl-date { margin-top: auto; font-size: 8.6mm; font-weight: 900; line-height: 1; white-space: nowrap; }
.lbl-date small { display: block; font-size: 2.5mm; letter-spacing: .08em; text-transform: uppercase; font-weight: 800; margin-bottom: .5mm; }
.lbl-meta { font-size: 2.6mm; font-weight: 700; margin-top: 1.5mm; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lbl-side { border-left: .4mm dashed #999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2mm; text-align: center; }
.lbl-side svg { width: 28mm; height: 28mm; display: block; }
.lbl-side span { font-size: 2.2mm; font-weight: 700; margin-top: 1.2mm; }

/* Aperçu à l'écran : agrandi pour être lisible, ombre pour figurer le papier. */
@media screen {
  .label-print .lbl { zoom: 1.5; box-shadow: 0 10px 30px rgba(0,0,0,.15); border-radius: 2mm; }
  @media (max-width: 600px) { .label-print .lbl { zoom: 0.95; } }
  .label-tools { width: 100%; }
}

@media print {
  body * { visibility: hidden !important; }
  .label-print, .label-print * { visibility: visible !important; }
  .label-print { position: fixed; left: 0; top: 0; width: auto; }
  .top, .toast { display: none !important; }
  main { padding: 0 !important; }
  .lbl { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}