/* ============================================================
   lung_yard.components.css · ลานล้งวันนี้ — the ล้ง yard scene (ly-*)
   Ported from the Claude Design delivery (2026-10-19): docs/design/handoff_out/lung_yard/
   (design notes §9). Additive, token-bound; loaded AFTER living_orchard.components.css.
   ============================================================ */
.ly-app{container-type:inline-size;background:var(--bg);color:var(--ink);font-family:var(--font);min-height:100%}
.ly-body{display:flex;flex-direction:column;gap:var(--s4)}
.ly-unit{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.ly-col{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
@container (min-width:720px){
  .ly-unit{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:var(--s4)}
  .ly-unit.noscene{display:flex;max-width:640px}
}
.ly-app .wbtab{white-space:nowrap;flex:0 0 auto;min-height:44px}
@container (max-width:719px){.ly-app .wbtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ly-app .wbtabs::-webkit-scrollbar{display:none}}
.ly-scene .lo-label{white-space:nowrap}
.lo-tag.ly-st .d{width:9px;height:9px;border-radius:2px;flex:0 0 auto;border:1px solid transparent}
.lo-tag.ly-st.booked .d{background:var(--pv-official-bg);border-color:var(--pv-official)}
.lo-tag.ly-st.in_transit .d{background:var(--pv-est-bg);border-color:var(--pv-est)}
.lo-tag.ly-st.cleared .d{background:var(--brand-soft);border-color:var(--brand)}
.lo-tag.ly-st.draft{border-style:dashed;color:var(--ink2)}
.lo-tag.ly-st.draft .d{background:transparent;border:1px dashed var(--muted)}
.lo-tag.ly-young{border-style:dashed;border-color:var(--warn);background:var(--warn-bg);color:var(--ink)}
.lo-tag.ly-young::before{content:"◷";color:var(--warn);font-weight:var(--fw-bold)}
.lo-tag.ly-att{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.ly-lots{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.ly-lots li{border-bottom:1px solid var(--line)}
.ly-lot{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.25rem .5rem;width:100%;min-height:48px;padding:.4rem .2rem;background:none;border:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--r-sm)}
.ly-lot:hover{background:var(--surface2)}
.ly-lot:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
.ly-ref{font-family:var(--mono);font-weight:var(--fw-bold);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.ly-lot .tag{justify-self:start}
.ly-yflag{grid-column:3;justify-self:start;white-space:nowrap;font-size:12px;font-weight:var(--fw-semi);padding:.05rem .45rem;border-radius:var(--r-pill);border:1px dashed var(--warn);background:var(--warn-bg);color:var(--ink)}
.ly-facts{grid-column:1/4;grid-row:2;font-size:var(--fs-sm);color:var(--ink2);font-variant-numeric:tabular-nums;text-wrap:pretty}
.ly-go{grid-column:4;grid-row:1/3;font-size:12px;font-weight:var(--fw-semi);color:var(--brand2);white-space:nowrap}