.header { text-align:center; }
.receipt-title {
 display:inline-block; background:#FF8400; color:#fff; padding:2px 10px 2px;
 border-radius:4px; font-family:Georgia,serif; font-size:13px; font-weight:bold;
 letter-spacing:0.5px; margin-bottom:2mm;
}
.company {
 font-family:Georgia,"Times New Roman",serif; font-weight:bold; font-size:14px;
 letter-spacing:0.5px; margin-bottom:3px; color:#FF8400;
}
.contact { font-size:8px; line-height:1.3; color:#FF8400; }
.info-box {
 border:1.5px solid #FF8400; border-radius:9px; padding:5px 8px;
 margin:3mm 0 2.5mm;
}
.info-row {
 display:grid; grid-template-columns:30px 1fr 50px 1fr;
 gap:4px; align-items:end; margin-bottom:7px;
}
.info-row:last-child { margin-bottom:0; }
.info-row .label { font-size:8px; font-weight:bold; color:#FF8400; }
.line { height:12px; border-bottom:1px solid #FF8400; }
.sheet { border:1.5px solid #FF8400; border-radius:5px; padding:10px; max-width:400px; margin:0 auto; }
table { width:100%; border-collapse:collapse; table-layout:fixed; }
th,td { border:0.75px solid #FF8400; }
th {
 background:#FF8400; color:#fff; height:2.5mm; font-size:7px;
 font-weight:bold; text-align:center;
}
td { height:2.4mm; font-size:6.5px; color:#FF8400; }
.qty { width:8%; text-align:center; }
.description { width:50%; }
.at { width:15%; text-align:center; }
.kshs { width:16%; text-align:right; padding-right:4px; }
.cts { width:11%; text-align:center; }
.total td { height:3.25mm; font-weight:bold; border-bottom:1px solid #FF8400; }
.receipt-no { font-size:11.5px; color:#d83f4d; padding-left:4px; }
.total-word {
 background:#FF8400; color:#fff; text-align:center; font-size:9px;
}
.footer {
 text-align:center; margin-top:2.5mm; font-family:Georgia,serif;
 font-style:italic; font-weight:bold; font-size:7.5px; color:#FF8400;
}
.print { display:block; margin:8px auto; padding:5px 9px; background:#FF8400; color:#fff; border:0; border-radius:3px; cursor:pointer; }
@media print { body{background:#fff} .sheet{margin:0;border:1.5px solid #FF8400} .print{display:none} }
@media(max-width:800px) {
 .sheet{width:100%;min-height:auto;margin:0;padding:10px 5px}
 .company{font-size:11px} .contact{font-size:6px}
 .info-row{grid-template-columns:35px 1fr}
 table{min-width:350px} .table-wrap{overflow-x:auto}
}