.order-reference-page{max-width:880px;margin:20px auto;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff}.order-reference-page>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#f7f7f7;border-bottom:1px solid #ddd}.order-reference-page h1{font-size:1.25rem;margin:0;font-weight:500}.order-reference-body{padding:24px 20px}.order-reference-body>p{margin:4px 0;line-height:1.5}.order-reference-block{margin-top:26px}.order-reference-block p{margin:4px 0 8px}.order-reference-table{overflow:auto}.order-reference-table table{width:100%;border-collapse:collapse}.order-reference-table th,.order-reference-table td{padding:18px;border-bottom:1px solid #ddd;text-align:left}.order-reference-table th{background:#fafafa}.order-reference-table td:not(:first-child){white-space:nowrap;vertical-align:middle}.order-reference-table td:first-child{min-width:260px}.order-reference-table td p{margin:8px 0}.order-package-line{padding:10px 12px;background:#f0f0f0;border-radius:6px;line-height:1.5;margin-top:6px}.order-reference-totals{padding:20px;border-bottom:1px solid #ddd}.order-reference-totals>div{display:flex;justify-content:flex-end;gap:30px;margin:12px 0}.order-reference-totals strong{min-width:110px;text-align:right}.order-reference-page textarea{width:100%;min-height:100px}.order-reference-page form>label{display:block;margin:12px 0}.order-private-id{display:block;max-width:100%;max-height:400px;object-fit:contain}.order-reference-page button{min-height:36px;padding:8px 12px}.order-reference-page h2{margin-top:28px}.order-reference-page details summary{cursor:pointer}@media(max-width:600px){.order-reference-page{margin:12px 0}.order-reference-page>header{align-items:flex-start;flex-wrap:wrap}.order-reference-body{padding:18px 14px}.order-reference-table td,.order-reference-table th{padding:12px}.order-reference-totals{padding:14px}}
.order-reference-page>header h1,.order-reference-page>header summary{color:#111}.order-reference-page>header details{color:#111}.order-reference-page>header h1{line-height:1.3}

.order-user-selection{max-width:860px;margin:0 auto;border:1px solid #ddd;background:white}.order-user-selection header{background:#f6f6f6;border-bottom:1px solid #ddd;padding:14px 17px;font-size:20px}.order-user-selection section{padding:24px 17px 36px;border-bottom:1px solid #ddd}.order-user-selection label{display:block;font-size:20px;font-weight:600;margin-bottom:8px}.order-user-selection input{display:block;width:100%;max-width:495px;margin-bottom:18px}.order-user-selection p{margin:0 0 24px}.order-user-selection button{display:block;margin:6px 0}.order-user-selection .subtle{font-size:13px;margin:16px 0 0}

.reference-create-order{max-width:865px;margin:0 auto;background:#fff;border:1px solid #ddd}.reference-create-order>header{padding:14px 18px;background:#f6f6f6;border-bottom:1px solid #ddd;font-size:20px}.reference-create-order>section{padding:22px 18px;border-bottom:1px solid #ddd}.reference-order-options{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:24px}.reference-create-order p{margin:5px 0}.reference-create-order label{display:block;font-weight:600;margin:0 0 12px}.reference-create-order h3{margin:22px 0 10px;font-size:19px}.reference-product-picker{margin-top:18px}.reference-create-order input[data-reference-quantity]{max-width:75px}.reference-create-order #staff-customer-info,.reference-create-order #staff-customer-results,.reference-create-order #staff-customer-search{display:none}.reference-create-order #checkout>label:has(#staff-customer-search){display:none}@media(max-width:650px){.reference-order-options{grid-template-columns:1fr;gap:10px}}

.reference-adjustment-row{display:grid;grid-template-columns:2fr 1fr;gap:14px}.reference-create-order .error{color:#fff;background:#bd1745;padding:12px}@media(max-width:650px){.reference-adjustment-row{grid-template-columns:1fr}}

.reference-create-order>header.order-contact-bar{background:#1349b8;color:#fff;border-color:#1349b8}.reference-create-order>header.order-address-bar{background:#d8ecff;color:#101828;border-left:5px solid #1349b8}.reference-create-order>header.order-items-bar{background:#111827;color:#fff;border-left:5px solid #3b82f6}.reference-create-order #checkout button.full{background:#15803d;color:#fff;border-color:#166534}.reference-create-order #checkout button.full:hover{background:#166534}.reference-city-state{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.reference-product-results{max-height:260px;overflow:auto;background:#fff;border:1px solid #9dc6ee;border-radius:8px}.reference-product-results[hidden]{display:none}.reference-product-results button{display:block;text-align:left;width:100%;background:#eff6ff;color:#101828;border:0;border-bottom:1px solid #d8e8f8;border-radius:0;padding:12px}.reference-product-results button:hover{background:#dbeafe}@media(max-width:600px){.reference-city-state{grid-template-columns:1fr}.reference-product-results{max-height:220px}}

/* Shared staff section and tab palette. */
body.staff-page{--section-royal:#164fc4;--section-navy:#102b55;--section-light:#dceeff;--section-ink:#10243d}
.staff-page .staff-screen>.staff-screen-title,.staff-page .order-reference-page>header,.staff-page .reference-create-order>header,.staff-page .order-user-selection>header{background:var(--section-royal);color:#fff;border-color:#245ecf}
.staff-page .staff-screen-title h1,.staff-page .order-reference-page>header h1{color:#fff}
.staff-page .reference-create-order>header:nth-of-type(3n+2),.staff-page .order-user-selection>header:nth-of-type(3n+2){background:var(--section-navy);color:#fff;border-color:var(--section-navy)}
.staff-page .reference-create-order>header:nth-of-type(3n),.staff-page .order-user-selection>header:nth-of-type(3n){background:var(--section-light);color:var(--section-ink);border-left:5px solid var(--section-royal)}
.staff-page .staff-form-section>h2,.staff-page .panel>h2,.staff-page .order-reference-body>h2,.staff-page .reference-create-order section>h3{background:var(--section-light);color:var(--section-ink);border-left:4px solid var(--section-royal);border-radius:6px;padding:9px 12px;line-height:1.35}
.staff-page .staff-form-section:nth-of-type(even)>h2,.staff-page .panel:nth-of-type(even)>h2{background:var(--section-navy);color:#fff;border-left-color:#73b8ff}
.staff-page .staff-segments button,.staff-page [role=tablist] [role=tab]{background:#e5f2ff;color:#143964;border-color:#a9cbed}
.staff-page .staff-segments button:nth-child(even){background:#cce4ff;color:#102b55}
.staff-page .staff-segments button.active,.staff-page [role=tab][aria-selected=true]{background:var(--section-navy);color:#fff;border-color:var(--section-navy)}
.staff-page .staff-segments button:hover,.staff-page [role=tab]:hover{background:#164fc4;color:#fff;border-color:#164fc4}
.staff-page .panel>summary,.staff-page .driver-workspace>details>summary,.staff-page .staff-screen details>summary{background:#deedff;color:#123458;padding:10px 12px;border-radius:6px;border-left:4px solid #245ecf}
.staff-page .panel:nth-of-type(even)>summary{background:#153968;color:#fff;border-left-color:#79baff}
.staff-page .staff-screen thead,.staff-page .order-reference-table thead{background:#dceeff;color:#102b55}
.staff-page .staff-screen thead th,.staff-page .order-reference-table thead th{background:inherit;color:inherit}
@media print{.staff-page .staff-screen-title,.staff-page .panel>h2,.staff-page .staff-form-section>h2,.staff-page .reference-create-order>header{background:#fff!important;color:#000!important;border-color:#aaa!important}.staff-page .staff-screen-title h1{color:#000!important}}