/* Cece Signs — order flow (upload / proof / account) styles */

.flow{padding:32px 0 64px;}
.flow-head{text-align:center;margin-bottom:26px;}

/* stepper */
.stepper{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 30px;}
.stepper .s{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted);}
.stepper .s .b{width:26px;height:26px;border-radius:50%;background:#fff;border:1.5px solid var(--line);
  display:grid;place-items:center;font-size:13px;}
.stepper .s.active{color:var(--brand-dark);}
.stepper .s.active .b{background:var(--brand);border-color:var(--brand);color:#fff;}
.stepper .s.done .b{background:var(--accent);border-color:var(--accent);color:#fff;}
.stepper .sep{width:26px;height:2px;background:var(--line);align-self:center;}

.flow-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start;}
@media(max-width:860px){.flow-grid{grid-template-columns:1fr;}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);}
.panel h3{margin-bottom:14px;}
.panel + .panel{margin-top:20px;}

/* dropzone */
.drop{border:2.5px dashed #e7c7bd;border-radius:var(--radius);background:var(--cream);
  padding:40px 20px;text-align:center;transition:.15s;cursor:pointer;}
.drop.hover{border-color:var(--brand);background:var(--brand-soft);}
.drop .ic{font-size:40px;margin-bottom:8px;}
.drop p{font-size:14px;}
.drop .hint{font-size:12.5px;color:var(--muted);margin-top:6px;}
.preview{margin-top:16px;display:none;}
.preview.show{display:block;}
.preview .frame{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
  background:repeating-conic-gradient(#f4ede8 0 25%,#fff 0 50%) 50%/22px 22px;}
.preview img{width:100%;max-height:360px;object-fit:contain;}
.preview .bleed{position:absolute;inset:12px;border:2px dashed rgba(244,121,107,.7);border-radius:6px;pointer-events:none;}

/* quality checks */
.checks{margin-top:16px;display:grid;gap:8px;}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);}
.check .i{font-size:16px;line-height:1.3;}
.check.ok{background:#eef8f1;border-color:#c7e6d1;}
.check.warn{background:#fdf3e3;border-color:#f2dcae;}
.check.bad{background:#fdeceb;border-color:#f3c6c3;}
.check b{color:var(--ink);}
.adjuster{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
.adjuster .btn{padding:9px 15px;font-size:13px;}

/* option pickers */
.field{margin-bottom:18px;}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:8px;}
.opts{display:flex;gap:10px;flex-wrap:wrap;}
.opt{border:1.5px solid var(--line);border-radius:12px;padding:10px 15px;font-size:14px;font-weight:500;background:#fff;transition:.12s;}
.opt.sel,.opt:hover{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft);}
select,input[type=number]{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;}

/* summary / sidebar */
.summary .row{display:flex;justify-content:space-between;font-size:14px;padding:7px 0;color:#5b5666;}
.summary .row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-weight:700;font-size:17px;color:var(--ink);}
.summary .est{font-size:12px;color:var(--muted);margin-top:4px;}
.aside-help{background:var(--accent-soft);border:1px solid #bfe6df;border-radius:var(--radius);padding:18px;margin-top:20px;}
.aside-help h4{font-family:'Poppins';font-size:15px;margin-bottom:6px;}
.aside-help p{font-size:13px;}
.aside-help .price{font-family:'Poppins';font-weight:700;color:var(--accent);}

/* proof approval */
.approve{margin-top:16px;display:flex;gap:10px;align-items:flex-start;background:var(--brand-soft);
  border:1px solid #f3cabf;border-radius:12px;padding:14px 16px;}
.approve input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand);}
.approve label{font-size:13.5px;}
.banner{background:#fdf3e3;border:1px solid #f2dcae;border-radius:12px;padding:12px 16px;font-size:13.5px;margin-bottom:18px;}
.pay-note{font-size:12.5px;color:var(--muted);margin-top:10px;text-align:center;}

/* auth */
.auth-card{max-width:440px;margin:20px auto;}
.auth-card .field input{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;}
.auth-tabs{display:flex;gap:6px;background:var(--cream);padding:5px;border-radius:var(--pill);margin-bottom:20px;}
.auth-tabs button{flex:1;padding:9px;border-radius:var(--pill);font-weight:600;font-size:14px;color:var(--muted);}
.auth-tabs button.sel{background:#fff;color:var(--brand-dark);box-shadow:var(--shadow-sm);}

/* add-ons, tier + shipping hints (research: quantity tiers, turnaround, free ship) */
.tierhint{font-size:12px;color:var(--accent);font-weight:600;margin-top:8px;}
.turnaround{background:var(--accent-soft);border:1px solid #bfe6df;border-radius:10px;padding:11px 14px;font-size:13px;color:#1f6f66;margin-top:4px;}
.summary .ship{font-size:12.5px;font-weight:700;color:var(--accent);margin-top:8px;}