/* AuftragsPilot QR-Preisschilder: Kirmes / Markt Design */

.label{
  min-height:300px !important;
  border:3px solid #111 !important;
  border-radius:18px !important;
  padding:14px !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}

.label .head{
  border-bottom:2px solid #111 !important;
  padding-bottom:8px !important;
}

.label .name{
  font-size:24px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
  color:#000 !important;
}

.label .meta{
  font-size:11px !important;
  color:#555 !important;
  margin-top:5px !important;
}

.label .qr{
  padding:6px 0 2px !important;
}

.label .qr img{
  width:155px !important;
  height:155px !important;
}

.label .bottom{
  border-top:2px solid #111 !important;
  padding-top:9px !important;
  align-items:center !important;
}

.label .price-label{
  font-size:10px !important;
  color:#555 !important;
}

.label .price{
  font-size:38px !important;
  font-weight:1000 !important;
  letter-spacing:-.05em !important;
  color:#000 !important;
}

.label .sku{
  font-size:11px !important;
  font-weight:1000 !important;
  color:#222 !important;
  max-width:88px !important;
  word-break:break-word !important;
}

/* Kompakt: ideal für viele kleine Artikel */
.label.compact{
  min-height:225px !important;
  padding:11px !important;
  border-radius:14px !important;
}

.label.compact .name{
  font-size:19px !important;
}

.label.compact .qr img{
  width:112px !important;
  height:112px !important;
}

.label.compact .price{
  font-size:31px !important;
}

/* Druck */
@media print{
  body{
    background:#fff !important;
    color:#000 !important;
  }

  .top,
  .hint,
  .toolbar,
  .actions,
  .ap-tablet-home{
    display:none !important;
  }

  .wrap{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  .grid{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:8mm !important;
    padding:0 !important;
  }

  .label{
    min-height:72mm !important;
    height:auto !important;
    box-shadow:none !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
    border:2px solid #000 !important;
    border-radius:8px !important;
    padding:7mm !important;
  }

  .label .name{
    font-size:18pt !important;
  }

  .label .qr img{
    width:38mm !important;
    height:38mm !important;
  }

  .label .price{
    font-size:28pt !important;
  }

  .label.compact{
    min-height:58mm !important;
    padding:5mm !important;
  }

  .label.compact .name{
    font-size:15pt !important;
  }

  .label.compact .qr img{
    width:31mm !important;
    height:31mm !important;
  }

  .label.compact .price{
    font-size:23pt !important;
  }

  @page{
    size:A4;
    margin:10mm;
  }
}


/* FINAL: Kompakte QR-Schilder kleiner drucken */
@media print{

  .grid.compact{
    grid-template-columns:repeat(3, 1fr) !important;
    gap:5mm !important;
  }

  .grid.compact .label.compact{
    min-height:48mm !important;
    padding:4mm !important;
    border-radius:6px !important;
  }

  .grid.compact .label.compact .head{
    padding-bottom:3mm !important;
  }

  .grid.compact .label.compact .name{
    font-size:11pt !important;
    line-height:1.05 !important;
  }

  .grid.compact .label.compact .meta{
    font-size:7pt !important;
  }

  .grid.compact .label.compact .qr img{
    width:24mm !important;
    height:24mm !important;
  }

  .grid.compact .label.compact .bottom{
    padding-top:3mm !important;
  }

  .grid.compact .label.compact .price-label{
    font-size:6pt !important;
  }

  .grid.compact .label.compact .price{
    font-size:17pt !important;
  }

  .grid.compact .label.compact .sku{
    font-size:7pt !important;
    max-width:22mm !important;
  }

  @page{
    size:A4;
    margin:8mm;
  }
}