/* Slab-Etikett-Vorschau (62 × 20 mm, Seitenverhältnis 3,1 : 1) */
.tsl { position: relative; display: flex; align-items: stretch; width: 100%; max-width: 360px; aspect-ratio: 62 / 20; background: #fff; color: #0b0d11;
  border: 1px solid #1f2937; border-radius: 3px; overflow: hidden; container-type: inline-size; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
.tsl-bar { flex: 0 0 2.9cqw; background: linear-gradient(180deg, #00C4A7, #7EE8FF, #C77DFF, #FF4FA3, #FFD66B); }
.tsl-main { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 2cqw 0 3cqw; gap: .3cqw; }
.tsl-logo { height: 5.8cqw; width: auto; align-self: flex-start; margin-bottom: .6cqw; }
.tsl-name { font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif; font-weight: 900; font-size: 6.6cqw; line-height: 1; text-transform: uppercase;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tsl-name.empty { color: #dc2626; }
.tsl-l1, .tsl-l2 { font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 2.8cqw; line-height: 1.15; text-transform: uppercase; color: #374151;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tsl-l2 { font-size: 2.55cqw; color: #6b7280; }
.tsl-ed { flex: 0 0 18cqw; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; padding-right: 2.5cqw; }
.tsl-ed b { font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif; font-weight: 900; font-size: 9.5cqw; line-height: .9; }
.tsl-ed span { font-family: Inter, Arial, sans-serif; font-weight: 700; font-size: 2.6cqw; text-transform: uppercase; color: #00a58c; }