body{margin:0;font-family:Segoe UI,Arial;background:#eef3f8;display:flex}
.panel{width:300px;background:#fff;padding:15px}
input,select,button{width:100%;padding:10px;margin:4px 0;box-sizing:border-box}
button{background:#1565d8;color:#fff;border:none}
#grid{flex:1;padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8mm}

.label{width:100mm;height:175mm;border:1px solid #cfd8e3;border-radius:10px;background:#fff;overflow:hidden}
.base{height:70mm;border-bottom:2px dashed #999;display:flex;align-items:center;justify-content:center;color:#888}
.front{display:flex;
    flex-direction:column;
    height:calc(250mm - 60mm);}
.top{display:flex;justify-content:space-between;padding:8px 10px}
.logo{font-size:18px;width:auto;display:block;font-weight:700;color:#0b5ec8}
.badge{background:#28a745 !important;
    color:white !important;padding:7px 14px;border-radius:20px;font-weight:700}
.title{background:#082b5b;color:#fff;padding:12px;font-size:18px;font-weight:700;display:flex;justify-content:space-between}
.specs{padding:8px 12px;font-size:12px}
.row{display:flex;padding:4px 0;border-bottom:1px solid #e6edf6}
.left{width:42%;font-weight:700;color:#082b5b}
.pricebar{display:flex;min-height:12mm;margin-top:4px}
.price{flex:1;background:linear-gradient(90deg,#1565d8,#2f8cff);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}
.tested{flex:1;background:#f4f7fb;display:flex;align-items:center;justify-content:center;font-weight:700;color:#082b5b}
.footer{background:#082b5b;color:#fff;font-size:10px;padding:6px;display:flex;justify-content:space-around}
@media print{
.panel{display:none}
#grid{grid-template-columns:repeat(2,1fr);gap:4mm}
@page{size:A4;margin:5mm}
}
html{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
body{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}