.live-status-page{width:min(980px,calc(100% - 40px));margin:0 auto;padding:44px 0 72px}.live-status-hero{margin-bottom:22px}.live-status-hero h1{margin:0 0 8px;font-size:clamp(30px,4vw,44px)}.live-status-hero p{margin:0;color:var(--muted);line-height:1.6}.live-status-panel{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff;box-shadow:var(--shadow)}.live-status-header,.live-status-row{display:grid;grid-template-columns:minmax(180px,260px) 150px minmax(110px,1fr) 132px;gap:16px;align-items:center}.live-status-header{padding:0 16px 14px;color:var(--muted);font-size:12px;font-weight:900}.live-status-header span:nth-child(1){justify-self:start;text-align:left}.live-status-header span:nth-child(2){grid-column:2;justify-self:end;width:86px;text-align:center}.live-status-header span:nth-child(3){grid-column:3;justify-self:center;width:72px;text-align:center}.live-status-header span:nth-child(4){grid-column:4;justify-self:end;width:108px;text-align:center}.live-status-list{display:grid;gap:10px;margin-top:8px}.live-status-list.is-rolling{position:relative;max-height:464px;padding-top:10px;overflow:hidden}.live-status-track{display:grid;gap:12px}.live-status-list.is-rolling .live-status-track{display:block;animation:liveStatusScroll 24s linear infinite}.live-status-list:empty:before{content:"최근 매입현황을 불러오는 중입니다.";display:block;border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--muted);background:#f8fbff;font-size:14px;font-weight:800}.live-status-message{margin:0;border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--muted);background:#f8fbff;font-size:14px;font-weight:800}.live-status-message.is-error{color:#d92d20;background:#fff7f7}.live-status-row{min-height:64px;border:1px solid var(--line);border-radius:14px;padding:13px 16px;background:#fff;font-size:14px;font-weight:850}.live-status-list.is-rolling .live-status-row{height:64px;margin-bottom:12px}@keyframes liveStatusScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.live-status-product{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.live-status-product span{min-width:0;overflow:hidden;text-overflow:ellipsis}.live-status-product-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--primary);font-size:11px;font-weight:950;overflow:hidden}.live-status-product-logo img{width:100%;height:100%;object-fit:contain}.live-status-amount{grid-column:2;color:#061a3a;justify-self:end;text-align:right;font-weight:950;white-space:nowrap}.live-status-customer{grid-column:3;color:#475467;justify-self:center;min-width:72px;text-align:center;white-space:nowrap}.live-status-badge{grid-column:4;justify-self:end;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:108px;min-width:108px;min-height:30px;border-radius:999px;padding:0 12px;color:#475467;background:#eef2f6;font-size:12px;font-weight:950;white-space:nowrap}.live-status-badge--received{color:#175cd3;background:#e8f1ff}.live-status-badge--waiting{color:#946200;background:#fff4cc}.live-status-badge--working{color:#7a2e0e;background:#ffead5}.live-status-badge--done{color:#027a48;background:#dcfae6}.live-status-badge--canceled{color:#b42318;background:#fee4e2}@media (max-width: 760px){.live-status-page{width:min(100% - 28px,640px);padding:24px 0 56px}.live-status-hero{margin-bottom:16px}.live-status-panel{border-radius:17px;padding:14px}.live-status-header{display:none}.live-status-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"product badge" "amount customer";gap:7px 11px;min-height:70px;padding:11px}.live-status-product{grid-area:product;align-self:center;min-width:0;gap:9px}.live-status-amount{grid-area:amount;align-self:center;justify-self:start;text-align:left;white-space:nowrap}.live-status-customer{grid-area:customer;align-self:center;justify-self:end;min-width:52px;text-align:right;white-space:nowrap}.live-status-badge{grid-area:badge;align-self:center;justify-self:end;width:auto;min-width:76px;max-width:96px;min-height:28px;padding:0 10px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 640px){.live-status-list.is-rolling .live-status-row{height:70px}.live-status-product-logo{width:34px;height:34px;flex-basis:34px;border-radius:10px}}