/* Property Listing Form (PLF), Marketing queue, and the publication badges on inventory. */

/* channel badges: text "logos" for Bayut / PF / Web / Pocket */
.ch-badges{display:inline-flex;gap:4px;flex-wrap:wrap;vertical-align:middle}
.ch-b{display:inline-block;padding:2px 7px;border-radius:5px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;white-space:nowrap}
.ch-b[data-ch="Bayut"]{border-color:var(--ink);background:var(--ink);color:var(--panel)}
.ch-b[data-ch="PF"]{border-color:var(--red);color:var(--red)}
.ch-b[data-ch="Web"]{background:var(--bg-2)}
.ch-b[data-ch="Pocket"]{border-style:dashed;color:var(--muted)}

/* live / not-live light (the only place --good is used) */
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--red-soft);vertical-align:middle;flex:none}
.live-dot.on{background:var(--good);box-shadow:0 0 0 3px var(--good-soft, var(--bg-2))}

/* publication line on cards, list rows and the property drawer */
.pub-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.pub-line .ref{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.pcard .img .live-dot{position:absolute;right:12px;top:14px}

/* drawer */
.plf-sub{margin-top:8px;font-size:13px;color:var(--muted)}
.plf-status{background:var(--bg-2);border-radius:var(--rs);padding:14px 16px;margin-bottom:16px;display:grid;gap:8px}
.plf-status-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.plf-status .dim,.plf-ro.dim,.plf-chat .dim,.plf-review .dim{color:var(--muted);font-size:13px}
.plf-note{border-left:2px solid var(--red);padding:4px 0 4px 12px}
.plf-note p{margin:6px 0 0;font-size:14px;color:var(--ink);white-space:pre-wrap}
.plf-ro{margin:-4px 0 14px}
.plf-fs{border:0;margin:0;padding:0;min-width:0}
.plf-fs[disabled] input,.plf-fs[disabled] select,.plf-fs[disabled] textarea{opacity:.75;cursor:default}
.plf-fs[disabled] .chips button{cursor:default}
.plf-first{margin-top:0;border-top:0;padding-top:0}
.plf-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.plf-main{min-width:0}
.plf-review{border:1px solid var(--line);border-radius:var(--rs);padding:16px;margin-top:22px}
.plf-pubrow{display:flex;align-items:center;gap:10px;font-size:14px}

/* website hero picker */
.plf-hero .ph{padding:0;border:2px solid transparent;cursor:pointer;background:var(--deep)}
.plf-hero .ph.on{border-color:var(--red)}
.plf-hero .ph.on:after{content:"Hero";position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--red);padding:3px 7px;border-radius:100px}

/* side chat */
.plf-chat{border-top:1px solid var(--line);padding-top:18px}
.plf-chat>.kicker{display:block;margin-bottom:12px;color:var(--red)}
.plf-chat-list{max-height:340px;overflow:auto;margin-bottom:10px}
.plf-composer{margin-bottom:8px}
.plf-composer textarea{min-height:64px}
@media (min-width:1000px){
  .plf-wrap{grid-template-columns:minmax(0,1fr) 250px}
  .plf-chat{border-top:0;border-left:1px solid var(--line);padding:0 0 0 18px;position:sticky;top:0;align-self:start;max-height:calc(100vh - 60px);display:flex;flex-direction:column}
  .plf-chat-list{max-height:none;flex:1;min-height:120px}
}

/* marketing queue */
.plf-stats{grid-template-columns:repeat(5,1fr);margin-bottom:22px}
@media (max-width:820px){
  .plf-stats{grid-template-columns:repeat(2,1fr)}
  .rows-h.plf-cols{display:none}
  .row.plf-cols{grid-template-columns:1fr auto !important}
  .row.plf-cols>span:nth-child(2),.row.plf-cols>span:nth-child(5),.row.plf-cols>span:nth-child(6){display:none}
}

/* inventory: drag to reorder photos */
.gallery .ph[draggable=true]{cursor:grab}
.gallery .ph.dragging{opacity:.4}
.gallery .ph.drop{outline:2px dashed var(--red);outline-offset:2px}
.drive-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.drive-row .input{flex:1;min-width:200px}