/* =========================================================
   CSMS — Print stijlen voor bonnen
   ========================================================= */

@media print {
    body > * { display: none !important; }
    .print-bon { display: block !important; }
    .mud-appbar,
    .mud-drawer,
    .no-print { display: none !important; }
}

/* Smal bon — kassaprinter (80mm) */
.bon-smal {
    width: 72mm;
    font-family: 'Courier New', monospace;
    font-size: 10pt;
    color: #000;
    background: #fff;
}

.bon-smal .bon-header {
    text-align: center;
    border-bottom: 1px dashed #000;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.bon-smal .bon-regels {
    width: 100%;
    border-collapse: collapse;
}

.bon-smal .bon-regels td {
    padding: 1px 2px;
    vertical-align: top;
}

.bon-smal .bon-regels .prijs {
    text-align: right;
    white-space: nowrap;
}

.bon-smal .bon-totaal-lijn {
    border-top: 1px dashed #000;
    margin-top: 4px;
    padding-top: 4px;
}

.bon-smal .bon-totaal-lijn .totaal-rij {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}

.bon-smal .bon-footer {
    text-align: center;
    border-top: 1px dashed #000;
    margin-top: 4px;
    padding-top: 4px;
    font-size: 9pt;
}

/* A5 bon — dot matrix */
.bon-a5 {
    width: 148mm;
    min-height: 100mm;
    font-family: 'Courier New', monospace;
    font-size: 10pt;
    color: #000;
    background: #fff;
    padding: 8mm;
}

.bon-a5 .bon-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid #000;
    padding-bottom: 4mm;
    margin-bottom: 4mm;
}

.bon-a5 .bon-regels {
    width: 100%;
    border-collapse: collapse;
}

.bon-a5 .bon-regels th {
    border-bottom: 1px solid #000;
    padding: 2px 4px;
    text-align: left;
}

.bon-a5 .bon-regels td {
    padding: 2px 4px;
    vertical-align: top;
}

.bon-a5 .bon-regels .prijs {
    text-align: right;
}

.bon-a5 .bon-totaal-blok {
    margin-top: 4mm;
    border-top: 1px solid #000;
    padding-top: 2mm;
    text-align: right;
}