/*
 * CREYON 목업 — 모바일 알(egg) 목록 행. `m04-incubator.html`의 원본 카드 행(`.g`)을 그대로 뺐다.
 * `m01-home.html`의 "부화 임박" 미리보기가 같은 데이터·같은 정렬 축을 보여주므로 같이 쓴다
 * (2026-08-30, docs/board/design.md "대시보드 재설계" 참조). tokens.css 뒤에 <link>한다.
 */

.g{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);
  display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;color:inherit;}
.g:active{background:var(--sunken);}
.eld{display:flex;align-items:baseline;gap:3px;width:60px;flex:0 0 auto;}
.elv{font-size:24px;font-weight:800;color:var(--tx-strong);letter-spacing:-0.02em;}
.elu{font-size:11.5px;color:var(--tx-muted);font-weight:600;}
.ebody{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.32;}
.epair{font-size:15.5px;font-weight:700;color:var(--tx-strong);}
.emeta{font-size:12.5px;color:var(--tx-subtle);}
.st{height:24px;padding:0 9px;border-radius:var(--r-pill);font-size:12px;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;}
.st::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;}