/* ── v2: same look as the home page (navy + gold, Frank Ruhl Libre + Inter) ── */
html body{--gold:#0f2f4a;--gold-rgb:15,47,74;--accent:#c9a24b;--navy:#0f2f4a;--teal:#1f6386;--muted:#5b6b7a;--text:#1d2a36;--bg:#f5f8fb;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);}
h1,h2,h3,#s-welcome h1,.nav h2,.tb-brand,#checklist-title{font-family:'Frank Ruhl Libre',Georgia,serif !important;letter-spacing:0}
.btn{font-family:'Inter',system-ui,sans-serif;border-radius:999px;font-weight:600;padding:15px 20px;letter-spacing:0}
.btn-gold{background:var(--accent);color:var(--navy);box-shadow:0 10px 24px -10px rgba(201,162,75,.9)}
.btn-gold:active{box-shadow:0 4px 10px -4px rgba(201,162,75,.9)}
.btn-outline{background:#fff;border:1.5px solid rgba(15,47,74,.18);color:var(--navy)}
.btn-outline:hover{border-color:var(--navy)}
.inp,#crop-notes{background:#fff !important;border:1.5px solid #e3e9ef !important;border-radius:12px !important}
.inp:focus{border-color:var(--teal) !important;box-shadow:0 0 0 4px rgba(31,99,134,.12)}
.card,.guide,.mz-card{border:1px solid #e3e9ef;box-shadow:0 18px 40px -22px rgba(15,47,74,.35)}
.nav h2,#name-h{color:var(--navy) !important;font-size:1.6rem !important;font-weight:700}
.badge-small{background:#fff;border-color:rgba(201,162,75,.6);color:#8a6a1f;font-weight:600}
.chip{background:#fff;border-color:#e3e9ef;color:var(--muted)}
.price-row .pv{color:var(--navy)}
/* top bar like the home page header */
#topbar{background:rgba(255,255,255,.92)}
.tb-brand{color:var(--navy);font-size:1.15rem;font-weight:700}
#home-btn{border-color:#e3e9ef;color:var(--navy);font-weight:600}
.steps li.done i{background:var(--accent);border-color:var(--accent);color:var(--navy)}
.steps li.done::before,.steps li.cur::before{background:var(--accent)}
.steps li.cur i{border-color:var(--accent);color:var(--navy);box-shadow:0 0 0 4px rgba(201,162,75,.2)}
.steps li.cur span{color:var(--navy)}
/* welcome = the home page hero */
body.on-welcome{background:radial-gradient(900px 600px at 85% 0%,#1f6386 0%,#0f2f4a 55%,#0a2236 100%) fixed}
#s-welcome{background:none;color:#fff}
#s-welcome h1{color:#fff !important;font-size:2.6rem !important;font-weight:700 !important}
#s-welcome p{color:rgba(255,255,255,.82);opacity:1}
#s-welcome .logo{filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
#s-welcome .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
#s-welcome .btn-outline:hover{background:rgba(255,255,255,.08)}
#s-welcome .sample-link{color:#e9d6a6}
body.on-welcome #home-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
/* list */
.mz-addtile{border-color:rgba(201,162,75,.6);background:#fff;color:var(--navy)}
.mz-plus{background:var(--accent);color:var(--navy);box-shadow:0 6px 14px -6px rgba(201,162,75,.9)}
.mz-addtxt b{font-family:'Inter',sans-serif}
.mz-n{background:var(--navy)}
/* success */
.success-icon{background:#e7f5ec;border-color:#2fa36b}
#s-success h2{color:var(--navy);font-size:1.9rem}
#order-id-display{color:var(--navy) !important;border-color:rgba(201,162,75,.6) !important;background:#fff !important;font-size:15px !important;white-space:nowrap}
#app-loader{background:#0f2f4a}
@media(min-width:760px){body{background:var(--bg)}body.on-welcome .screen.active{background:transparent !important;box-shadow:none !important}}