.batch{margin-bottom:22px}.batch h2{font-size:21px;margin:0 0 8px}.batch .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.batch select{font:inherit;padding:9px;border:1px solid #ccd7e5;border-radius:7px;max-width:100%}.batch textarea{font:14px Consolas,'Microsoft YaHei',sans-serif;width:100%;min-height:100px;padding:12px;border:1px solid #ccd7e5;border-radius:8px}.drop{border:2px dashed #b8c9dc;border-radius:10px;padding:24px;text-align:center;background:#f8fbff;outline:none}.drop:focus,.drop.drag{border-color:#315c91;background:#edf4ff}.drop strong{display:block;margin-bottom:8px}.batch .primary{background:#183455;color:white}.batch .small{font-size:13px;color:#718198}.batch .message{white-space:pre-wrap;margin:10px 0}.batch .error{color:#b22f32}.batch .success{color:#147345}.batch .preview{max-height:240px;max-width:100%;display:block;margin:10px auto;border:1px solid #dce4ed}.batch .scroll{overflow:auto;max-height:580px}.batch table{font-size:14px;min-width:980px}.batch td{padding:8px}.batch td:last-child{text-align:left;font-weight:normal}.batch th{position:sticky;top:0;z-index:1}.batch td input{width:100%;padding:7px 8px;font-size:14px;min-width:70px}.batch .part-input{min-width:150px}.batch .name-input{min-width:160px}.batch .qty-input{width:85px}.batch .choice{min-width:240px;max-width:340px;font-size:13px}.batch .warn{color:#a16612}.batch .bad{color:#b22f32}.batch .ok{color:#147345}.batch .mapping{border:1px solid #dce4ed;padding:12px;border-radius:8px;margin-top:14px}.batch .mapping label{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.batch .summary{padding:12px;background:#edf5ff;border-radius:8px}.batch details summary{cursor:pointer}.batch button{padding:8px 13px}.batch [hidden]{display:none!important}nav{flex-wrap:wrap}@media(max-width:700px){main{padding:0 12px}.panel{padding:14px}.batch .drop{padding:16px}h1{font-size:24px}}
.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:200px;background:#20344e;color:white;padding:32px 16px;z-index:10}.app-sidebar strong{display:block;margin:0 12px 26px;font-size:22px}.app-sidebar button{display:block;width:100%;text-align:left;margin:10px 0;background:transparent;border-color:transparent;color:#dce8fa}.app-sidebar button.active{background:#fff;color:#20344e;font-weight:bold}.app-sidebar~main{margin-left:220px;margin-right:24px;max-width:none}.vin-panel .row{display:flex;gap:10px;margin:14px 0;align-items:center;flex-wrap:wrap}.vin-panel input{min-width:260px;flex:1;text-transform:uppercase}.vin-panel ol{line-height:2.3}main>[hidden]{display:none!important}@media(max-width:800px){.app-sidebar{position:static;width:auto;padding:12px;display:flex;align-items:center;gap:10px}.app-sidebar strong{margin:0 10px;font-size:18px}.app-sidebar button{display:inline-block;width:auto;margin:0}.app-sidebar~main{margin:20px auto}.vin-panel input{min-width:180px}}