/* Avilo — Enquiries & follow-ups (BRIEF-v3 Loop 2 L2). Phone first (375px), taps ≥ 44px; every class starts with .enq- */

/* ---------- Product page: "Client liked this" ---------- */
.enq-likebox{display:flex;flex-direction:column;gap:6px}
.enq-likebtn{width:100%;min-height:52px;font-size:16px;border-radius:var(--r)}
.enq-likebtn .i{color:var(--sale)}
.enq-likes{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:13px;line-height:1.4}
.enq-likes .i{width:15px;height:15px;color:var(--sale);fill:var(--danger-soft);fill:color-mix(in srgb,var(--sale) 25%,transparent)}
.enq-likeby{border:0;background:none;padding:6px 2px;min-height:32px;font:600 13px var(--font);color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ---------- The "Client liked this" sheet ---------- */
.enq-who{min-height:4px;margin:-6px 0 8px}
.enq-who .subtle{display:flex;align-items:center;gap:6px;margin:0}
.enq-found{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--ok-soft);color:var(--ink)}
.enq-found .i{color:var(--ok)}
.enq-found .grow{flex:1;min-width:0}
.enq-found small{display:block;color:var(--muted);font-size:12.5px}
.enq-addto{margin-top:10px}
.enq-addto .chip{min-height:44px}
.enq-days .chip{min-height:48px}
.enq-days .chip .n,.enq-days .chip.big .n{font-weight:500}
.enq-date{margin-top:12px}
.enq-check{display:flex;align-items:center;gap:10px;min-height:48px;margin:4px 0 0;font-size:15px;cursor:pointer}
.enq-check input{width:22px;height:22px;flex:none;accent-color:var(--accent)}
.enq-items{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.enq-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);min-width:0}
.enq-item .grow{flex:1;min-width:0;text-align:left}
.enq-item b{font-size:15.5px;line-height:1.3}
.enq-item small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enq-item .badge{margin-left:4px;vertical-align:1px}
.enq-itemopen{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
.enq-thumb{width:56px;height:56px;flex:none;border-radius:12px;object-fit:cover;background:var(--surface);cursor:zoom-in}
.enq-noimg{display:grid;place-items:center;color:var(--muted);cursor:default}
.enq-x{width:44px;height:44px;padding:0;flex:none}

/* ---------- More → Enquiries ---------- */
.enq-view .enq{padding-top:6px}
.enq-lead{margin:-6px 0 12px}
.enq-tabs{margin:0 0 10px}
.enq-tabs .chip{min-height:44px}
.enq-search{position:relative;margin:0 0 8px}
.enq-search>.i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.enq-search input{padding-left:44px;border-radius:var(--r-pill);min-height:48px}
.enq-minechk{margin:0 0 6px}
.enq-count{margin:4px 0 8px}
.enq-list{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:760px){.enq-view .enq-list{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.enq-view .enq-list{grid-template-columns:repeat(3,1fr)}}
.enq-view .empty .i{width:40px;height:40px;color:var(--sale)}
.enq-view .empty p{margin:4px 0 0}

/* One follow-up row: who (call + WhatsApp on the right) · designs · Bought / Not now / Lost */
.enq-row{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow-1);min-width:0}
.enq-row.due{border-left:4px solid var(--sale)}
.enq-skel{min-height:150px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:enqShimmer 1.2s linear infinite}
@keyframes enqShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.enq-top{display:flex;align-items:center;gap:8px;min-width:0}
.enq-who-btn{flex:1;min-width:0;min-height:44px;border:0;background:none;padding:0;text-align:left;color:inherit;cursor:pointer}
.enq-who-btn b{display:block;font:700 16.5px/1.25 var(--font-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enq-who-btn small{display:block;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enq-ibtn{width:48px;height:48px;min-height:48px;flex:none;text-decoration:none}
.enq-wa{color:#128C4A}
:root[data-theme="dark"] .enq-wa{color:#6CD496}
.enq-mid{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:0;text-align:left;color:inherit;cursor:pointer;min-width:0}
.enq-mid .grow{flex:1;min-width:0}
.enq-thumbs{display:flex;flex:none}
.enq-thumbs .enq-thumb{width:52px;height:52px;border:2px solid var(--surface);cursor:pointer}
.enq-thumbs .enq-thumb+.enq-thumb{margin-left:-18px}
.enq-more{display:grid;place-items:center;width:34px;height:52px;margin-left:-10px;border-radius:12px;background:var(--surface-3);font:700 12px var(--font);color:var(--ink-2)}
.enq-names{display:flex;flex-wrap:wrap;gap:2px 10px;font-weight:600;font-size:15px;line-height:1.35}
.enq-names .badge{margin-left:5px;padding:1px 7px;font-size:11.5px}
.enq-mid small{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:13px}
.enq-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.enq-acts{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:8px}
.enq-acts .btn{min-height:48px;padding:10px 8px;font-size:15px}
.enq-acts .btn:only-child{grid-column:1/-1}
.enq-lostbtn{color:var(--danger)}

/* Manager's corrections C5–C7: an enquiry with only `wants` (no designs) — a tag icon in place of the photos, "Wants: Bed, Sofa" */
.enq-wantico{display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);cursor:default}
.enq-wantico .i{width:22px;height:22px}
.enq-names .enq-wants{flex-basis:100%;font-weight:600;color:var(--ink-2)}
.enq-wantchips,.enq-wantlist{gap:6px;margin:0 0 6px}
.enq-wantchips .chip{min-height:44px;padding:8px 12px;font-size:14px}
.enq-wantlist .chip{min-height:36px;padding:5px 11px;font-size:13.5px;cursor:default}
.enq-wantchips .chip .i,.enq-wantlist .chip .i{width:18px;height:18px;flex:none}
.enq-wantchips .subtle{font-size:13px}
.enq-h .enq-edit{margin-left:auto}
.enq-nodesign{margin:0 0 4px}
.enq-addwants{margin-top:8px}
.enq-addwants .i{color:var(--brand)}

/* ---------- One enquiry (sheet) ---------- */
.enq-status{display:flex;align-items:center;gap:12px}
.enq-status .grow{flex:1;min-width:0}
.enq-status small{display:block;color:var(--muted);font-size:13px}
.enq-status.due{background:var(--danger-soft);border-color:transparent}
.enq-status.due>.i{color:var(--danger)}
.enq-status.won{background:var(--ok-soft);border-color:transparent}
.enq-status.won>.i{color:var(--ok)}
.enq-cacts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.enq-cacts .btn{flex:1 1 0;min-width:96px;min-height:48px;padding:10px 8px;text-decoration:none}
.enq-h{display:flex;align-items:center;gap:8px;font-size:16px;margin:18px 0 10px}
.enq-h span{font:500 13px var(--font);color:var(--muted)}
.enq-kv{margin:0 0 6px}
.enq-kv dd{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.enq-edit{min-height:36px;padding:4px 8px;font-size:13px}
.enq-pre{white-space:pre-line}
.enq-hist{list-style:none;margin:0;padding:0}
.enq-hist li{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.enq-hist li:last-child{border-bottom:0}
.enq-hist small{color:var(--muted);font-size:12.5px}
.enq-del{margin-top:18px;color:var(--danger)}
.enq-sfoot{display:flex;gap:8px;width:100%}
.enq-sfoot:empty{display:none}
.enq-reasons .chip{flex:1 1 40%}
.enq-cust{margin-top:4px}
.enq-cust .enq-row{box-shadow:none}
.enq-custlike{margin-top:10px}
.enq-custlike .i{color:var(--sale)}

/* ---------- Report ---------- */
.enq-rep>.chips{margin:0 0 14px}
.enq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.enq-stats div{padding:12px 6px;text-align:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}
.enq-stats b{display:block;font:800 22px/1.1 var(--font-head)}
.enq-stats small{color:var(--muted);font-size:12px}
.enq-table{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.enq-tr{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:6px;padding:10px 12px;border-top:1px solid var(--line-2);font-size:14px;align-items:center}
.enq-tr span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enq-tr span:not(:first-child){text-align:right}
.enq-th{border-top:0;background:var(--surface-2);font-weight:700;font-size:12.5px;color:var(--ink-2)}
.enq-bars{display:flex;flex-direction:column;gap:8px}
.enq-bar{display:grid;grid-template-columns:120px 1fr 32px;align-items:center;gap:8px;font-size:14px}
.enq-bar i{display:block;height:12px;border-radius:6px;background:var(--surface-3);position:relative;overflow:hidden}
.enq-bar i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--sale);border-radius:6px}
.enq-bar b{text-align:right}
.enq-top-designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.enq-design{display:flex;flex-direction:column;gap:4px;min-width:0}
.enq-design b{font-size:13.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enq-design small{color:var(--muted);font-size:12.5px}
.enq-dimg{width:100%;aspect-ratio:1;height:auto;border-radius:12px;object-fit:cover;background:var(--surface-2)}
@media (max-width:380px){.enq-bar{grid-template-columns:96px 1fr 28px}.enq-stats b{font-size:19px}}
/* r20: Walk-ins — one day per page */
.wk-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px}
.wk-nav b{flex:1;text-align:center;font-size:15px}
.wk-total{font-size:16px;margin:0 0 12px}
.wk-room{margin-bottom:14px}
.wk-rh{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:17px}
.wk-row{margin:0 0 10px}
.wk-list{list-style:none;margin:8px 0 0;padding:0}
.wk-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line)}
.wk-list small{display:block;color:var(--muted)}
.wk-at{min-width:44px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap} /* r30 audit: "8:53 pm" on one line */
/* r23: walk-in rows — tap opens the client; Add name / Book order / Booked → order No. N */
.wk-li.tap{cursor:pointer}
.wk-li.tap:active{background:var(--surface-2)}
.wk-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
.wk-btn{min-height:44px;padding:6px 12px;font-size:14px} /* r30 audit: 44 px like every other button */
button.badge.wk-booked{border:0;cursor:pointer;font:inherit;font-size:13px}
.wk-notyet{background:var(--surface-2);color:var(--ink-2);font-size:13px} /* r24 item 2 */
.wk-btn.wk-also{min-height:32px;font-size:13px;padding:4px 10px;opacity:.85}
.wk-btn.wk-del{color:var(--danger,#b42318)} /* r43: delete a walk-in written down twice */
/* r32 M8: "Give to …" — Billing / admin hand a walk-in or call-back to a Sales login (its own full-width row under the three buttons) */
.enq-acts .enq-give{grid-column:1/-1;justify-content:center}
.enq-give small{font-weight:500;color:var(--muted);margin-left:4px}
.enq-status .enq-edit{vertical-align:middle;margin-left:2px}
.enq-giverow{margin:-4px 0 10px}
.enq-giverow .enq-give{width:100%;min-height:48px;justify-content:center} /* fixer: the 48 px phone rule */
/* r33 JL: "Visitor — Console · Just looking · Budget lower than ours" on a walk-in row */
.wk-jl{color:var(--ink-2)}
/* r35 (owner a1 2026-10-17): "Came again today" — client page button (own full-width row under Call / WhatsApp, 48 px),
   the Visits list, "— came again (2nd visit)" on a walk-in row, the sheet's What happened chips wrapping at 360 px */
.sal-cacts .sal-again{flex:1 1 100%;min-height:48px}
.enq-visits{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.enq-visits li{padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink-2);overflow-wrap:anywhere;line-height:1.4}
.enq-visits li.again{border-left:4px solid var(--ink-2)}
.enq-visits li b{color:var(--ink)}
.wk-again{color:var(--ink-2);font-weight:600}
.enq-agout{flex-wrap:wrap}
.enq-agout .chip,#eqAgDays .chip{min-height:48px}
