/* ============================================================
   USBID v3 Component — Data Tables & Stat Cards
   입찰/낙찰 목록 테이블, 통계 카드, 간단 정보 카드(환율/시계).
   메인 외 입찰공고·낙찰 페이지에서도 재사용.
   ============================================================ */

/* ── 입찰 목록 테이블 ── */
.bid-table{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.bid-thead{display:grid;grid-template-columns:86px 76px 1fr 100px 120px;gap:14px;padding:13px 22px;background:var(--navy-900);color:rgba(226,232,242,.85);font-size:12px;font-weight:700}
.bid-row{display:grid;grid-template-columns:86px 76px 1fr 100px 120px;gap:14px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .12s;text-decoration:none;color:inherit}
.bid-row:hover{background:var(--gold-50)}
.bid-row:last-child{border-bottom:none}
.btag{font-size:11px;font-weight:700;border-radius:4px;padding:4px 8px;text-align:center}
.bt-con{background:var(--blue-bg);color:var(--blue)}
.bt-mfg{background:var(--gold-100);color:var(--gold-600)}
.bt-med{background:var(--success-bg);color:var(--success)}
.bt-svc{background:#EFEAF6;color:#6B4AA0}
.bid-name{font-size:14px;font-weight:600;color:var(--navy-900)}
.bid-id{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:2px}
.bid-date{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}

/* ── 낙찰 테이블 ── */
.award-table{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.award-row{display:grid;grid-template-columns:1fr 145px 105px;gap:18px;align-items:center;padding:17px 24px;border-bottom:1px solid var(--line-soft);transition:background .12s;cursor:pointer;text-decoration:none;color:inherit}
.award-row:hover{background:var(--gold-50)}
.award-row:last-child{border-bottom:none}
.award-name{font-size:14px;font-weight:600;color:var(--navy-900)}
.award-base{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:2px}
.award-amt{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--gold-600);text-align:right}
.award-date{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:right}
.table-empty{padding:24px;text-align:center;font-size:13px;color:var(--muted)}

/* ── 통계 카드 ── */
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}
.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.stat-card .n{font-family:var(--mono);font-size:24px;font-weight:600;color:var(--navy-900)}
.stat-card .n em{font-style:normal;color:var(--gold-600);font-size:16px}
.stat-card .l{font-size:12.5px;color:var(--muted);margin-top:3px}

/* ── 간단 정보 카드 (환율/시계) ── */
.info-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px}
.info-card-title{font-size:13.5px;font-weight:800;color:var(--navy-900);margin-bottom:16px;display:flex;align-items:center;gap:9px}
.info-card-title::before{content:"";width:3.5px;height:15px;background:var(--gold-500)}
.info-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px}
.info-row:last-child{border-bottom:none}
.info-row .k{color:var(--ink-soft)}
.info-row .v{font-family:var(--mono);font-weight:600;color:var(--navy-900)}

/* ── 반응형 ── */
@media (max-width:1000px){
  .bid-thead{display:none}
  .bid-row{grid-template-columns:1fr;gap:7px}
  .stat-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .stat-cards{grid-template-columns:1fr}
  .award-row{grid-template-columns:1fr;gap:5px}
  .award-amt,.award-date{text-align:left}
}