*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#171717;background:#f4f5fa}main{max-width:1240px;margin:50px auto 30px;padding:28px 18px}h1{text-align:center;font-size:26px;margin:20px 0 25px}nav{display:flex;gap:12px;flex-wrap:wrap;margin:0 4px 5px}nav button{border:0;background:#087efa;color:white;padding:10px 13px;font-size:14px;cursor:pointer}nav button.active{background:#0568d2;box-shadow:inset 0 -3px 0 #03468e}.panel{background:white;border-radius:9px;padding:26px 21px 20px}h2{font-size:20px;margin:10px 0 25px}input,select{height:33px;border:1px solid #aaa;border-radius:2px;padding:6px 8px;font:14px Arial;min-width:0;background:white}input:focus,select:focus{outline:2px solid #8ec5ff;outline-offset:1px}.fields{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 9px;margin:0 5px 9px}.fields input,.fields select{width:100%}button{font:14px Arial;cursor:pointer;padding:6px 10px;border:1px solid #aaa;border-radius:2px;background:#eee;color:#151515}button:hover{filter:brightness(.96)}button:disabled{opacity:.4;cursor:default}.actions{display:flex;gap:10px;margin:0 4px}.controls{display:flex;justify-content:space-between;align-items:end;margin:5px 0 20px;gap:16px}.controls label{display:flex;flex-direction:column;gap:5px}.controls select{width:166px;height:28px}.controls input{width:244px;height:30px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px;text-align:left}th{padding:10px;white-space:nowrap;border-bottom:1px solid #ccc}th button{border:0;background:none;font-size:16px;font-weight:bold;padding:0;width:100%;text-align:left}th button:after{content:' ↕';color:#ccc}td{padding:14px 10px;border-bottom:1px solid #d1d1d1;overflow-wrap:anywhere}tbody tr:nth-child(odd){background:#f8f8f8}td:first-child{max-width:260px}td button{display:block;margin:3px 0}footer{display:flex;justify-content:space-between;align-items:center;margin-top:5px;gap:15px}footer>div{display:flex;align-items:center;gap:8px}footer button{border:0;background:white;color:#666}#page{border:1px solid #ccc;padding:9px 16px}#message{padding:12px;margin-bottom:15px;border-radius:4px;background:#e7f4ea;color:#175c2c}#message.error{background:#fff0ee;color:#a42316}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.card{border:1px solid #ddd;padding:20px;border-radius:4px}.card strong{display:block;font-size:28px;margin-top:12px}.hint{font-size:14px;color:#666;margin:12px 5px}.empty{text-align:center;color:#777;padding:32px}@media(max-width:700px){main{margin:10px auto;padding:12px}h1{font-size:23px}.panel{padding:18px 12px}nav{gap:6px}nav button{padding:9px}.fields{grid-template-columns:repeat(2,1fr);gap:10px}.controls input{width:150px}.controls select{width:110px}table{font-size:14px}th button{font-size:14px}.cards{grid-template-columns:1fr}footer{font-size:13px}}
.opening-field{display:flex;flex-direction:column;gap:4px;font-size:13px}
.document-line{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin:12px 5px}.audit-detail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audit-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:420px;overflow:auto}#invoice-quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 5px}#conversion-confirmation{border:1px solid #b5c9df;padding:16px;margin:16px 0}.error{color:#a42316}button.card{text-align:left;background:white}.fields input[type=file]{height:auto}#conversion-confirmation input[type=checkbox]{height:auto;margin:12px 8px 12px 0}@media(max-width:700px){.audit-detail{grid-template-columns:1fr}#invoice-quantities{grid-template-columns:1fr}}
td{min-width:85px}td:first-child,th:first-child{min-width:180px}.card.danger{border-color:#d99a9a}.card.danger strong{color:#a42316}
/* Master-list controls preserve the item form while adding a new choice. */
.lookup-control{display:flex;gap:6px;align-items:center;min-width:0}.lookup-control select{min-width:0;flex:1}.lookup-control button{white-space:nowrap}.lookup-dialog{border:0;border-radius:10px;padding:24px;width:min(420px,90vw);box-shadow:0 8px 40px #0003}.lookup-dialog::backdrop{background:#0006}.lookup-dialog label{display:flex;flex-direction:column;gap:8px}.lookup-dialog input{width:100%;box-sizing:border-box}.lookup-dialog .actions{margin-top:16px}
