/* Grainger order register and historical purchase details. */
.qgo-workspace{max-width:1660px;margin:0 auto;min-width:0;color:var(--ink)}
.qgo-workspace *,.qgo-dialog *{box-sizing:border-box}
.qgo-heading,.qgo-heading-title,.qgo-heading-actions{display:flex;align-items:center;gap:16px}
.qgo-heading{justify-content:space-between;gap:24px;margin:4px 0 22px}
.qgo-heading-title{min-width:0}.qgo-heading h2{margin:4px 0 6px;font-size:29px;line-height:1.2;letter-spacing:-.035em}.qgo-heading p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}
.qgo-symbol{width:48px;height:48px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--steel)}.qgo-symbol svg{width:26px;height:26px}
.qgo-heading-actions{gap:8px;flex:none}.qgo-heading-actions .button{white-space:nowrap}
.qgo-sync{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;margin:0 0 18px;background:var(--panel)}.qgo-sync strong{display:block;font-size:12px;font-weight:650;line-height:1.5}.qgo-sync small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}.qgo-sync-dot{width:8px;height:8px;border-radius:50%;background:#389969;flex:none;margin-top:5px}.qgo-sync-dot.is-error{background:#c57e25}.qgo-sync-dot.is-running{background:#4b8cc5}.qgo-sync.is-error{border-color:#c58a414b}
.qgo-stats{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr;gap:12px;margin-bottom:18px}.qgo-stat{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);font:inherit;text-align:left}.qgo-stat>span{font-size:11px;font-weight:650;color:var(--muted)}.qgo-stat>strong{font-size:30px;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.qgo-stat>strong.qgo-stat-project{font-size:20px}.qgo-stat>small{font-size:11px;line-height:1.6;color:var(--muted);margin-top:auto}.qgo-spend{background:linear-gradient(135deg,var(--panel),var(--soft))}.qgo-review{cursor:pointer}.qgo-review:hover{border-color:var(--steel)}.qgo-review.needs-review>strong{color:#ad6e21}
.qgo-breakdown{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:0 0 20px;overflow:hidden}.qgo-breakdown>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;cursor:pointer;font-size:13px;font-weight:650;list-style:none}.qgo-breakdown>summary::after{content:'+';font-size:20px;font-weight:400}.qgo-breakdown[open]>summary::after{content:'−'}.qgo-breakdown>summary>small{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.qgo-breakdown>p{margin:0;padding:0 18px 14px;font-size:11px;color:var(--muted);line-height:1.6}.qgo-breakdown-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:380px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}.qgo-project-spend{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;min-width:0}.qgo-project-spend:nth-child(odd){border-right:1px solid var(--line)}.qgo-project-spend:hover{background:var(--soft)}.qgo-project-spend>span{min-width:0}.qgo-project-spend strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.qgo-project-spend small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.qgo-project-spend>b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.qgo-register{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.qgo-filters{display:grid;grid-template-columns:minmax(190px,1.65fr) minmax(160px,1.3fr) minmax(130px,1fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(145px,1fr);gap:10px;padding:18px;border-bottom:1px solid var(--line)}.qgo-filters .field,.qgo-project-form .field{display:grid;gap:7px;margin:0;min-width:0;font-size:11px;font-weight:650;color:var(--muted)}.qgo-workspace input,.qgo-workspace select,.qgo-dialog select{font:inherit;min-width:0;max-width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;color:var(--ink);background:var(--panel)}.qgo-filters input,.qgo-filters select{width:100%;font-size:12px}.qgo-register-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px}.qgo-register-toolbar>p{margin:0;font-size:12px;color:var(--muted)}.qgo-register-toolbar>div{display:flex;align-items:center;gap:9px}.qgo-register-toolbar select{font-size:12px;min-height:36px}.qgo-table-wrap{overflow:auto}.qgo-table{width:100%;border-collapse:collapse;min-width:1050px;text-align:left;table-layout:auto;font-size:12px}.qgo-table thead{background:var(--soft)}.qgo-table th{padding:12px 15px;font-size:10px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.qgo-table td{padding:17px 15px;vertical-align:middle;border-bottom:1px solid var(--line);line-height:1.6;max-width:220px}.qgo-table tr:last-child td{border-bottom:0}.qgo-table tbody tr:hover{background:var(--soft)}.qgo-table td>strong{font-weight:600;white-space:nowrap}.qgo-table td>small,.qgo-line-table td>small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.qgo-link,.qgo-project-link,.qgo-assignment{display:inline-block;max-width:100%;border:0;padding:0;color:var(--steel);background:transparent;font:inherit;font-weight:700;text-align:left;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}.qgo-link:hover,.qgo-project-link:hover{text-decoration:underline}.qgo-project-link{font-weight:550}.qgo-assignment{padding:4px 7px;border:1px solid #c28a354b;border-radius:5px;font-weight:600;font-size:10px;color:#986016;background:#c28a350d}.qgo-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.qgo-row-action{text-align:right;width:1%;white-space:nowrap}.qgo-wrap{overflow-wrap:anywhere}.qgo-badge{display:inline-block;padding:4px 8px;border-radius:6px;max-width:100%;font-size:10px;font-weight:650;color:var(--muted);background:var(--soft);border:1px solid var(--line);line-height:1.5}.qgo-badge.is-complete{color:#287149;background:#31915a0d;border-color:#31915a33}.qgo-badge.is-pending{color:#99691f;background:#b47e270d;border-color:#b47e2733}.qgo-badge.is-cancelled{color:#a24f4a;background:#b2534c0d;border-color:#b2534c33}
.qgo-pagination{display:flex;align-items:center;gap:18px;padding:14px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.qgo-pagination>label{display:flex;align-items:center;gap:7px}.qgo-pagination select{min-height:32px;padding:5px 7px;font-size:11px}.qgo-pagination>span{margin-left:auto}.qgo-pagination>div{display:flex;align-items:center;gap:11px}.qgo-pagination .button{min-width:32px;min-height:32px}.qgo-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin:16px 0 0}.qgo-empty{padding:46px 20px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.qgo-empty>svg{width:40px;height:40px;color:var(--steel)}.qgo-empty h3{color:var(--ink);font-size:18px;margin:12px 0 6px}.qgo-empty p{margin:0 0 14px}.qgo-error,.qgo-notice{border:1px solid #b3604033;background:#c8803b0a;border-radius:9px;padding:12px 14px;color:var(--ink);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.qgo-register>.qgo-error{margin:0 18px 14px}.qgo-notice{border-color:#32946c44;background:#32946c0a;margin:0 0 16px}.qgo-error[hidden]{display:none}.qgo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qgo-workspace :focus-visible,.qgo-dialog :focus-visible{outline:2px solid var(--steel);outline-offset:3px}
.qgo-dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:var(--panel);box-shadow:0 25px 100px #0007;overflow:auto}.qgo-dialog::backdrop{background:#0b1328a6;backdrop-filter:blur(2px)}.qgo-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:2}.qgo-dialog-head h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:6px 0}.qgo-dialog-head p{font-size:12px;color:var(--muted);margin:8px 0 0}.qgo-dialog-body{padding:23px 26px}.qgo-order-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.qgo-order-overview>.qgo-badge{font-size:12px}.qgo-order-overview>strong{font-size:29px;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.qgo-order-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 22px}.qgo-order-facts>div{min-width:0}.qgo-order-facts dt{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:650;letter-spacing:.03em}.qgo-order-facts dd{font-size:13px;line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere}.qgo-project-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.qgo-project-form select{width:100%;font-size:12px}.qgo-project-form>.button{min-height:40px}.qgo-project-form>p{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--muted);margin:0}.qgo-assignment-evidence{margin:12px 0;font-size:11px;color:var(--muted);line-height:1.7}.qgo-assignment-evidence>summary{cursor:pointer}.qgo-assignment-evidence>p{overflow-wrap:anywhere}.qgo-lines-title{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:15px;margin:24px 0 13px}.qgo-lines-title small{font-size:11px;font-weight:400;color:var(--muted)}.qgo-lines-wrap{border:1px solid var(--line);border-radius:9px;overflow:auto}.qgo-line-table{width:100%;border-collapse:collapse;font-size:12px}.qgo-line-table th{background:var(--soft);font-size:10px;text-transform:uppercase;color:var(--muted);padding:11px 13px;text-align:right;white-space:nowrap}.qgo-line-table th:first-child{text-align:left}.qgo-line-table td{padding:15px 13px;vertical-align:middle;text-align:right;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.qgo-line-table td:first-child{text-align:left;width:60%}.qgo-line-product{display:flex;align-items:center;gap:13px;min-width:0}.qgo-line-product img{width:54px;height:54px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:7px;flex:none;padding:5px}.qgo-line-product>div{min-width:0}.qgo-line-product strong{font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.qgo-line-product small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.qgo-detail-totals{width:min(340px,100%);margin:18px 0 0 auto;display:grid;gap:10px}.qgo-detail-totals>div{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted)}.qgo-detail-totals b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.qgo-detail-totals>.qgo-total{border-top:1px solid var(--line);padding-top:12px;margin-top:4px;font-size:16px;font-weight:650;color:var(--ink)}.qgo-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 26px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--panel)}
[data-qps-theme=dark] .qgo-badge.is-complete{color:#86d5a5}[data-qps-theme=dark] .qgo-badge.is-pending,[data-qps-theme=dark] .qgo-assignment,[data-qps-theme=dark] .qgo-review.needs-review>strong{color:#ebc384}[data-qps-theme=dark] .qgo-badge.is-cancelled{color:#e7a49f}
@media(max-width:1250px){.qgo-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.qgo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qgo-stat{padding:18px}.qgo-stat>strong{font-size:28px}}
@media(max-width:760px){.qgo-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:18px}.qgo-heading h2{font-size:25px}.qgo-heading-actions{width:100%}.qgo-heading-actions>.button{flex:1}.qgo-symbol{width:43px;height:43px}.qgo-heading-title{gap:11px}.qgo-stats{gap:9px}.qgo-stat{padding:14px;gap:7px}.qgo-stat>strong{font-size:25px}.qgo-stat>span{font-size:10px;line-height:1.5}.qgo-stat>small{font-size:10px}.qgo-stat>strong.qgo-stat-project{font-size:16px}.qgo-breakdown-list{grid-template-columns:minmax(0,1fr)}.qgo-project-spend:nth-child(odd){border-right:0}.qgo-breakdown>summary{padding:14px}.qgo-breakdown>summary>small{font-size:10px}.qgo-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.qgo-filters>.qgo-search{grid-column:1/-1}.qgo-filters>.field:nth-child(2){grid-column:1/-1}.qgo-filters input,.qgo-filters select{font-size:12px}.qgo-register-toolbar{padding:13px 14px;flex-wrap:wrap}.qgo-register-toolbar>div{margin-left:auto}.qgo-register-toolbar select{max-width:170px}.qgo-table{display:block;min-width:0;width:100%}.qgo-table>thead{display:none}.qgo-table>tbody{display:block}.qgo-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:17px 14px;border-top:1px solid var(--line)}.qgo-table td{display:block;padding:0;border:0;max-width:none;min-width:0;font-size:12px;line-height:1.5}.qgo-table td[data-label]::before{content:attr(data-label);display:block;text-align:left;color:var(--muted);font-size:10px;font-weight:500;margin-bottom:4px}.qgo-table td>small{font-size:10px}.qgo-table td:first-child{grid-column:1;grid-row:1}.qgo-table td:nth-child(2){grid-column:2;grid-row:1}.qgo-table td:nth-child(3){grid-column:1;grid-row:3}.qgo-table td:nth-child(4){grid-column:1;grid-row:4}.qgo-table td:nth-child(5){grid-column:1;grid-row:2}.qgo-table td:nth-child(6){grid-column:2;grid-row:2}.qgo-table td:nth-child(7){grid-column:2;grid-row:3}.qgo-table td:nth-child(8){grid-column:2;grid-row:4;align-self:end;width:auto}.qgo-table .qgo-amount{text-align:left}.qgo-table .qgo-row-action{text-align:left}.qgo-pagination{padding:13px 14px;gap:9px;font-size:11px;flex-wrap:wrap}.qgo-pagination>div{gap:8px}.qgo-pagination>label{gap:5px}.qgo-sync{padding:12px}.qgo-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:13px}.qgo-dialog-head{padding:18px}.qgo-dialog-head h2{font-size:23px}.qgo-dialog-body{padding:18px}.qgo-dialog-footer{padding:13px 18px}.qgo-order-facts{gap:15px 12px}.qgo-order-facts dd{font-size:12px}.qgo-order-overview>strong{font-size:26px}.qgo-project-form{padding:12px;grid-template-columns:minmax(0,1fr)}.qgo-project-form>.button{width:100%}.qgo-line-table,.qgo-line-table>tbody{display:block;width:100%}.qgo-line-table>thead{display:none}.qgo-line-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-top:1px solid var(--line)}.qgo-line-table tr:first-child{border-top:0}.qgo-line-table td{display:block;width:auto!important;padding:0;border:0;text-align:left;font-size:12px}.qgo-line-table td:first-child{grid-column:1/-1}.qgo-line-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:5px;font-size:10px;color:var(--muted)}.qgo-line-product{gap:11px}.qgo-line-product img{width:47px;height:47px}.qgo-line-product strong{font-size:12px}.qgo-line-table td small{font-size:10px}.qgo-detail-totals{width:100%}}
@media(max-width:360px){.qgo-stats{grid-template-columns:minmax(0,1fr)}.qgo-register-toolbar>div{flex-wrap:wrap;margin-left:0}.qgo-breakdown>summary>small{display:none}.qgo-pagination>span{margin-left:0}.qgo-pagination>div{margin-left:auto}}
.qgo-review:disabled{cursor:default;opacity:1}.qgo-review:disabled:hover{border-color:var(--line)}.qgo-line-product .qgo-cancelled-line{color:#a24f4a}[data-qps-theme=dark] .qgo-line-product .qgo-cancelled-line{color:#e7a49f}
.qgo-line-product{width:100%;padding:0;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.qgo-line-content{min-width:0;display:block}.qgo-line-open{display:block;margin-top:7px;color:var(--steel);font-size:11px;font-weight:650}.qgo-line-product:hover .qgo-line-open{text-decoration:underline}.qgo-line-product:hover strong{color:var(--steel)}.qgo-line-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:60px;height:60px;flex:none;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:8px;overflow:hidden}.qgo-line-photo svg{width:25px;height:25px}.qgo-line-photo>span{font-size:9px;white-space:nowrap}.qgo-line-photo img{width:100%;height:100%;border:0;border-radius:0;padding:5px}.qgo-cost-status{display:flex;gap:9px;align-items:center;padding:11px 13px;margin:15px 0;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:12px;color:var(--muted)}.qgo-cost-status.is-included{color:#287149;border-color:#31915a33;background:#31915a0d}[data-qps-theme=dark] .qgo-cost-status.is-included{color:#86d5a5}
@media(max-width:760px){.qgo-line-photo{width:54px;height:54px}.qgo-line-photo img{width:100%;height:100%}}