.x-panel{width:min(1680px,calc(100vw - 32px));max-height:calc(100vh - 24px);margin:12px auto}.x-body{gap:14px}.x-config{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:12px}.x-config>section{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:var(--second-bg-color)}.x-config h4{grid-column:1/-1;margin:0}.x-config label,.x-body>label{display:grid;gap:5px}.x-config>b{text-align:center;font-size:25px}.x-mode,.x-scanner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border-color);border-radius:9px}.x-mode label{white-space:nowrap}.x-scanner{justify-content:flex-start;background:color-mix(in srgb,var(--active-color) 8%,var(--bg-color))}.x-scanner[hidden]{display:none}.x-scanner input{width:min(520px,50vw)}.x-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.x-search{min-width:0;padding:12px;border:1px solid var(--border-color);border-radius:10px}.x-search h4{margin:0 0 9px}.x-search>div:first-of-type{display:grid;grid-template-columns:1fr auto;gap:8px}.x-results{display:flex;gap:7px;min-height:44px;margin-top:9px;overflow-x:auto}.x-result{display:grid;flex:0 0 min(330px,75vw);gap:2px;text-align:left;white-space:normal}.x-result span,.x-result small,.x-table small{display:block;color:var(--secondary-text-color)}.x-table-wrap{min-height:170px;overflow:auto;border:1px solid var(--border-color);border-radius:10px}.x-table{min-width:1280px;margin:0;font-size:12px}.x-table thead{position:sticky;top:0;z-index:2;background:var(--second-bg-color)}.x-table thead tr:first-child td{font-weight:800;text-align:center}.x-table td:nth-child(1),.x-table td:nth-child(4){min-width:245px}.x-table td:nth-child(2),.x-table td:nth-child(3),.x-table td:nth-child(5),.x-table td:nth-child(6){min-width:135px}.x-unmatched{color:#ef4444;background:color-mix(in srgb,#ef4444 7%,var(--bg-color))}.x-unmatched button{margin-left:10px}.x-qty{width:76px}.x-empty{padding:34px!important;text-align:center}@media(max-width:900px){.x-panel{width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px auto}.x-config,.x-search-grid{grid-template-columns:1fr}.x-config>b{transform:rotate(90deg)}.x-config>section{grid-template-columns:1fr}.x-mode,.x-scanner{align-items:stretch;flex-direction:column}.x-scanner input{width:100%}}
.x-actions{display:flex;flex-wrap:wrap;gap:6px}.x-actions .danger{color:#ef4444;border-color:#ef4444}