/* PORTED-THEME — restyles prod modules (release/prod-snapshot-20261015) to the new design system (ride.css tokens). */
:root{--p-bg:var(--r-bg,#fff);--p-ink:var(--r-ink,#111);--p-acc:var(--r-accent,#ffd400);--p-acc2:var(--r-accent-soft,#fff6c7);--p-field:var(--r-field,#f4f4f4);--p-line:var(--r-line,#ececec);--p-mute:var(--r-mute,#6b6b6b);--p-rad:18px}
/* overlays/backdrops */
.rf-root,.jb-root{position:fixed;inset:0;z-index:2147480000;background:rgba(17,17,17,.38);display:flex;align-items:flex-end;justify-content:center}
.rf-root[hidden],.jb-root[hidden]{display:none!important}
.mbxmf-backdrop,.mbxrm-backdrop{position:fixed;inset:0;z-index:2147480000;background:rgba(17,17,17,.38)}
.mbxmf,.mbxrm{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:2147480001}
.rf-sheet,.jb-sheet,.mbxmf,.mbxrm{width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--p-bg);color:var(--p-ink);border-radius:24px 24px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.18);padding:0 18px 22px}
/* unify all prod module surfaces */
[class^="mbxw"],[class^="mbxd"],[class^="mbxc"],[class^="mbxmp"],[class^="mbxmf"],[class^="mbxrm"],[class^="mbxp"],[class^="mbxm"],[class^="jb"],[class^="rf-"]{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em}
.rf-head,.jb-head,.mbxmf-head,.mbxrm-head,.mbxw-top,.mbxp-head,.mbxd-head,.mbxc-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:16px 0 12px;background:var(--p-bg);border-bottom:1px solid var(--p-line)}
.rf-title,.jb-head h2,.mbxrm-head-title,.mbxmf-head b{font-size:20px;font-weight:800;margin:0;flex:1}
.rf-icon-btn,.jb-icon-btn,.mbxmf-icon-btn,.mbxrm-icon-btn,.mbxmp-icon-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--p-field);color:var(--p-ink);display:inline-grid;place-items:center;font-size:18px;cursor:pointer}
.rf-section,.rf-subsection,.jb-job,.jb-offer,.mbxd-card,.mbxp-card,.mbxd-section,.rf-equipment,.mbxmf-step,.mbxrm-view{background:var(--p-bg);border:1px solid var(--p-line);border-radius:var(--p-rad);padding:14px;margin:12px 0}
.rf-label,.mbxrm-sub-title,.mbxw-stat-key,.mbxp-kpi-key,.mbxd-note,.mbxrm-note,.mbxmf-note,.mbxmf-sub,.mbxrm-sub,.mbxp-sub,.mbxp-meta,.mbxc-sub,.rf-spec{color:var(--p-mute);font-size:13px}
.mbxw-stat-val,.mbxp-kpi-val{font-size:22px;font-weight:800;color:var(--p-ink)}
.mbxw-stat,.mbxp-kpi{background:var(--p-field);border-radius:14px;padding:12px}
.rf-line{border-color:var(--p-line)!important}
input.jb-input,input.mbxrm-input,.rf-root input,.rf-root select,.rf-root textarea,.mbxmf-search,.jb-root textarea,.mbxd-view input,.mbxd-view textarea,.mbxd-view select{width:100%;box-sizing:border-box;min-height:48px;border:0;border-radius:14px;background:var(--p-field);color:var(--p-ink);padding:12px 14px;font:inherit;outline:none}
.rf-root input:focus,.jb-input:focus,.mbxrm-input:focus,.mbxmf-search:focus{box-shadow:0 0 0 2px var(--p-ink)}
/* buttons: primary = accent, soft = field */
.rf-btn,.jb-btn,.mbxmf-btn,.mbxrm-btn,.mbxw-btn,.mbxd-btn,.mbxc-btn,.mbxp-btn,.mbxmp-btn-dark,.mbxmp-go{min-height:48px;padding:0 18px;border-radius:14px;border:0;background:var(--p-acc);color:#111;font:700 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
.mbxmf-btn-soft,.mbxw-btn-soft,.mbxc-btn-soft,.mbxd-ghost,.rf-btn.rf-secondary,.jb-btn.jb-secondary{background:var(--p-field);color:var(--p-ink)}
.mbxrm-btn-primary,.mbxd-primary{background:var(--p-ink);color:#fff}
.mbxw-badge,.mbxmp-badge,.mbxc-status{background:var(--p-acc2);color:var(--p-ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.mbxrm-stars{color:#f5b301}
.jb-media,.mbxmf-media{border-radius:14px;overflow:hidden;background:var(--p-field)}
.rf-error{background:#fff0f0;color:#b00020;border-radius:12px;padding:10px 12px}
.jb-screen[hidden],.rf-screen[hidden],.mbxrm-view[hidden]{display:none!important}
/* hub section on home */
.mbx-hub{padding:8px 16px 24px}
.mbx-hub h2{margin:0;font-size:20px;font-weight:800}
.mbx-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.mbx-hub-tile{display:flex;gap:10px;align-items:center;text-align:left;border:0;border-radius:var(--p-rad);background:var(--p-field);padding:14px;min-height:72px;cursor:pointer;font:inherit;color:var(--p-ink)}
.mbx-hub-tile:hover,.mbx-hub-tile:focus-visible{background:var(--p-acc2);outline:none}
.mbx-hub-icon{width:40px;height:40px;flex:none;border-radius:12px;background:var(--p-bg);display:grid;place-items:center;font-size:20px}
.mbx-hub-text{display:flex;flex-direction:column;gap:2px}.mbx-hub-text b{font-size:14px}.mbx-hub-text small{font-size:12px;color:var(--p-mute)}
.mbx-sheet-root{position:fixed;inset:0;z-index:2147480000;background:rgba(17,17,17,.38);display:flex;align-items:flex-end;justify-content:center}
.mbx-sheet-root[hidden]{display:none!important}
.mbx-sheet{width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--p-bg);border-radius:24px 24px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.18)}
.mbx-sheet-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:16px 18px 12px;background:var(--p-bg);border-bottom:1px solid var(--p-line)}
.mbx-sheet-head h2{flex:1;margin:0;font-size:20px;font-weight:800}
/* ---- layout for modules that shipped without CSS in prod (rental-freight, job-board, rating-materials, master-flow) ---- */
.rf-chips,.jb-chips,.mbxrm-chips,.mbxrm-tabs,.mbxrm-cats,.mbxmf-cats,.mbxmf-days,.mbxmf-slots,.mbxrm-switch,.rf-toggle{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.rf-chip,.jb-chip,.jb-option,.jb-filter,.mbxrm-chip,.mbxrm-tab,.mbxrm-cat,.mbxrm-switch-btn,.mbxmf-cat,.mbxmf-day,.mbxmf-slot,.mbxmf-state-chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:0;background:var(--p-field);color:var(--p-ink);font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.rf-chip[aria-pressed="true"],.rf-chip.is-active,.jb-chip[aria-pressed="true"],.jb-option[aria-pressed="true"],.mbxrm-tab[aria-selected="true"],.mbxrm-tab.is-active,.mbxrm-switch-btn[aria-pressed="true"],.mbxmf-cat[aria-pressed="true"],.mbxmf-day[aria-pressed="true"],.mbxmf-slot[aria-pressed="true"],[class*="-chip"].active,[class*="-tab"].active{background:var(--p-ink);color:#fff}
.rf-chip--popular{background:var(--p-acc2)}
.rf-steps,.rf-stepper,.mbxmf-dots,.mbxmf-track-stages{display:flex;gap:6px;list-style:none;padding:0;margin:8px 0 14px;counter-reset:s}
.rf-steps>li,.rf-stepper>li,.mbxmf-dots>li,.mbxmf-track-stages>li{flex:1;min-width:0;font-size:11px;color:var(--p-mute);border-top:4px solid var(--p-line);padding-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-steps>li[aria-current],.rf-steps>li.is-active,.rf-steps>li.done,.mbxmf-dots>li.is-active,.mbxmf-track-stages>li.done{border-top-color:var(--p-acc);color:var(--p-ink)}
.mbxmf-dot{width:8px;height:8px;border-radius:50%;background:var(--p-line);display:inline-block}.mbxmf-dot.is-active,.mbxmf-dot.active{background:var(--p-ink)}
.rf-field,.jb-field{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.rf-label,.jb-label{display:block;font-weight:600;color:var(--p-ink);font-size:14px}
.rf-grid,.mbxrm-two,.mbxrm-stats,.mbxmf-stats,.rf-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rf-lines,.rf-summary,.mbxrm-totals{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.rf-line,.mbxrm-total-row,.mbxrm-cart-row,.mbxmf-queue-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--p-line)}
.rf-total{display:flex;justify-content:space-between;font-weight:800;font-size:17px;padding-top:8px}
.rf-price,.jb-price,.mbxrm-price{font-weight:800}
.rf-equipment,.jb-job,.mbxrm-card,.mbxmf-master{display:grid;gap:6px}
.rf-section>h3,.rf-subsection>h3,.mbxmf-step-title,.mbxrm-title,.jb-title{font-size:17px;font-weight:800;margin:0 0 6px}
.mbxmf-step-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mbxmf-step-no{width:28px;height:28px;border-radius:50%;background:var(--p-acc);display:grid;place-items:center;font-weight:800;font-size:13px}
.mbxmf-cat-ic,.mbxrm-empty-ic,.mbxmf-empty-ic{font-size:20px}
.mbxrm-products,.mbxmf-list,.jb-jobs,.mbxmf-gallery,.mbxrm-portfolio{display:grid;gap:10px}
.mbxrm-products{grid-template-columns:1fr 1fr}
.mbxrm-product-img,.mbxrm-detail-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:var(--p-field)}
.mbxrm-avatar,.mbxmf-avatar,.jb-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--p-field)}.mbxmf-avatar-lg{width:72px;height:72px;border-radius:50%}
.mbxrm-qty{display:inline-flex;align-items:center;gap:10px}
.mbxrm-table-wrap{overflow:auto}.mbxrm-table{width:100%;border-collapse:collapse;font-size:13px}.mbxrm-table td,.mbxrm-table th{padding:8px;border-bottom:1px solid var(--p-line);text-align:left}
.rf-callout,.rf-note,.rf-alert,.mbxrm-warn,.mbxrm-formula,.jb-hint,.mbxrm-rules{background:var(--p-acc2);border-radius:14px;padding:10px 12px;font-size:13px;margin:10px 0}
.rf-badge,.mbxmf-verified,.mbxrm-status,.mbxmf-status{display:inline-block;background:var(--p-acc2);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}
.rf-toast,.jb-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--p-ink);color:#fff;border-radius:14px;padding:10px 16px;z-index:2147480002}
.rf-btn--ghost{background:var(--p-field)}.rf-btn--ok{background:#1db954;color:#fff}
.rf-root input[type=file],.jb-root input[type=file]{min-height:auto;padding:10px;background:var(--p-field)}
.jb-body,.rf-body{padding-bottom:12px}
.rf-root button,.jb-root button,.mbxmf button,.mbxrm button{font-family:inherit}
[class*="-chip"].is-on,[class*="-tab"].is-on,[class*="-cat"].is-on,[class*="-day"].is-on,[class*="-slot"].is-on,[class*="-switch-btn"].is-on,.jb-option.is-on,.jb-filter.is-on,[class*="-chip"][aria-pressed="true"],.is-picked{background:var(--p-ink)!important;color:#fff!important}
.mbxmf-dot.is-on,.mbxmf-dot.is-now{background:var(--p-ink)}
.rf-steps>li[aria-current],.rf-steps>li.is-on,.mbxmf-dots>li.is-on,.mbxmf-dots>li.is-now,.mbxmf-track-stages>li.is-on,.mbxmf-track-stages>li.is-now,[class*="track-step"].is-on{border-top-color:var(--p-acc)!important;color:var(--p-ink)}