:root{--bg:#f4f4f2;--card:#fff;--ink:#151515;--muted:#707070;--line:#e6e4de;--accent:#a78345;--ok:#2d7a4b;--bad:#b42318}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wrap{max-width:960px;margin:0 auto;padding:40px 20px}.wrap.customer{max-width:960px}.brand{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--muted)}h1{font-size:34px;margin:8px 0 8px}h2{margin-top:0}.sub{color:var(--muted);line-height:1.6}.hint{font-size:12px;color:var(--muted);line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;margin-top:22px;box-shadow:0 8px 28px rgba(0,0,0,.04)}label{display:block;font-size:13px;font-weight:700;margin:14px 0 7px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #d8d6cf;border-radius:10px;font-size:15px;background:#fff}textarea{min-height:90px}.btn{display:inline-block;border:0;background:#171717;color:#fff;padding:13px 18px;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer}.btn.alt{background:#eee;color:#111}.btn.gold{background:var(--accent)}.btn.danger{background:#fff0ee;color:var(--bad);border:1px solid #f3c5bf}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta{display:grid;grid-template-columns:180px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.meta:last-child{border-bottom:0}.amount{font-size:36px;font-weight:800;color:var(--accent);margin:16px 0}.status{display:inline-block;padding:7px 10px;border-radius:999px;background:#eee;font-size:12px;font-weight:700}.status-pagado{background:#eaf5ee;color:var(--ok)}.status-anulada,.status-rechazado{background:#fff0ee;color:var(--bad)}.ok{color:var(--ok)}.bad{color:var(--bad)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);font-size:14px}.table-wrap{overflow-x:auto}.row-actions{white-space:nowrap}.notice{padding:13px 15px;border-radius:10px;background:#fff6df;border:1px solid #f0ddb3;margin:16px 0}.successbox{background:#fff8e7}.badbox{background:#fff0ee;border-color:#f3c5bf}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.inline{display:inline}.receipt{margin-top:14px;padding-top:4px}
@media(max-width:650px){.grid{grid-template-columns:1fr}.meta{grid-template-columns:1fr}.wrap{padding:24px 14px}h1{font-size:28px}.card{padding:24px}.table-wrap{margin:0 -8px}.amount{font-size:38px}}
@media print{body{background:#fff}.wrap{padding:0}.brand,.sub,.no-print,.actions{display:none!important}.card{box-shadow:none;border:0;padding:0}.receipt{display:block}}