/* ============================================================================ Plush74 Collections 2026 — CLIENT REQUEST / CHECKOUT flow + MEMBER respond Surface file — prefix `.p74cr-*`. Depends on collections-2026.css (the kit). Wave 2, lane E. Scoped under .p74cr-root / .p74cr-srl — never writes a bare .p74c__* rule. Square corners, flat (no shadow), editorial 1px #111 hairline, matches /find/ + /how-it-works/ + /sign-up/. Lime is accent-only; lime-button labels use var(--p74c-btn-on-lime) (= ink), never yellow text on dark. Surfaces: A) dashboard_requests_edit.php — client request/checkout form (.p74cr-root) B) dashboard_requests.php — client saved-requests list (.p74cr-root) C) dashboard_requests_notifications_edit.php — member respond (.p74cr-srl) ========================================================================= */ /* --------------------------------------------------------------------------- A + B) Client request form + saved-requests list (root .p74cr-root) --------------------------------------------------------------------------- */ .p74cr-root{ --p74cr-pad:clamp(18px,2vw,26px); max-width:1180px; margin:0 auto; padding:0 4px 64px; font-family:var(--p74c-font); color:var(--p74c-ink); -webkit-font-smoothing:antialiased; /* containing block for the daterangepicker popup (parentEl:'.p74cr-root'): static root made the absolute picker resolve against while the plugin computed left against the root -> popup landed ~130px left of the DATES field at 1440. Relative root = offsets agree, popup anchors under the input. */ position:relative; } .p74cr-root *{ box-sizing:border-box; } /* page header */ .p74cr-head{ padding:30px 0 18px; border-bottom:1px solid var(--p74c-hair); margin-bottom:26px; } .p74cr-eyebrow{ font-size:11px; text-transform:uppercase; letter-spacing:.13em; color:var(--p74c-muted); margin:0 0 10px; font-weight:600; } .p74cr-title{ font-family:var(--p74c-font-disp); font-size:clamp(26px,3.4vw,40px); line-height:1.04; letter-spacing:.01em; text-transform:uppercase; font-weight:700; margin:0; color:var(--p74c-ink); } .p74cr-lead{ font-size:15px; line-height:1.55; color:var(--p74c-muted); margin:14px 0 0; max-width:660px; } /* alerts pass-through (the CI _form_messages output). MR-15 cousin: the bootstrap .row negative margins pushed the (empty) box past a 390 viewport — zero them inside the scope. */ .p74cr-root .alert_box_m{ margin:0 0 18px; } .p74cr-root .alert_box_m.row{ margin-left:0; margin-right:0; } .p74cr-root .alert_box_m:empty{ display:none; } /* Validation summary: CI validation_errors() emits ONE theme banner per missing field (.alert-danger = full-width magenta bar, custom.css:12297) — a wall of pink. Collapse the stack into a single quiet hairline card; the .has-error field highlights below stay the primary cue. Card chrome sits on :has() so the whitespace-only empty box (which :empty misses) never draws a stray border on normal loads. */ .p74cr-root .alert_box_m:has(.alert){ background:#fff; border:1px solid var(--p74c-ink); padding:16px 20px 14px; margin:26px 0 10px; } .p74cr-root .alert_box_m:has(.alert-danger)::before{ content:"Please complete the required fields:"; display:block; font-family:var(--p74c-font-disp); font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; color:var(--p74c-ink); margin:0 0 10px; } .p74cr-root .alert_box_m .alert{ background:none; border:0; border-radius:0; box-shadow:none; width:auto; color:var(--p74c-ink); font-size:14px; line-height:1.5; text-align:left; padding:3px 0 3px 16px; margin:0; position:relative; font-weight:400; } .p74cr-root .alert_box_m .alert::before{ content:""; position:absolute; left:0; top:9px; width:6px; height:6px; background:var(--p74c-red); } .p74cr-root .alert_box_m .alert-success::before{ background:var(--p74c-lime-d); } /* ---- 3-step checkout rail (REVIEW -> DETAILS -> CONFIRMED) ----------------- A slim numbered rail so the client always knows where they are in checkout. Pure CSS/JS step toggle over the SAME single

— no extra submit, no field re-parenting (every input name kept 1:1). Steps are sibling panels; the rail buttons just show/hide them client-side. Square, flat, lime-on-now. --------------------------------------------------------------------------- */ .p74cr-steprail{ display:flex; gap:0; border:1px solid var(--p74c-hair); margin:0 0 30px; background:var(--p74c-paper); } /* CK-5: (0,3,0) so BOTH the