#dqb-panel{margin:18px 0;padding:22px;border:1px solid #d5e2f1;border-radius:12px;background:#fff;color:#17304d;min-width:0}#dqb-panel *{box-sizing:border-box}#dqb-panel h3{margin:3px 0 0;font-size:23px;line-height:1.3}#dqb-panel h4{margin:12px 0;font-size:17px}#dqb-panel p{font-size:14px;line-height:1.6;margin:12px 0}.dqb-heading,.dqb-workhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.dqb-kicker{font-size:11px;letter-spacing:1.2px;color:#507298;font-weight:700}.dqb-badge{font-size:12px;white-space:nowrap;padding:6px 10px;background:#eef5ff;border-radius:16px;color:#1558bb}.dqb-steps{display:flex;gap:24px;padding:14px 0 14px 20px;margin:14px 0;border-block:1px solid #edf1f6;font-size:13px}.dqb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:14px 0}#dqb-panel button{background:#155eef;color:#fff;border:0;border-radius:6px;padding:11px 18px;font-size:14px;font-weight:600;min-height:42px;cursor:pointer}#dqb-panel button:disabled{opacity:.55;cursor:wait}#dqb-panel .dqb-secondary{background:#eaf0f7!important;color:#244568!important}#dqb-panel a{color:#145ace;text-decoration:underline}#dqb-panel .dqb-help{font-size:12px;color:#587089}#dqb-message{background:#f0f6ff;padding:10px 12px;border-radius:6px;overflow-wrap:anywhere}#dqb-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}#dqb-panel label{display:block;font-size:13px}#dqb-panel select,#dqb-panel input{background:#fff;color:#17304d;border:1px solid #cbd7e5;border-radius:5px;min-height:36px;height:36px;padding:6px 8px;font-size:13px;width:100%;max-width:100%}.dqb-scroll{overflow:auto;max-width:100%;border:1px solid #dce5ef;border-radius:7px}#dqb-panel table{width:100%;min-width:800px;margin:0;border-collapse:collapse;font-size:13px}#dqb-panel th{background:#f3f7fc;text-align:left;padding:10px;font-size:12px;color:#46617e}#dqb-panel td{padding:10px;vertical-align:top;border-top:1px solid #e5edf4}#dqb-panel table{table-layout:fixed;min-width:800px}#dqb-panel th:nth-child(1),#dqb-panel td:nth-child(1){width:36px;min-width:36px;padding:10px 6px;text-align:center}#dqb-panel th:nth-child(2),#dqb-panel td:nth-child(2){width:44px;padding:10px 6px;text-align:center}#dqb-panel th:nth-child(3){width:32%}#dqb-panel th:nth-child(4){width:130px}#dqb-panel th:nth-child(5){width:80px}#dqb-panel th:nth-child(6){width:190px}#dqb-panel td{overflow-wrap:anywhere}#dqb-source-sheet{overflow-wrap:anywhere}#dqb-panel td input+input{margin-top:6px}#dqb-panel td small{display:block;color:#677e95;font-size:11px;max-width:230px;overflow-wrap:anywhere}.dqb-status{display:inline-block;font-size:12px;padding:4px 7px;background:#edf3f8;border-radius:4px}.dqb-review{background:#fff2d7;color:#86520a}#dqb-panel details{margin-top:7px}#dqb-panel details div{font-size:12px;line-height:1.6;max-width:260px;overflow-wrap:anywhere}#dqb-panel summary{cursor:pointer;color:#145ace;font-size:12px}.dqb-total{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf5ff;padding:16px;border-radius:8px}.dqb-total strong{font-size:20px}.dqb-total small{display:block;font-size:11px;color:#587089}.dqb-summary{border:1px solid #d5e2f1;background:#f3f8ff;padding:12px;margin:12px 0;border-radius:6px}.dqb-summary strong,.dqb-summary span,.dqb-summary small{display:block}.dqb-summary span{font-weight:700;color:#145ace;margin:5px 0}.dqb-summary small{font-size:11px;color:#587089}#dqb-panel [hidden]{display:none!important}@media(max-width:600px){#dqb-panel{padding:14px}.dqb-heading{align-items:flex-start}.dqb-heading h3{font-size:20px}.dqb-steps{gap:16px;font-size:11px}#dqb-columns{grid-template-columns:1fr}.dqb-total{align-items:flex-start;flex-direction:column}}

#dqb-panel textarea{height:64px;min-height:64px;resize:vertical;width:100%;font-size:12px}#dqb-panel td small{display:block;white-space:normal}#dqb-panel td button[data-confirm-qty],#dqb-panel td button[data-use-refs]{font-size:11px;padding:5px;margin:3px 0;background:#e8f0ff;color:#1549ac;white-space:normal}

#dqb-panel textarea{border-radius:5px;padding:6px 8px;max-width:100%;border:1px solid #cbd7e5;background:#fff;color:#17304d}

#dqb-panel input[type="checkbox"]{width:16px;height:16px;min-height:16px;padding:0;margin:3px 0;accent-color:#155eef;cursor:pointer}:is(#dqb-bulk,#dqb-bulk-bottom){gap:8px}#dqb-panel :is(#dqb-bulk,#dqb-bulk-bottom) button{font-size:12px;padding:8px 12px;min-height:36px}

#dqb-panel tr.dqb-missing-mpn>td{background:#fff8eb}#dqb-panel input.dqb-mpn-empty{border:2px solid #c76a08;background:#fff3d9}#dqb-panel td .dqb-mpn-warning{color:#8a4300;font-weight:600;margin:5px 0;max-width:none}#dqb-panel .dqb-mpn-warning+input{margin-top:6px}

/* Keep long BOMs compact while quote controls remain outside the list. */
#dqb-panel .dqb-scroll{max-height:520px;max-height:min(520px,60vh);overflow:auto;scrollbar-gutter:stable}
#dqb-panel .dqb-scroll:focus-visible{outline:2px solid #155eef;outline-offset:2px}
#dqb-panel .dqb-scroll thead th{position:sticky;top:0;z-index:2;box-shadow:0 1px 0 #dce5ef}
@media(max-width:600px){#dqb-panel .dqb-scroll{max-height:420px;max-height:min(420px,55vh)}}

/* Keep the bulk actions below the compact component list. */
#dqb-panel #dqb-bulk{display:none}

/* Nine explicit columns keep pad counts and status readable at every viewport size. */
#dqb-panel .dqb-scroll table{table-layout:fixed;width:1610px;min-width:1610px;max-width:none}
#dqb-panel .dqb-scroll :is(th,td):nth-child(1){width:36px;min-width:36px}
#dqb-panel .dqb-scroll :is(th,td):nth-child(2){width:54px;min-width:54px}
#dqb-panel .dqb-scroll :is(th,td):nth-child(3){width:240px;min-width:240px}
#dqb-panel .dqb-scroll :is(th,td):nth-child(4){width:75px;min-width:75px}
#dqb-panel .dqb-scroll :is(th,td):nth-child(5){width:90px;min-width:90px}
#dqb-panel .dqb-scroll :is(th,td):nth-child(6){width:300px;min-width:300px}
#dqb-panel .dqb-scroll :is(th,td):nth-child(7),#dqb-panel .dqb-scroll :is(th,td):nth-child(8){width:120px;min-width:120px;text-align:right}
#dqb-panel .dqb-scroll :is(th,td):nth-child(9){width:320px;min-width:320px}
#dqb-panel .dqb-scroll th{word-break:normal;overflow-wrap:normal;line-height:1.5}
#dqb-panel .dqb-scroll td{word-break:normal;overflow-wrap:break-word}
#dqb-panel .dqb-result{white-space:normal;overflow-wrap:anywhere}
#dqb-panel .dqb-status{white-space:normal;word-break:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.5}
#dqb-panel .dqb-result .dqb-review{white-space:normal;max-width:100%;overflow-wrap:anywhere}
#dqb-panel .dqb-result strong{white-space:nowrap}
#dqb-panel .dqb-scroll td small,#dqb-panel .dqb-scroll details div{max-width:none}

/* Use all available desktop width; scroll on narrower screens. Prices precede pad details. */
#dqb-panel .dqb-scroll table{width:100%;min-width:1485px}
#dqb-panel .dqb-scroll :is(th,td):nth-child(6){width:340px;min-width:340px;text-align:left}
#dqb-panel .dqb-scroll :is(th,td):nth-child(7){width:300px;min-width:300px;text-align:left}
#dqb-panel .dqb-scroll :is(th,td):nth-child(8),#dqb-panel .dqb-scroll :is(th,td):nth-child(9){width:120px;min-width:120px;text-align:right}
