*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f4f6f8;color:#20252b}
.wrap{max-width:1180px;margin:auto;padding:18px}.top{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}a.btn,button,.btn{display:inline-block;border:0;border-radius:8px;background:#1769aa;color:#fff;padding:11px 15px;text-decoration:none;font-weight:700;cursor:pointer}
.btn.gray{background:#59636e}.btn.red{background:#a52a2a}.card{background:#fff;border:1px solid #dce1e6;border-radius:10px;padding:16px;margin:12px 0}
input,select,textarea{width:100%;padding:11px;border:1px solid #bfc7cf;border-radius:7px;font-size:16px}label{display:block;font-weight:700;margin:9px 0 5px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.search{display:flex;gap:8px}.search input{flex:1}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px;border-bottom:1px solid #ddd;text-align:left}th{background:#eef2f5}
.pos{font-size:32px;font-weight:800}.qty{font-size:28px;font-weight:800}.muted{color:#65717d}.bad{font-weight:800;color:#a00000}.ok{color:#176b32}.msg{padding:10px;border-radius:7px;background:#e9f5ea}
@media(max-width:700px){.wrap{padding:10px}.desktop{display:none!important}.grid{grid-template-columns:1fr}.search{flex-direction:column}.pos{font-size:38px}.qty{font-size:34px}table{font-size:14px}}
@media print{nav,.no-print,button,.btn{display:none!important}body{background:#fff}.wrap{max-width:none;padding:0}.card{border:0;padding:0}}

.actions{display:flex;gap:6px;flex-wrap:wrap}.small{padding:7px 10px;font-size:13px}
.acbox{position:absolute;z-index:20;left:0;right:0;background:#fff;border:1px solid #bfc7cf;border-radius:7px;overflow:hidden}
.acitem{display:block;width:100%;text-align:left;background:#fff;color:#20252b;border-radius:0;border-bottom:1px solid #eee;padding:10px;font-weight:400}
.acitem:hover{background:#eef5fb}