/* Self-list flow — styles specific to the listing create/manage screens.
   Base chrome (pr-topbar, pr-card, pr-input, pr-btn, pr-options, flow-progress, dark canvas)
   comes from tokens.css + build.css + flow.css. This file only adds what's new. */

.pr-flbl { display:block; font-size:.82rem; font-weight:600; color:var(--pr-forest,#1f4d3a);
  margin:.9rem 0 .35rem; letter-spacing:.01em; }
.pr-flbl:first-child { margin-top:0; }

.pr-two { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.pr-two .pr-flbl { margin-top:.9rem; }

.pr-money-wrap { position:relative; display:flex; align-items:center; }
.pr-money-wrap > span { position:absolute; left:.9rem; font-size:1.1rem; color:#6b665d; pointer-events:none; }
.pr-money-wrap .pr-input { padding-left:1.9rem; }

textarea.pr-input { resize:vertical; min-height:5.5rem; font:inherit; }

.pr-consent { display:flex; gap:.6rem; align-items:flex-start; margin:1rem 0 .2rem;
  font-size:.82rem; color:#4a463f; line-height:1.4; cursor:pointer; }
.pr-consent input { margin-top:.15rem; width:1.05rem; height:1.05rem; flex:0 0 auto; accent-color:var(--pr-forest,#1f4d3a); }

/* ---- photo grid ---- */
.pr-phgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; }
.pr-ph { position:relative; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#ece8e0; }
.pr-ph img { width:100%; height:100%; object-fit:cover; display:block; }
.pr-ph-cover { position:absolute; left:.35rem; bottom:.35rem; background:var(--pr-forest,#1f4d3a);
  color:#fff; font-size:.62rem; font-weight:700; padding:.15rem .4rem; border-radius:6px; letter-spacing:.03em; }
.pr-ph-rm { position:absolute; top:.3rem; right:.3rem; width:1.5rem; height:1.5rem; border:none;
  border-radius:50%; background:rgba(20,24,26,.72); color:#fff; font-size:1rem; line-height:1; cursor:pointer; }
.pr-ph-up { position:absolute; left:.3rem; top:.3rem; width:1.5rem; height:1.5rem; border:none;
  border-radius:50%; background:rgba(20,24,26,.55); color:#fff; font-size:.95rem; cursor:pointer; }
.pr-ph-add { display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; border-radius:12px;
  border:2px dashed #c4bdb0; color:var(--pr-forest,#1f4d3a); font-weight:600; font-size:.86rem; text-align:center;
  cursor:pointer; background:#faf8f4; }
.pr-ph-add.small { font-size:.78rem; }
.pr-ph-add small { color:#8a857b; font-weight:500; }
.pr-ph-count { font-size:.78rem; color:#8a857b; margin:.6rem 0 0; }

/* ---- review card ---- */
.pr-review-card { border:1px solid #e3ded4; border-radius:16px; overflow:hidden; background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.05); }
.pr-review-img { aspect-ratio:3/2; background-size:cover; background-position:center; position:relative; }
.pr-review-badge { position:absolute; top:.55rem; left:.55rem; background:rgba(20,24,26,.78); color:#fff;
  font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:.2rem .5rem; border-radius:7px; }
.pr-review-body { padding:.9rem 1rem 1.1rem; }
.pr-review-body h3 { margin:0; font-size:1.12rem; font-weight:700; color:#23211d; }
.pr-review-type { margin:.15rem 0 0; font-size:.82rem; color:#6b665d; text-transform:uppercase; letter-spacing:.03em; }
.pr-review-price { margin:.5rem 0 0; font-size:1.4rem; font-weight:800; color:var(--pr-forest,#1f4d3a); }
.pr-review-specs { margin:.35rem 0 0; font-size:.9rem; color:#4a463f; }
.pr-review-desc { margin:.6rem 0 0; font-size:.88rem; color:#5b564d; line-height:1.45; white-space:pre-wrap; }
.pr-review-photos { margin:.6rem 0 0; font-size:.78rem; color:#8a857b; }

.pr-strip-warn { background:#fff5e6; border:1px solid #f0d9a8; color:#7a5a17; font-size:.84rem;
  line-height:1.4; padding:.7rem .85rem; border-radius:12px; margin-bottom:1rem; }

/* ---- success ---- */
.pr-success-check { width:3.2rem; height:3.2rem; margin:0 auto 1rem; border-radius:50%;
  background:var(--pr-forest,#1f4d3a); color:#fff; font-size:1.7rem; line-height:3.2rem; }
.pr-crosssell { margin-top:1.4rem; padding:1rem; border-radius:14px; background:#f3f0ea; text-align:left; }
.pr-crosssell p { margin:0 0 .7rem; font-size:.9rem; color:#4a463f; }

/* ---- manage screen stats ---- */
.pr-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; margin:1rem 0; }
@media(min-width:520px){ .pr-stats { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.pr-stat { background:#f3f0ea; border-radius:12px; padding:.8rem .5rem; text-align:center; }
.pr-stat b { display:block; font-size:1.5rem; font-weight:800; color:var(--pr-forest,#1f4d3a); }
.pr-stat span { font-size:.72rem; color:#6b665d; text-transform:uppercase; letter-spacing:.03em; }
.pr-status-pill { display:inline-block; font-size:.72rem; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; padding:.2rem .6rem; border-radius:999px; }
.pr-status-published { background:#dff0e4; color:#1f6b3e; }
.pr-status-pending_verify, .pr-status-draft { background:#fdf0d8; color:#86631a; }
.pr-status-sold, .pr-status-expired, .pr-status-hidden { background:#eee; color:#777; }
.pr-manage-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.1rem; }

/* ---- "add photos from my phone" handoff ---- */
.pr-ph-later { display:block; width:100%; margin-top:.7rem; font-size:.86rem; }
.pr-handoff-link { display:flex; gap:.5rem; margin:1rem 0 .2rem; }
.pr-handoff-link .pr-input { flex:1; font-size:.82rem; color:#5b564d; background:#f7f4ee; }
.pr-handoff-status { margin:1.1rem 0 .4rem; padding:.7rem .85rem; border-radius:12px; font-size:.9rem;
  font-weight:600; background:#fdf0d8; color:#86631a; }
.pr-handoff-status.ok { background:#dff0e4; color:#1f6b3e; }

/* ---- Priority Listing (paid tier) + seller conversations ---- */
.pr-tier-card { background:#fbf7ee; border:1px solid #ecdcb4; border-radius:14px; padding:.9rem 1rem; margin:.4rem 0 1rem; }
.pr-tier-card.on { background:#f0f7f1; border-color:#aed9bd; }
.pr-tier-card s { color:#9a958b; }
.pr-thread { border:1px solid #e3ded4; border-radius:12px; padding:.6rem .8rem; margin:.5rem 0; background:#fff; }
.pr-thread summary { cursor:pointer; font-size:.9rem; color:#3c382f; }
.pr-thread-msgs { margin:.7rem 0 .4rem; display:flex; flex-direction:column; gap:.45rem; }
.pr-tmsg { margin:0; padding:.5rem .7rem; border-radius:10px; font-size:.87rem; line-height:1.4; max-width:92%; }
.pr-tmsg span { display:block; font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#9a958b; margin-bottom:.15rem; }
.pr-tmsg.buyer { background:#f3f0ea; align-self:flex-start; }
.pr-tmsg.ai { background:#fff; border:1px solid #e8e2d6; align-self:flex-start; }
.pr-tmsg.seller { background:#e7f1e9; align-self:flex-end; }
.pr-tmsg.sys { background:#dff0e4; border:1px solid #aed9bd; align-self:center; text-align:center; font-size:.8rem; }
.pr-thread-reply { display:flex; gap:.5rem; margin-top:.4rem; }
.pr-thread-reply .pr-input { flex:1; }

/* ---- D6: photo-bar guidance strip on the photos step ---- */
.pr-bar-hint { background:#fbf7ee; border:1px solid #ecdcb4; border-radius:14px; padding:.75rem .9rem; margin:0 0 .9rem; }
.pr-bar-hint p { margin:0 0 .5rem; font-size:.86rem; }
.pr-bar-hint p span { color:#6b665d; font-weight:400; font-size:.78rem; }
.pr-bar-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; }
.pr-bar-tile { background:#fff; border:1px dashed #cba85c; border-radius:10px; padding:.55rem .4rem; text-align:center; font-size:1.15rem; line-height:1.2; }
.pr-bar-tile b { display:block; font-size:.8rem; margin-top:.15rem; }
.pr-bar-tile span { display:block; font-size:.68rem; color:#6b665d; }