.hqrl [hidden],.hqrl-header-link [hidden]{display:none!important}
.hqrl-header-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;min-height:40px;color:#f2f7fa;text-decoration:none;flex-shrink:0}
.hqrl-header-link svg{width:24px;height:24px}
.hqrl-header-link [data-hqrl-count]{position:absolute;top:0;right:0;min-width:18px;min-height:18px;padding:0 4px;border-radius:20px;background:#ad4f0d;color:#fff;font-size:11px;line-height:18px;text-align:center}
.hqrl-header-link:focus-visible,.hqrl :is(a,button,input):focus-visible,.hqrl-add:focus-visible{outline:3px solid #ecb783;outline-offset:3px}
.hqrl-add{display:block;margin-top:14px;padding:10px 12px;border:1px solid #a95c28;border-radius:8px;color:#81420f;background:#f5e8da;font:inherit;font-size:13px;font-weight:700;line-height:1.4;text-align:left;cursor:pointer}
.hqrl-add:hover{background:#eed7c0}
.hqrl-add:disabled{opacity:.7;cursor:default}
.hqs-full>.hqrl-add{display:inline-block;margin:12px 0 0}
.hqrl-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:24px;border:1px solid #71a0b5;border-radius:12px;background:#194f6a;color:#eff7fb}
.hqrl-intro p{margin:5px 0 0;font-size:14px;color:#d7e8f0}
.hqrl-intro>a{flex-shrink:0;font-size:14px;font-weight:700;color:#ffce9d}
.hqrl-intro [data-hqrl-count]{display:inline-block;min-width:22px;padding:1px 5px;border-radius:5px;background:#d8e8f1;color:#194f6a;text-align:center}
.hqrl-material-guide{padding:22px;border:1px solid #71a0b5;border-radius:12px;background:#194f6a;color:#edf6fb}
.hqrl-material-guide p{color:#d7e8f0;margin:0 0 12px;line-height:1.6}
.hqrl-material-guide a{color:#ffce9d;font-weight:700}
.hqrl{max-width:1120px;margin:0 auto;color:#173e56}
.hqrl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.hqrl-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;color:#93501c}
.hqrl-top h2{font-size:30px;line-height:1.25;margin:8px 0 12px}
.hqrl-top p{margin:0;color:#45677c;line-height:1.6}
.hqrl-back{flex-shrink:0;font-weight:700;color:#174f6d;padding:12px 16px;background:#d5e5ee;border:1px solid #97b8ca;border-radius:8px}
.hqrl-rows{display:grid;gap:16px}
.hqrl-row{display:grid;grid-template-columns:minmax(200px,1.25fr) minmax(260px,1.7fr) 110px 44px;align-items:start;gap:20px;padding:22px;border:1px solid #a8c1cf;border-radius:12px;background:#e3edf4}
.hqrl-product strong{display:block;font-size:17px;line-height:1.5;margin:4px 0 8px}
.hqrl-product a{font-size:13px;color:#235b78}
.hqrl-row label{display:block;font-size:13px;font-weight:700;line-height:1.4}
.hqrl-row input{width:100%;box-sizing:border-box;margin-top:8px;min-height:44px;padding:11px;border:1px solid #8daebe;border-radius:7px;color:#183e55;background:#f7fbfd;font:inherit;font-size:14px}
.hqrl-row input:invalid{border-color:#a34524}
.hqrl-row .hqrl-remove{display:flex;align-items:center;justify-content:center;width:40px;min-height:40px;border:1px solid #acc2cf;background:transparent;color:#65422f;border-radius:7px;font-size:22px;cursor:pointer;margin-top:26px}
.hqrl-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:24px;background:#194f6a;color:#fff;border-radius:12px}
.hqrl-bottom strong{font-size:18px}
.hqrl-bottom p{margin:8px 0 0;max-width:600px;font-size:14px;line-height:1.6;color:#d6e6ee}
.hqrl-bottom .hq-button{flex-shrink:0;white-space:normal;text-align:center}
.hqrl-empty{padding:38px;border:1px dashed #8eafc1;border-radius:12px;background:#dfebf3;text-align:center}
.hqrl-empty h3{margin:0 0 10px;font-size:24px}
.hqrl-empty p{margin:0 0 22px;color:#476d83}
.hqrl-status{font-size:14px;line-height:1.6;margin:16px 0}
.hqrl-transfer-note{padding:16px;border:1px solid #8baec1;border-radius:8px;background:#e3edf4;color:#183f57;margin-bottom:20px}
.hq-view-generic .hqrl .hqrl-top :is(h2,p){color:#edf6fb}
.hq-view-generic .hqrl .hqrl-eyebrow{color:#efbd90}
.hq-view-generic .hqrl .hqrl-product a{color:#235b78}
.hq-view-generic .hqrl .hqrl-back{color:#174f6d}
.hq-view-generic .hqrl .hqrl-empty :is(h3,p){color:#173e56}
.hq-view-generic .hqrl .hqrl-status{color:#edf6fb}
@media(max-width:950px){.hqrl-row{grid-template-columns:1fr 110px 44px;gap:14px}.hqrl-product{grid-column:1/-1}.hqrl-bottom{flex-direction:column;align-items:stretch}.hqrl-top{flex-direction:column}.hqrl-intro{margin:0 20px 22px}}
@media(max-width:600px){.hqrl-intro{align-items:flex-start;flex-direction:column;padding:18px;margin:0 16px 18px}.hqrl-top h2{font-size:25px}.hqrl-row{padding:18px;grid-template-columns:1fr 44px;gap:12px}.hqrl-spec{grid-column:1/-1}.hqrl-quantity{grid-column:1}.hqrl-row .hqrl-remove{margin-top:24px}.hqrl-bottom{padding:20px}.hqrl-empty{padding:28px 18px}.hqrl-header-link{width:32px}.hqrl-header-link svg{width:22px;height:22px}.hqrl-back{font-size:14px}.hqrl-add{font-size:12px}}
@media print{.hqrl-header-link,.hqrl-add,.hqrl-back,.hqrl-remove,.hqrl-bottom button{display:none}}
