.lp-wrap{display:grid;grid-template-columns:320px 1fr;gap:12px}
.lp-panel,.lp-print-area{background:#fff;border:1px solid #e8e8ef;border-radius:12px;padding:12px}
.lp-panel label{display:block;margin-top:8px;font-size:13px;color:#666}
.lp-panel input,.lp-panel button{width:100%;padding:8px 10px;border:1px solid #d8d8e6;border-radius:8px}
.lp-panel button{margin-top:8px;background:#111;color:#fff;border:none;font-weight:700;cursor:pointer}
.lp-panel button.secondary{background:#e9eaef;color:#111}

.lp-ticket-head{display:flex;justify-content:space-between;align-items:flex-end}
.lp-title{font-size:20px;font-weight:800}
.lp-meta{font-size:12px;color:#666;text-align:right}

.lp-table{width:100%;border-collapse:collapse;margin-top:8px}
.lp-table th,.lp-table td{border:1px solid #000;padding:6px;text-align:center}
.lp-table .label{font-weight:700;text-align:left;width:120px;background:#fafafc}

.lp-num{display:inline-block;border:2px solid #000;border-radius:6px;padding:4px 8px;margin:2px;font-weight:800}
.lp-num.big{font-size:20px;border-width:3px}

@media print{
  body *{visibility:hidden}
  #lp-printArea, #lp-printArea *{visibility:visible}
  #lp-printArea{position:absolute;left:0;top:0;width:100%}
  @page{size:A4;margin:10mm}
}
/* Vietlott layout */
.lp-vietlott-grid{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:8px
}
.lp-vietlott-ball{
  width:56px;height:56px;border:3px solid #000;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:900
}
.lp-vietlott-extra{
  font-size:13px;color:#444;margin-top:6px
}