:root{color:#172235;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f7;font-family:Sarabun,Noto Sans Thai,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;padding:28px}.topbar,.toolbar,.panel{max-width:1180px;margin:0 auto 16px}.topbar{justify-content:space-between;align-items:end;gap:24px;display:flex}.eyebrow{color:#5c6670;text-transform:uppercase;margin:0 0 4px;font-size:13px}h1,h2{color:#152234;margin:0}.tabs,.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{color:#172235;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #a9b3bf;border-radius:6px;padding:7px 12px}button:hover,button.active{background:#e9f2ff;border-color:#1a5fb4}button:disabled{color:#8a929b;cursor:not-allowed}.message{color:#0b6b3a;font-weight:700}.panel{background:#fff;border:1px solid #d6dce3;border-radius:8px;padding:18px;box-shadow:0 10px 24px #1b26350f}.grid{gap:14px;display:grid}.header-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}label{color:#384657;gap:6px;font-weight:700;display:grid}input{min-height:36px;font:inherit;border:1px solid #c7ced6;border-radius:6px;padding:6px 9px}.table-wrap{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{vertical-align:top;border:1px solid #d9dfe6;padding:8px}th{color:#223044;text-align:left;background:#edf1f5}.entry-table th:first-child{width:150px}.entry-table th:nth-child(3){width:140px}.entry-table th:nth-child(5){width:48px}.entry-table input{width:100%}.icon-btn{min-width:32px;padding:0;font-size:20px}.form-footer,.database-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.database-head input{width:min(420px,100%)}.database-table td:last-child,.database-table th:last-child{width:88px}.print-page{color:#111;background:#fff;border:1px solid #cfd6df;width:210mm;min-height:297mm;margin:20px auto;padding:16mm 18mm;font-family:TH Sarabun New,Sarabun,Noto Sans Thai,Arial,sans-serif;font-size:18px;line-height:1.35;box-shadow:0 14px 32px #1a26341f}.voucher-no{text-align:right;margin-bottom:12px}.print-page h2{text-align:center;margin:4px 0 18px;font-size:28px}.buyer-line span{border-bottom:1px dotted #111;min-width:320px;padding:0 8px;display:inline-block}.buyer-line em{margin-left:8px;font-style:normal}.print-table th,.print-table td{border:1px solid #111;height:25px;padding:4px 8px}.print-table th{text-align:center;background:#fff}.print-table th:first-child{width:24mm}.print-table th:nth-child(3){width:28mm}.print-table th:nth-child(4){width:35mm}.money{text-align:right}.total-row td{font-weight:700}.total-row td:first-child{text-align:center}.words-line{margin:12px 0 22px}.certification{text-indent:42px}.signatures{text-align:center;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px;display:grid}.signatures p{margin:8px 0}@media (width<=760px){.app{padding:16px}.topbar{flex-direction:column;align-items:stretch}.header-grid{grid-template-columns:1fr}.print-page{width:100%;min-height:auto;padding:18px;overflow-x:auto}}@media print{body{background:#fff}.no-print{display:none!important}.app{padding:0}.print-page{width:210mm;min-height:297mm;box-shadow:none;page-break-after:avoid;border:0;margin:0}@page{size:A4;margin:0}}
