/* ============================================================
   openvervo — flow.css
   The daily-entry flow (selection → log → completion), in the same design as the dashboard and
   the owner pages: light headings, outlined cards with a filled tile inside, black pill buttons,
   no inner hairlines. Loaded after base.css / ui.css by the daily-entry pages only.
   ============================================================ */

/* ── headings ── */
body .sh{padding-top:24px;padding-bottom:20px;}
body .sh-q{font-weight:500;font-size:1.9rem;letter-spacing:-0.03em;line-height:1.15;}
body .sh-sub{font-size:0.92rem;line-height:1.55;color:var(--text3);}

/* ── progress: slim rounded segments, black when current ── */
body .prog-s{height:4px;border-radius:999px;background:var(--card-line);}
body .prog-s.done{background:var(--text3);}
body .prog-s.active{background:var(--text);}

/* ── cards: outlined, no grey band, no divider ── */
body .card, body .pos-card{background:transparent;border:var(--card-line-w,1.5px) solid var(--card-line);border-radius:20px;overflow:visible;}
body .card-head, body .pos-head{background:transparent;border-bottom:none;padding:18px 18px 4px;gap:10px;}
body .card-num{background:transparent;border:1.5px solid var(--card-line);border-radius:50%;width:28px;height:28px;font-size:0.78rem;}
body .card-title, body .pos-name{font-size:1rem;font-weight:600;letter-spacing:-0.01em;text-transform:none;color:var(--text);}
body .card-body, body .pos-body{padding:12px 18px 18px;gap:12px;}
body .card-list{gap:12px;}

/* a nozzle sits on its own filled tile */
body .nozzle-block{background:transparent;border-radius:0;padding:0;gap:10px;}
body .nozzle-block + .nozzle-block{margin-top:10px;}
body .nozzle-label{font-size:0.88rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text);padding:0;border:none;}
body .three{align-items:end;gap:10px;}

/* ── fields ── */
body .cf label{font-size:0.76rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text3);}
body .cf input, body .cf select{background:transparent;border:1.5px solid var(--card-line);border-radius:12px;padding:12px;}
body .cf input:focus, body .cf select:focus{border-color:var(--text);}
body .cf input:disabled, body .cf input:read-only{background:transparent;}
body .exp-row{background:transparent;border:1.5px solid var(--card-line);border-radius:14px;}
body .exp-row input.amt{border-left:none;}
body .hint{font-size:0.76rem;}
body .entry-error{border:none;border-radius:14px;}
body .rwarn{border:none;border-radius:14px;}

/* ── buttons: black pills ── */
body .btn-next{background:var(--text);color:var(--bg);border:none;border-radius:12px;height:52px;font-weight:600;}
body .btn-next:hover{background:var(--text);opacity:0.88;}
body .btn-back{background:transparent;border:1.5px solid var(--card-line);border-radius:12px;height:52px;}
body .add-btn{background:transparent;border:1.5px dashed var(--card-line);border-radius:16px;color:var(--text2);}
body .btn-confirm{background:var(--text);color:var(--bg);border:none;border-radius:12px;}
body .btn-cancel{background:transparent;border:1.5px solid var(--card-line);border-radius:12px;}

/* ── review step: rows on space, not lines ── */
body .rnozzle{border-bottom:none;padding:10px 18px;}

/* the "Cash" / "Expenses" sub-headings are inline-styled in the markup; bring them in line */
body #panel-sales div[style*="text-transform:uppercase"]{text-transform:none !important;font-size:0.95rem !important;font-weight:500 !important;letter-spacing:0 !important;color:var(--text2) !important;}

/* three readings side by side on a phone: keep long meter values fully visible */
body .three .cf input{padding:12px 6px;font-size:0.8rem;letter-spacing:-0.01em;}

/* ── review step: each section is an outlined card, rows separated by space ── */
body .rsec{background:transparent;border:var(--card-line-w,1.5px) solid var(--card-line);border-radius:20px;overflow:visible;margin-bottom:12px;padding-bottom:8px;}
body .rsec-title{background:transparent;border-bottom:none;padding:18px 18px 6px;font-size:1rem;font-weight:600;letter-spacing:-0.01em;text-transform:none;color:var(--text);}
body .rrow{border-bottom:none;padding:8px 18px;}
body .rk{color:var(--text3);}
body .rnozzle{padding:8px 18px;}

/* ── completion screens: rows and calendar sections separated by space, not lines ── */
body .comp-row{border-bottom:none;padding-top:9px;padding-bottom:9px;}
body .comp-cal-head{border-bottom:none;}
body .comp-cal-legend{border-top:none;}
body .comp-summary,body .comp-cal{padding-top:6px;padding-bottom:6px;}