@font-face{font-family:Noto;src:url('/assets/NotoSansThai.ttf')}*{box-sizing:border-box}body{margin:0;background:#f4f3ef;color:#152b39;font:18px/1.65 Noto,sans-serif}header{background:#102330;color:white;padding:22px 5vw;display:flex;justify-content:space-between;gap:20px;align-items:center}header a{font-size:30px;color:white;text-decoration:none;font-weight:700}header small{font-size:12px;font-weight:400}header span,.eyebrow{font-size:12px;letter-spacing:2px}main{max-width:1440px;margin:auto;padding:50px 5vw}h1{font-weight:500;font-size:clamp(32px,4vw,52px);margin:8px 0}h2{font-size:30px;font-weight:500;margin:0 0 16px}h3{font-size:22px;font-weight:500;margin:0 0 12px}p{margin:10px 0 20px}.eyebrow{color:#a3411b}.intro{color:#536671}aside{padding:16px 22px;background:#e6eaf0;border-left:3px solid #a44420;font-size:16px}.toolbar,.heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:28px 0}button,input,select,textarea{font:inherit}button{cursor:pointer;padding:11px 18px;background:white;border:1px solid #b2bfc5;color:#152b39}button:hover{background:#e8ecee}button:disabled{opacity:.55;cursor:default}.primary{background:#173748;color:white;border-color:#173748}.primary:hover{background:#25495f}a{color:#93411e}input,select,textarea{width:100%;padding:10px;border:1px solid #9caeb8;background:white;min-height:48px;color:#152b39}textarea{resize:vertical}label{display:block;margin-bottom:18px;font-size:17px}.toggle{display:flex;align-items:center;gap:10px;margin:10px 0}.toggle input{width:20px;min-height:20px;accent-color:#183b4c}.work-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr);gap:26px;align-items:start}.panel{background:white;padding:28px;border:1px solid #d9dfe2;min-width:0}.request-card{width:100%;text-align:left;display:block;margin-bottom:12px;padding:22px;background:white;border-left:3px solid #be5323}.request-card strong,.request-card span{display:block}.request-card span{font-size:15px;margin-top:5px;color:#536671}.request-card[aria-pressed=true]{background:#e7eef1;border-color:#193d50}#requests{max-height:780px;overflow:auto}.badge{display:inline-block;padding:4px 12px;background:#f4e4d8;color:#723414;font-size:15px;margin-bottom:18px}.missing{padding:14px;background:#f8f0e8;font-size:16px}.configuration{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-top:72px;padding-top:45px;border-top:1px solid #bec9ce}.two{display:grid;grid-template-columns:1fr 2fr;gap:16px}.muted,#engine,#counts{font-size:15px;color:#546775}fieldset{margin:20px 0;padding:18px;border:1px solid #cdd7dc;min-width:0}legend{font-size:17px;padding:0 7px}ol{padding-left:24px;font-size:15px}li{margin-bottom:9px;overflow-wrap:anywhere}#feedback{min-height:30px;color:#853916}footer{padding:30px 5vw;background:#102330;color:#d3dde2;font-size:14px}:focus-visible{outline:3px solid #bc5328;outline-offset:3px}#detail{overflow-wrap:anywhere}.actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:800px){main{padding:28px 20px}.work-grid,.configuration{grid-template-columns:1fr}.configuration{gap:22px;margin-top:40px}.panel{padding:20px}header span{display:none}#requests{max-height:340px}.two{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}}
[hidden]{display:none!important}

/* outbox */
.table-scroll{overflow-x:auto}
table.outbox{width:100%;border-collapse:collapse;font-size:15px}
table.outbox th,table.outbox td{text-align:left;padding:8px 10px;border-bottom:1px solid #d9e0e5;vertical-align:top}
table.outbox td.state-failed{color:#8a1f11;font-weight:600}
table.outbox td.state-sent{color:#1f6b3a}
table.outbox td.state-queued,table.outbox td.state-sending{color:#7a5a00}

/* attachments & comparison */
ul.files{list-style:none;padding:0;margin:8px 0}ul.files li{padding:4px 0;border-bottom:1px dashed #d9e0e5}
form.uploader{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:8px 0 16px}form.uploader label{flex:1 1 200px}
button.small{padding:4px 10px;font-size:14px}
table.compare{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:15px}table.compare th,table.compare td{text-align:left;padding:8px 10px;border-bottom:1px solid #d9e0e5;vertical-align:top}table.compare tfoot th,table.compare tfoot td{border-top:2px solid #102331;font-weight:700}table.compare caption{text-align:left;font-weight:700;padding:4px 0 8px;caption-side:top}table.compare thead th{white-space:nowrap}table.compare tbody th,table.compare tfoot th{min-width:8.5em}.table-scroll:focus-visible{outline:3px solid #0b6bcb;outline-offset:2px}
div.vendor{border:1px solid #d9e0e5;padding:12px;margin:12px 0}

.lots{display:grid;gap:20px}.lot progress{display:block;width:100%;height:18px;margin:6px 0 10px;accent-color:#2b6a4f}.lot form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.lot form label{flex:1 1 200px}