/* common_realtime.css  ─────────────── */

/* realtime-card 자체는 이미 동일하다고 가정 */
.realtime-card{
    position:absolute;
    width:310px;
    background:#fff;
    font-size:.83em;
    border-radius:10px;
    padding:8px;
    box-shadow:0 1px 6px rgba(0,0,0,.1);
    overflow:hidden;
    z-index:99;
  }
  
  /* ▶ 표 전체 */
  .realtime-card table{
    width:100%;
    border-collapse:collapse;
    text-align:center;
    font-size:.9em;          /* poomboard 와 동일 */
  }
  
  /* ▶ 열 너비: 15 · auto · auto (poomboard colgroup) */
  .realtime-card table colgroup{
    display:table-column-group;   /* Safari 호환 */
  }
  .realtime-card col:nth-child(1){width:15%;}
  .realtime-card col:nth-child(2){width:auto;}
  .realtime-card col:nth-child(3){width:auto;}
  
  /* ▶ 헤더 색상/높이 */
  .realtime-card thead tr{
    background:#f5f5f5;
    height:28px;
  }
  .realtime-card thead th{
    font-weight:600;
  }
  
  /* ▶ 본문 행 hover(옵션) */
  .realtime-card tbody tr:hover{background:#f1f1f1;cursor:default;}