/* Parts list as a spreadsheet: borderless inputs fill grid cells; the last blank row is where new parts are typed. */
.rrq-sheet-wrap{overflow-x:auto;margin:0 24px;border:1px solid var(--rrq-line);border-radius:var(--rnt-radius-sm,8px)}
/* --rrq-row: every row's fixed height; inputs and the remove button fill it. */
.rrq table.rrq-sheet{--rrq-row:52px;width:100%;min-width:820px;margin:0;border:0;border-collapse:collapse;table-layout:fixed}
.rrq-sheet :is(th,td){padding:0;border:0;border-inline-start:1px solid var(--rrq-line);border-bottom:1px solid var(--rrq-line);vertical-align:top;background:#fff}
.rrq-sheet tr>:first-child{border-inline-start:0}
.rrq-sheet tbody tr:last-child td{border-bottom:0}
.rrq-sheet th{padding:8px 10px;background:var(--rrq-soft);color:var(--rrq-muted);font-size:12px;font-weight:600;text-align:start;white-space:nowrap}
.rrq-sheet th:nth-child(2){width:22%}
.rrq-sheet th:nth-child(3){width:24%}
.rrq-sheet th:nth-child(4){width:16%}
.rrq-sheet th:nth-child(5){width:72px}
.rrq-sheet th:last-child{width:40px}
.rrq-sheet .rrq-num{width:40px;padding:0;background:var(--rrq-soft);color:var(--rrq-muted);font-size:12px;text-align:center;vertical-align:middle}

/* Beats the theme's sitewide input border and radius. */
.rrq .rrq-sheet .rrq-cell{display:block;box-sizing:border-box;width:100%;height:var(--rrq-row);margin:0;padding:8px 10px;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--rrq-ink)}
/* Set on the cells, not the inputs: the theme gives inputs font:inherit with an id selector, so they take the size from here. */
.rrq-sheet tbody td{font-size:13px;line-height:22px}
.rrq .rrq-sheet .rrq-cell:focus{background:#fffdf2}
/* Draw the focus ring inside the cell: outside it is clipped by the scrolling table. !important beats the theme's id-level #redronic-ntp input:focus-visible offset. */
.rrq .rrq-sheet .rrq-cell:focus-visible{outline:2px solid var(--rrq-focus);outline-offset:-3px!important}
/* Shorter than the other cells: the 20px status line below it fills the rest of the row. */
.rrq .rrq-sheet .rrq-part{height:calc(var(--rrq-row) - 20px);padding-bottom:2px;font-family:Consolas,monospace;font-weight:600}
.rrq .rrq-sheet .rrq-quantity{text-align:center}
.rrq .rrq-sheet .rrq-cell::placeholder{color:#a2aab1}
/* Placeholders only on the blank row, so filled rows read like plain data. */
.rrq-sheet tr:not(.rrq-empty) .rrq-cell::placeholder{color:transparent}
.rrq-sheet tr.rrq-empty .rrq-num{color:#b3bac0}

/* Match status and review link share one line of fixed height in every row, so a lookup never changes the row height. */
.rrq-meta{display:flex;gap:8px;align-items:baseline;box-sizing:border-box;height:20px;padding:0 10px 4px;overflow:hidden;white-space:nowrap;font-size:11px;line-height:16px}
.rrq-badge{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--rrq-muted)}

/* Part number search results, positioned under the focused part cell by form.js. */
.rrq-suggest{position:absolute;z-index:20;width:min(460px,calc(100% - 16px));max-height:300px;overflow-y:auto;margin:2px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--rrq-line);border-radius:var(--rnt-radius-sm,8px);box-shadow:0 10px 24px rgba(20,45,90,.16)}
.rrq-suggest li{display:grid;grid-template-columns:auto 1fr;gap:0 10px;margin:0;padding:7px 10px;border-radius:var(--rnt-radius-xs,4px);cursor:pointer;line-height:1.6}
.rrq-suggest li:is(:hover,.active){background:var(--rrq-soft)}
.rrq-suggest li.active{box-shadow:inset 0 0 0 1px var(--rrq-ink)}
.rrq-suggest li[aria-selected=true] b::after{content:' ✓';color:var(--ntp-stock-text,#236345)}
.rrq-suggest b{font:600 13px Consolas,monospace;color:var(--rrq-ink)}
.rrq-suggest span{overflow:hidden;font-size:12px;color:var(--rrq-muted);text-overflow:ellipsis;white-space:nowrap}
.rrq-suggest small{grid-column:2;font-size:11px;color:var(--rrq-muted)}
.rrq-review{flex:none;color:var(--rrq-ink);text-decoration:underline}

.rrq .rrq-sheet .rrq-remove{display:flex;align-items:center;justify-content:center;width:100%;height:var(--rrq-row);padding:0;border:0;border-radius:0;background:transparent;color:var(--rrq-muted);font-size:18px;line-height:1}
.rrq .rrq-sheet .rrq-remove:hover{background:#fdeeee;color:#a74444}
.rrq-sheet tr.rrq-empty .rrq-remove{visibility:hidden}

@media(max-width:750px){
.rrq-sheet-wrap{margin:0 16px}
}