.quote-send-review { width:min(1000px,94vw); max-height:92dvh; border:1px solid #d6cabb; border-radius:8px; padding:20px; background:#f8f4ea; color:#26211b; } .quote-send-review::backdrop { background:#0008; } .quote-send-review header,.quote-send-review footer { display:flex; align-items:center; gap:16px; justify-content:space-between; } .quote-send-review h2 { margin:4px 0 16px; } .send-review-body { max-height:64dvh; overflow:auto; } .send-review-order { padding:16px; margin-bottom:16px; border:1px solid #d6cabb; background:#fffdf9; } .send-review-order p { margin:8px 0; } .send-review-uploads { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:12px; } .send-review-uploads label { display:grid; gap:6px; min-width:0; } .send-review-uploads input { width:100%; } .send-review-uploads span { overflow-wrap:anywhere; } .send-review-reminders { margin-top:16px; padding:12px; background:#eee8df; } .quote-send-review button { padding:10px 16px; border:1px solid #26211b; background:#fffdf9; cursor:pointer; } .quote-send-review [data-review-send] { background:#26211b; color:white; } .send-review-error { color:#a32920; } .quote-send-review input[type=checkbox] { accent-color:#26211b; width:1.265rem; height:1.265rem; } @media(max-width:600px){.quote-send-review footer{flex-wrap:wrap;}}
/* Match the order-details dialog rather than inheriting page headings. */
dialog.quote-send-review { width:min(1140px,calc(100vw - 32px)); height:92dvh; max-height:92dvh; padding:0; overflow:hidden; font:400 .78rem/1.4 var(--body); }
dialog.quote-send-review[open] { display:flex; flex-direction:column; }
.quote-send-review > header { flex:none; padding:16px 20px; border-bottom:1px solid var(--line); }
.quote-send-review header small { display:block; color:#946b42; font-size:.65rem; font-weight:800; letter-spacing:.04em; }
.quote-send-review header h2 { font:850 1.45rem/1.15 var(--heading); margin:4px 0 0; letter-spacing:0; }
.quote-send-review header button { width:42px; height:42px; min-height:42px; padding:0; background:#26211b; color:white; font-size:1.5rem; flex:none; }
.quote-send-review .send-review-body { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; max-height:none; overflow:hidden; gap:14px; padding:14px 20px; }
.quote-send-review .send-review-toolbar { display:flex; flex:none; flex-wrap:wrap; align-items:center; gap:10px 18px; min-height:46px; padding:0 0 12px; border-bottom:1px solid var(--line); }
.quote-send-review .send-review-parts { display:flex; flex:none; flex-wrap:wrap; gap:8px; margin:0; padding:0; border:0; }
.quote-send-review .send-review-part { min-height:41px; padding:9px 18px; border:1px solid var(--line); border-radius:999px; background:var(--paper); color:var(--ink); font:800 .8rem var(--body); letter-spacing:.02em; text-transform:uppercase; }
.quote-send-review .send-review-part:hover,.quote-send-review .send-review-part:focus-visible { border-color:var(--ink); background:#eee8df; }
.quote-send-review .send-review-part.is-active { border-color:#26211b; background:#26211b; color:#fff; }
.quote-send-review .send-review-previews { flex:1 1 auto; min-height:0; min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#fff; }
.quote-send-review .send-review-previews iframe { height:100% !important; }
.quote-send-review .send-review-previews iframe[hidden] { display:none; }
.quote-send-review .send-review-body > p { margin:0 0 12px; color:var(--muted); font-size:.72rem; }
.quote-send-review .send-review-order { padding:14px 16px; margin:0 0 12px; border-radius:8px; }
.quote-send-review .send-review-order h3 { font:800 .85rem/1.3 var(--body); margin:0 0 6px; letter-spacing:0; }
.quote-send-review .send-review-order h4 { font:800 .78rem/1.3 var(--body); margin:16px 0 5px; letter-spacing:0; }
.quote-send-review .send-review-order p { font-size:.72rem; line-height:1.5; margin:4px 0 8px; }
.quote-send-review .send-review-order > label { display:grid; gap:5px; font-size:.7rem; font-weight:750; }
.quote-send-review input[type=date] { max-width:230px; min-height:40px; padding:8px 10px; font:700 .8rem var(--body); }
.quote-send-review .send-review-order > small { display:block; margin-top:5px; font-size:.65rem; color:var(--muted); }
.quote-send-review .send-review-uploads { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:10px; }
.quote-send-review .send-review-uploads > label { padding:10px 8px; border:1px solid var(--line); border-radius:5px; text-align:center; font-size:.65rem; background:#f8f4ea; align-content:start; }
.quote-send-review .send-review-uploads input[type=file] { min-width:0; padding:0; border:0; background:transparent; font-size:0; min-height:32px; cursor:pointer; }
.quote-send-review .send-review-uploads input[type=file]::file-selector-button { display:block; width:100%; margin:0; padding:7px 4px; font:700 .65rem var(--body); border:1px solid var(--line); background:#fffdf9; color:#26211b; cursor:pointer; }
.quote-send-review .send-review-uploads span { font-size:.6rem; font-weight:400; line-height:1.3; }
.quote-send-review .send-review-uploads button { padding:0; min-height:20px; border:0; background:transparent; text-decoration:underline; font-size:.6rem; }
.quote-send-review .send-review-reminders { padding:12px; border-radius:5px; }
.quote-send-review .send-review-reminders strong { font-size:.75rem; }
.quote-send-review .send-review-reminders label { display:flex; align-items:center; gap:10px; font-size:.7rem; }
.quote-send-review .send-review-reminders input { flex:0 0 1.265rem; margin:0; }
.quote-send-review > footer { display:flex; flex:none; justify-content:flex-end; gap:12px; padding:12px 20px; border-top:1px solid var(--line); }
.quote-send-review footer [data-preview-back] { justify-self:end; }
.quote-send-review footer button { min-height:42px; font:800 .75rem var(--body); padding:10px 18px; }
.quote-send-review .send-review-error { margin:0; padding:0 20px 10px; font-size:.72rem; }
.quote-send-review .send-review-error:empty { display:none; }
@media(max-width:600px) { .quote-send-review .send-review-uploads { grid-template-columns:repeat(2,minmax(0,1fr)); } .quote-send-review > header,.quote-send-review .send-review-body,.quote-send-review > footer { padding-left:12px; padding-right:12px; } }
.quote-send-review .send-request-panel { display:flex; flex:none; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 12px; margin:0 0 0 auto; padding:0; border:0; background:transparent; }
.quote-send-review .send-request-panel h3 { margin:0; color:var(--ink); font:800 .78rem/1.2 var(--body); letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; }
.quote-send-review .send-request-panel .send-request-toggle { flex:none; }
.quote-send-review .send-scope-panel { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 18px; margin:0 0 10px; padding:12px 16px; border:1px solid var(--line); border-radius:6px; background:#fffdf9; }
.quote-send-review .send-scope-panel h3 { margin:0 0 2px; font:800 .82rem/1.25 var(--body); }
.quote-send-review .send-scope-panel p { margin:0; color:var(--muted); font-size:.67rem; }
.quote-send-review .send-part-checks { display:flex; flex-wrap:wrap; gap:7px; }
.quote-send-review .send-scope-check { display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:5px; background:var(--paper); font:800 .68rem var(--body); text-transform:uppercase; white-space:nowrap; }
.quote-send-review .send-scope-check input { width:17px; height:17px; margin:0; accent-color:#26211b; }
.quote-send-review .send-request-toggle { display:flex; flex-wrap:wrap; gap:8px; }
.quote-send-review .send-request-toggle button { min-height:39px; padding:8px 15px; border:1px solid var(--line); border-radius:999px; background:var(--paper); color:var(--ink); font:800 .75rem var(--body); text-transform:uppercase; white-space:nowrap; }
.quote-send-review .send-request-toggle button:disabled { cursor:not-allowed; opacity:.45; }
.quote-send-review .send-request-toggle button.is-active { border-color:#26211b; background:#26211b; color:#fff; }
.quote-send-review .send-request-fields { display:grid; gap:10px; margin-top:12px; }
.quote-send-review .send-request-fields > p { margin:0; color:var(--muted); font-size:.72rem; }
.quote-send-review .send-request-fields > label { display:grid; gap:5px; max-width:none; font:750 .7rem var(--body); }
.quote-send-review .send-request-fields select,.quote-send-review .send-request-fields textarea { box-sizing:border-box; width:100%; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); padding:8px 10px; font:400 .78rem var(--body); }
.quote-send-review .send-request-fields textarea { resize:vertical; }
.quote-send-review .send-request-fields > label.send-request-notes { width:100%; max-width:none; }
.quote-send-review .send-request-lead-time { display:grid; gap:3px; padding:12px 14px; border:1px solid var(--line); border-radius:6px; background:var(--paper); }
.quote-send-review .send-request-lead-time > span { color:var(--muted); font:800 .62rem var(--body); letter-spacing:.04em; text-transform:uppercase; }
.quote-send-review .send-request-lead-time strong { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; font:850 1.08rem/1.15 var(--heading); }
.quote-send-review .send-request-lead-time strong em { color:var(--muted); font:800 .62rem/1.2 var(--body); font-style:normal; letter-spacing:.04em; text-transform:uppercase; }
.quote-send-review .send-request-lead-time small { color:var(--muted); font:600 .66rem/1.4 var(--body); }
.quote-send-review .send-request-live { display:flex !important; align-items:center; gap:9px; }
.quote-send-review .send-request-live input { margin:0; }
.quote-send-review .send-request-live-week { display:grid; gap:10px; }
.quote-send-review .send-request-live-week > label { display:grid; gap:5px; max-width:none; font:750 .7rem var(--body); }
.quote-send-review .send-request-uploads { display:flex; flex-wrap:wrap; gap:10px; }
.quote-send-review .send-request-upload { position:relative; display:grid; gap:7px; width:min(310px,100%); min-width:0; padding:12px; border:1px solid var(--line); border-radius:7px; background:#fff; font:750 .65rem var(--body); text-align:left; transition:border-color .15s ease,box-shadow .15s ease; }
.quote-send-review .send-request-upload:hover,.quote-send-review .send-request-upload:focus-within { border-color:#26211b; box-shadow:0 0 0 2px rgba(38,33,27,.08); }
.quote-send-review .send-request-upload-title { color:var(--muted); font:800 .62rem var(--body); letter-spacing:.04em; text-transform:uppercase; }
.quote-send-review .send-request-file-control { display:flex; align-items:center; gap:8px; min-width:0; min-height:38px; }
.quote-send-review .send-request-file-action { display:inline-flex; align-items:center; min-height:36px; padding:0 11px 0 27px; border-radius:4px; background:#26211b; color:#fff; font:800 .64rem var(--body); letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; }
.quote-send-review .send-request-file-control > i { position:absolute; left:24px; bottom:23px; z-index:1; color:#fff; font-size:.72rem; pointer-events:none; }
.quote-send-review .send-request-file-name { min-width:0; overflow:hidden; color:var(--muted); font:600 .68rem var(--body); text-overflow:ellipsis; white-space:nowrap; }
.quote-send-review .send-request-file-clear { position:relative; z-index:3; flex:0 0 auto; min-height:28px; padding:4px 7px; border:0; background:transparent; color:#8d352a; font:800 .61rem var(--body); letter-spacing:.02em; text-decoration:underline; text-transform:uppercase; }
.quote-send-review .send-request-file-clear:hover { color:#5d211a; }
.quote-send-review .send-request-uploads input[type=file] { position:absolute; right:12px; bottom:12px; left:12px; z-index:2; width:auto; min-height:38px; margin:0; padding:0; border:0; opacity:0; cursor:pointer; }
.quote-send-review .send-request-add-elevation { width:max-content; min-height:34px; padding:7px 12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font:800 .66rem var(--body); text-transform:uppercase; }
.quote-send-review .send-request-popup { position:absolute; inset:0; z-index:5; display:grid; place-items:center; padding:20px; background:rgba(38,33,27,.25); }
.quote-send-review .send-request-popup[hidden] { display:none; }
.quote-send-review .send-request-popup-card { width:min(520px,100%); max-height:100%; overflow:auto; border:1px solid var(--line); border-radius:8px; background:#fffdf9; box-shadow:0 18px 48px rgba(38,33,27,.28); }
.quote-send-review .send-request-popup-card > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border-bottom:1px solid var(--line); }
.quote-send-review .send-request-popup-card header small { display:block; color:#946b42; font-size:.65rem; font-weight:800; letter-spacing:.04em; }
.quote-send-review .send-request-popup-card header h3 { margin:4px 0 0; font:850 1.265rem/1.15 var(--heading); }
.quote-send-review .send-request-popup-reference { display:block; margin-top:4px; color:var(--muted); font:800 .66rem/1.2 var(--body); letter-spacing:.04em; }
.quote-send-review .send-request-popup-card header button { width:36px; height:36px; min-height:36px; padding:0; border:1px solid #26211b; background:#26211b; color:#fff; font-size:1.3rem; }
.quote-send-review .send-request-popup-body { padding:16px 18px; }
.quote-send-review .send-request-popup-card > footer { display:flex; justify-content:flex-end; padding:12px 18px; border-top:1px solid var(--line); }
.quote-send-review .send-request-popup-card > footer button { min-height:36px; font:800 .68rem var(--body); text-transform:uppercase; }
.quote-send-review .send-request-popup-card > footer [data-send-request-submit],.quote-send-review .send-request-final-warning [data-send-final-confirm] { border-color:#26211b; background:#26211b; color:#fff; }
.quote-send-review .send-request-final-warning { display:grid; align-content:start; gap:16px; margin:12px 18px 18px; padding:18px 20px; border:1px solid var(--line); border-radius:8px; background:var(--paper); }
.quote-send-review .send-request-final-warning strong { color:var(--ink); font:850 1.045rem/1.2 var(--heading); }
.quote-send-review .send-request-final-summary { display:grid !important; grid-template-columns:minmax(0,1.45fr) minmax(190px,.75fr); align-items:start; gap:12px 26px; color:var(--muted); font:700 .805rem/1.4 var(--body); }
.quote-send-review .send-request-final-parts { display:flex; grid-row:1 / span 2; flex-direction:column; align-items:stretch; align-self:stretch; gap:10px; margin:0; padding-right:26px; border-right:1px solid rgba(38,33,27,.16); }
.quote-send-review .send-request-final-part { display:grid; grid-template-columns:1fr; gap:2px; }
.quote-send-review .send-request-final-part b { color:var(--ink); font-weight:800; }
.quote-send-review .send-request-final-part em { font-style:normal; }
.quote-send-review .send-request-final-address { display:grid; gap:2px; }
.quote-send-review .send-request-final-address b { color:var(--ink); font-weight:800; }
.quote-send-review .send-request-final-delivery { display:grid; grid-column:2; gap:2px; }
.quote-send-review .send-request-final-delivery b { color:var(--ink); font-weight:800; }
.quote-send-review .send-request-final-warning > div:last-child { display:flex; justify-content:flex-end; gap:8px; margin-top:0; padding-top:14px; border-top:1px solid var(--line); }
.quote-send-review .send-request-final-warning button { min-height:34px; padding:7px 11px; font:800 .65rem var(--body); text-transform:uppercase; }
.quote-send-success { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:20px; background:rgba(38,33,27,.42); }
.quote-send-success[hidden] { display:none; }
.quote-send-success-card { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:16px; width:min(480px,100%); padding:24px; border:1px solid var(--line); border-radius:10px; background:#fffdf9; box-shadow:0 20px 52px rgba(38,33,27,.3); }
.quote-send-success-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#e0f0e7; color:#286646; font-size:1.55rem; }
.quote-send-success-card small { display:block; margin-bottom:3px; color:#286646; font:850 .65rem/1.2 var(--body); letter-spacing:.06em; text-transform:uppercase; }
.quote-send-success-card h2 { margin:0; color:var(--ink); font:850 1.45rem/1.1 var(--heading); text-transform:uppercase; }
.quote-send-success-card p { margin:8px 0 3px; color:var(--ink); font:800 .86rem/1.4 var(--body); }
.quote-send-success-card p:empty { display:none; }
.quote-send-success-card p + span { display:block; color:var(--muted); font:600 .76rem/1.4 var(--body); }
.quote-send-success-card button { grid-column:2; justify-self:start; min-height:38px; padding:8px 18px; }
.quote-send-success.is-error .quote-send-success-icon { background:#f7dddd; color:#a72b27; }
.quote-send-success.is-error .quote-send-success-card small { color:#a72b27; }
.quote-send-success.is-error .quote-send-success-card button { border-color:#a72b27; background:#a72b27; }
@media(max-width:600px) { .quote-send-success { padding:14px; } .quote-send-success-card { grid-template-columns:auto minmax(0,1fr); padding:20px; } }
@media(max-width:600px) { .quote-send-review .send-request-popup { padding:12px; } .quote-send-review .send-request-popup-body,.quote-send-review .send-request-popup-card > header,.quote-send-review .send-request-popup-card > footer { padding-left:14px; padding-right:14px; } .quote-send-review .send-request-final-warning { margin:12px; padding:16px; } .quote-send-review .send-request-final-summary { grid-template-columns:1fr; gap:10px; } .quote-send-review .send-request-final-parts { grid-row:auto; padding-right:0; border-right:0; } .quote-send-review .send-request-final-delivery { grid-column:auto; } }

.quote-send-review { text-transform:uppercase; }
.quote-send-review .send-request-address { display:grid;gap:10px;margin-bottom:16px; } .quote-send-review .send-request-address h4,.quote-send-review .send-request-address p { margin:0; } .quote-send-review .send-request-address input { width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:white;font:inherit; }

/* Use the same unboxed close icon as the quote builder. */
.quote-send-review header button.quote-header-icon,
.quote-send-review .send-request-popup-card header button.quote-header-icon,
#optionalCatalogueSuggestions [data-suggest-close] {
 display:inline-flex;align-items:center;justify-content:center;flex:none;
 width:44px;min-width:44px;min-height:44px;height:44px;padding:7px;
 border:0;background:transparent;color:var(--ink,#26211b);border-radius:50%;cursor:pointer;
}
.quote-send-review header button.quote-header-icon > .bi,
#optionalCatalogueSuggestions [data-suggest-close] > .bi {display:block;font-size:1.265rem;font-weight:400;line-height:1;}
.quote-send-review header button.quote-header-icon:focus-visible,
#optionalCatalogueSuggestions [data-suggest-close]:focus-visible {outline:2px solid var(--teal,#287c76);outline-offset:3px;}