/* V3 hızlı renk/beden giriş tablosu. Ana tasarım, veri ve iş kuralları aynıdır. */
.qm-matrix{border:1px solid #cbd7e9;border-radius:12px;background:#fbfdff;overflow:hidden;margin-top:7px;color:#172c49}
.qm-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;align-items:center;background:#eaf1fa;padding:12px 13px;border-bottom:1px solid #cbd7e9}
.qm-head strong{font-size:13px;letter-spacing:.25px}
.qm-help,.qm-note{font-size:12px;color:#566780}
.qm-note{margin:0;padding:3px 13px 14px}
.qm-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:12px;border-bottom:1px solid #dce6f3}
.qm-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#334968}
.qm-size-label{flex:2 1 260px;min-width:180px}.qm-preset-label{flex:1 1 140px}
.qm-toolbar input,.qm-toolbar select{width:100%;max-width:100%;height:41px;border:1px solid #bdcce0;border-radius:8px;padding:7px 10px;background:#fff;color:#152842}
.qm-toolbar button{min-height:41px;white-space:nowrap}
.qm-scroll{overflow-x:auto;overflow-y:visible;max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding-bottom:4px}
.qm-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-variant-numeric:tabular-nums}
.qm-table th,.qm-table td{border-right:1px solid #dce4ef;border-bottom:1px solid #dce4ef;text-align:center;padding:8px 6px;white-space:nowrap;min-width:88px}
.qm-table thead th{background:#dfe8f4;color:#1f3859;font-size:13px;font-weight:750;height:48px;line-height:1.15}
.qm-table thead th:first-child,.qm-table tbody th,.qm-table tfoot th{min-width:154px;width:154px;text-align:left;position:sticky;left:0;z-index:2;border-right:2px solid #aabbd0}
.qm-table thead th:first-child{z-index:4;background:#dfe8f4}
.qm-table tbody th{background:#fff}
.qm-table tbody tr:nth-child(even) th,.qm-table tbody tr:nth-child(even) td{background:#f7f9fd}
.qm-table td{background:#fff}
.qm-table .qm-color{min-width:128px;width:100%;height:42px;border:1px solid #c6d1e1;border-radius:7px;padding:6px 8px;color:#182a43;background:#fff}
.qm-table .qm-qty{width:78px;height:42px;border:1px solid #c8d4e4;border-radius:7px;text-align:center;padding:4px 2px;color:#142b48;background:#fff;font-size:16px}
.qm-table .qm-qty:focus,.qm-table .qm-color:focus{outline:2px solid #357bd7;outline-offset:1px;background:#f8fcff}
.qm-table .qm-qty.qm-invalid{border:2px solid #b33535;background:#fff3f3}
.qm-table .qm-total{background:#e8f4ed!important;color:#146447;font-weight:750}
.qm-table tfoot th{background:#dcece5!important;color:#135841;font-size:12px}
.qm-table tfoot td{background:#dcece5!important}
.qm-table .qm-tools{min-width:48px;width:48px}
.qm-icon-btn{width:30px;height:30px;line-height:1;background:#fff2f2;border:1px solid #edc9c9;border-radius:7px;color:#a22e35;font-size:22px}
.qm-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:11px 12px}
.qm-summary{font-size:13px;font-weight:600;color:#17476a}.qm-warn{color:#b33535}
.qm-ship-block{border:1px solid #d1daea;border-radius:12px;overflow:hidden;background:#fff;margin:12px 0}
.qm-ship-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px;background:#eff5fd;flex-wrap:wrap}
.qm-ship-heading label{flex:1 1 250px;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.qm-ship-heading select{width:100%;min-height:43px;border:1px solid #b8c7dd;border-radius:8px;background:white;padding:9px}
.qm-ship-heading button{min-height:39px}
.qm-ship-block .qm-matrix{margin:0;border:0;border-radius:0}
@media(max-width:750px){
  .qm-head strong{font-size:12px}
  .qm-help,.qm-note{font-size:11px}
  .qm-table thead th:first-child,.qm-table tbody th,.qm-table tfoot th{min-width:132px;width:132px}
  .qm-table .qm-color{min-width:118px;height:44px}
  .qm-table .qm-qty{width:80px;height:44px;font-size:16px}
  .qm-table th,.qm-table td{min-width:86px;padding:7px 5px}
  .qm-table thead th{font-size:12px;height:46px}
  .qm-toolbar{padding:9px}.qm-head{padding:10px}
  .qm-summary{width:100%;text-align:right}
}
@media print{.qm-toolbar,.qm-tools,.qm-bottom,.qm-preset,.qm-ship-heading button{display:none!important}}

.qm-scroll::-webkit-scrollbar{height:10px}.qm-scroll::-webkit-scrollbar-thumb{background:#c5d2e4;border-radius:99px}.qm-scroll::-webkit-scrollbar-track{background:#eef3fa}