/* midsteps-skin.css [MIDSTEPS-20261027] priority.html, process.html and competitors.html in the same look as offers.html.
   Loaded after offers-skin.css (shared header, step bar, cards, panels). Scoped to html.oxm, set only when DIALS=1 or ?dials=preview. */
html.oxm .mx-auto.space-y-6{max-width:1040px!important}
html.oxm .mx-auto.space-y-6 > :not(:first-child){margin-top:14px!important}
html.oxm body > .fixed.top-0{display:none!important}
html.oxm body > .min-h-screen{padding:0 16px 48px!important}
html.oxm .ox-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:0!important;padding-top:6px!important;margin-top:16px!important}
html.oxm .ox-nav > a:first-child{font-size:15px!important;color:#64748b!important}
html.oxm .ox-nav button,html.oxm .ox-nav a.bg-indigo-600{font:800 17px/1 Inter,sans-serif!important;padding:15px 30px!important;background:#6366f1!important;color:#fff!important;border-radius:999px!important;box-shadow:0 12px 26px -12px rgba(99,102,241,.7)}
html.oxm .ox-nav button:disabled{opacity:.45;box-shadow:none}
html.oxm .ox-hint{margin:-6px 0 12px;font-size:14px;color:#94a3b8}

/* ---------- priority: one tap-to-pick row per offering (numbered purple badge, violet when chosen) ---------- */
html.oxm #priority-list{display:grid;gap:8px}
html.oxm #priority-list > * + *{margin-top:0!important}
html.oxm #priority-list > button{border-radius:14px!important;background:#EEF0FB!important;border:1.5px solid #E3E6F7!important;padding:12px 14px!important;min-height:58px}
html.oxm #priority-list > button:hover{border-color:#A5B4FC!important}
html.oxm #priority-list > button.border-emerald-500{background:#EEF2FF!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #E0E7FF}
html.oxm #priority-list .h-10.w-10{width:34px!important;height:34px!important;border-radius:10px!important;background:#fff!important;border:1.5px solid #C7D2FE!important;color:#4f46e5!important;font:800 15px/1 Inter,sans-serif!important}
html.oxm #priority-list .bg-emerald-600{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important}
html.oxm #priority-list .text-base.font-semibold{font-size:16px!important;color:#0f172a!important}
html.oxm #priority-list .text-emerald-700{color:#4f46e5!important;font-weight:700;font-size:13px!important}

/* ---------- process: four lavender panels with purple number badges ---------- */
html.oxm .ox-steps4{display:grid;gap:14px}
html.oxm .ox-steps4 > .rounded-xl{border:1px solid #E6E8F5!important;border-radius:18px!important;background:#F8F9FF!important;padding:18px 20px!important}
html.oxm .ox-steps4 .h-11.w-11{width:36px!important;height:36px!important;border-radius:10px!important;background:#6366f1!important;font:800 14px/1 Inter,sans-serif!important}
html.oxm .ox-steps4 h2{font:800 17px/1.3 Inter,sans-serif!important;color:#0f172a}
html.oxm .ox-steps4 p.text-sm{font-size:15px!important;line-height:1.5;color:#64748b!important}
html.oxm .ox-steps4 .rounded-md{background:#EEF2FF!important;border-color:#E0E7FF!important;color:#4f46e5!important;font-size:13.5px!important;border-radius:999px!important;padding:6px 12px!important;display:inline-block;font-weight:600}
html.oxm .ox-steps4 ul{font-size:14px!important;color:#64748b}
html.oxm .ox-steps4 ul .text-emerald-500{color:#138A47!important;font-weight:800}
html.oxm .ox-auto{border-radius:14px!important;background:#fff!important;border:1px solid #E6E8F5!important;font-size:15px!important;color:#334155!important}
html.oxm .ox-auto > span:first-child{background:#E9F7EF!important;color:#138A47!important}
html.oxm .ox-head a.bg-indigo-600{background:#6366f1!important;font:800 17px/1 Inter,sans-serif!important;box-shadow:0 12px 26px -12px rgba(99,102,241,.7)}

/* ---------- competitors: white rows inside lavender panels, rival picker in violet ---------- */
html.oxm #new-domain{font-size:16px!important;min-height:46px;border-radius:12px!important;border-color:#D2D7EC!important;background:#fff}
html.oxm .ox-addrow2{display:flex;gap:8px}
html.oxm .ox-addrow2 button{min-height:46px;border-radius:12px!important;font-size:15px!important;background:#fff!important;border:1.5px solid #C7D2FE!important;color:#4f46e5!important}
html.oxm #competitor-list{display:grid;gap:8px;margin-top:12px}
html.oxm #competitor-list > * + *{margin-top:0!important}
html.oxm #competitor-list .cmp-row{border-radius:14px!important;border:1px solid #E6E8F5!important;background:#fff!important}
html.oxm #competitor-list .cmp-name{color:#0f172a!important;text-decoration:none!important;font-size:15px!important}
html.oxm #competitor-list .cmp-name:hover{color:#4f46e5!important}
html.oxm #competitor-list .cmp-x{color:#B4232A!important;font-size:14px!important}
html.oxm #rival-box{border-top:0!important;padding-top:18px!important}
html.oxm .rv-ico{background:#6366f1!important;color:#fff;width:34px!important;height:34px!important;border-radius:50%!important}
html.oxm .rv-ico svg{width:17px;height:17px}
html.oxm .rv-title{font:800 17px/1.3 Inter,sans-serif!important}
html.oxm .rv-sub{font-size:15px!important;color:#64748b!important}
html.oxm .rv-opt{border-radius:14px!important;border:1.5px solid #E3E6F7!important;background:#EEF0FB!important}
html.oxm .rv-opt:hover{border-color:#A5B4FC!important}
html.oxm .rv-opt.on{border-color:#6366f1!important;background:#EEF2FF!important;box-shadow:0 0 0 3px #E0E7FF!important}
html.oxm .rv-opt.on .rv-dot{border-color:#6366f1!important}
html.oxm .rv-opt.on .rv-dot::after{background:#6366f1!important}

@media (max-width:719px){
  html.oxm .ox-nav{flex-wrap:wrap}
  html.oxm .ox-nav button,html.oxm .ox-nav a.bg-indigo-600{flex:1 1 auto;justify-content:center;text-align:center}
  html.oxm .ox-steps4 > .rounded-xl{padding:16px 14px!important}
}
@media (min-width:640px){ html.oxm .ox-steps4{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---------- final.html (account sign-up) [FINAL16-20261027] ---------- */
html.oxf body{background:#F5F7FF!important}
html.oxf .ox-top{margin:0!important}
html.oxf .oxf-main{justify-content:flex-start!important;padding-top:14px!important;padding-bottom:110px!important}
html.oxf .oxf-wrap{max-width:560px!important}
html.oxf .oxf-head{margin-bottom:14px!important}
html.oxf .oxf-head > a,html.oxf .oxf-head > .flex.items-center.justify-center{display:none!important}
html.oxf .oxf-head h1{font:800 28px/1.2 Inter,sans-serif!important;letter-spacing:-.02em;margin:0!important}
html.oxf #ox-steps{margin:0 0 14px}
html.oxf body > .fixed.top-0{display:none!important}
html.oxf #signup-card,html.oxf #success-card{border-radius:22px!important;padding:24px 22px!important}
html.oxf #signup-card label > span.w-6.h-6{background:#EEF2FF!important;color:#4f46e5!important;border:1px solid #E0E7FF;font-size:0!important;width:26px!important;height:26px!important}
html.oxf #signup-card label > span.w-6.h-6 svg{width:14px;height:14px}
html.oxf #signup-card label.text-sm{font-size:15px!important;color:#0f172a!important}
html.oxf #signup-card input[type=text],html.oxf #signup-card input[type=email],html.oxf #signup-card input[type=tel],html.oxf #signup-card input[type=password],html.oxf #signup-card select{font-size:16px!important;border-color:#D2D7EC!important;border-radius:12px!important;min-height:48px}
html.oxf #submit-btn,html.oxf #success-card button,html.oxf #bottom-btn{background:#6366f1!important;background-image:none!important;font-family:Inter,sans-serif!important;font-weight:800!important;font-size:17px!important;box-shadow:0 12px 26px -12px rgba(99,102,241,.7)!important}
html.oxf .oxf-oldstep{display:none!important}
@media (max-width:719px){ html.oxf #signup-card,html.oxf #success-card{padding:20px 16px!important} html.oxf .oxf-head h1{font-size:24px!important}
  html.oxf #signup-card label.flex.items-center{flex-wrap:wrap} html.oxf #signup-card label.flex.items-center > span.text-xs:not(.w-6){flex-basis:100%;margin:0;font-size:13px!important}
  /* phones: no fixed bottom bar (it covered the terms line); Back becomes a normal link under the form */
  html.oxf body > .fixed.bottom-0.oxf-bar{position:static!important;border-top:0!important;background:transparent!important;padding:4px 20px 28px!important;justify-content:flex-start!important}
  html.oxf body > .fixed.bottom-0.oxf-bar > a{font-size:16px!important;min-height:44px;display:inline-flex;align-items:center}
  html.oxf .oxf-main{padding-bottom:8px!important} }
/* terms: checkbox inline, left of the text, 24px tap target (all widths) */
html.oxf #signup-card label.items-start{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:12px!important}
html.oxf #signup-card label.items-start > input[type=checkbox]{width:24px!important;height:24px!important;min-width:24px;margin:1px 0 0!important;flex:0 0 24px!important;align-self:flex-start!important}
html.oxf #signup-card label.items-start > span{flex:1 1 auto!important;width:auto!important;font-size:15px!important;line-height:1.5;text-align:left}