/* Ô "Xuất hóa đơn công ty" và khối hóa đơn điện tử (ADR-0050). Nền trắng/xanh rất nhạt, chữ mực; lỗi là chữ đỏ gạch có biểu tượng chữ, không chỉ dựa vào màu. */
.invoice-box{margin:1rem 0;padding:.9rem 1rem;border:1px solid var(--line,#d7e2df);border-radius:10px;background:#f8fbfa;min-width:0}
.invoice-box .invoice-toggle{display:flex;align-items:center;gap:.6rem;min-height:44px;font-weight:700;cursor:pointer}
.invoice-box .invoice-toggle input{width:22px;height:22px;margin:0;flex:none}
.invoice-fields label{display:block;margin-top:.6rem}
.invoice-fields input{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:.4rem 0 .2rem;padding:.7rem;min-height:44px;border:1px solid #bacdc8;border-radius:8px;font:inherit;background:#fff;color:#253c37}
.invoice-fields input[aria-invalid=true]{border:2px solid #a8321e}
.invoice-hint{margin:.1rem 0 .4rem;color:#4a5d56;font-size:.92rem}
.invoice-field-error{margin:.1rem 0 .4rem;color:#a8321e;font-weight:700;font-size:.92rem}
.invoice-field-error::before{content:"Cần sửa: "}
.order-invoice{margin:1rem 0;padding:.9rem 1rem;border:1px solid var(--line,#d7e2df);border-radius:10px;background:#fff;color:#253c37}
.order-invoice h3{font-size:1rem;margin:0 0 .4rem}
.order-invoice dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.25rem .9rem;margin:0}
.order-invoice dt{font-weight:700}.order-invoice dd{margin:0;overflow-wrap:anywhere}
.order-invoice .btn{min-height:44px;margin:.6rem .4rem 0 0;white-space:normal}
.order-invoice p{margin:.5rem 0 0;color:#4a5d56}
.invoice-box .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:420px){.order-invoice dl{grid-template-columns:minmax(0,1fr)}.order-invoice dd{margin-bottom:.35rem}}