/* ============================================================
   REALTIME SECTION – UPDATED (박스쉐도우 제거 + 모바일 1줄 통계)
============================================================ */

/* 전체 섹션 배경 */
.rt-section{
  width:100%;
  padding:20px 0 20px;
  background:linear-gradient(180deg,#ffffff 0%,#f7f8ff 100%);
  font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,Segoe UI,Roboto,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}

.rt-container{
  max-width:900px;
  margin:0 auto;
  padding:0 12px;
}

/* 하나의 카드 */
.rt-card{
  background:#fff;
  border-radius:20px;
  border:1px solid #e4e7f2;
  /* 🔥 box-shadow 제거됨 */
  /* box-shadow:0 10px 30px rgba(32,40,80,0.10); */
  overflow:hidden;
}

/* 헤더 */
.rt-head{
  text-align:center;
  padding:22px 16px 16px;
}
.rt-title{
  margin:0;
  font-size:26px;
  font-weight:800;
  color:#222;
}
.rt-subtitle{
  margin-top:6px;
  font-size:14px;
  color:#777;
}

/* 상단 3개 통계 – 같은 카드 안 */
.rt-stats-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #f0f1f7;
  border-bottom:1px solid #f0f1f7;
  background:#fafbff;
}

.rt-stat{
  padding:16px 12px 18px;
  text-align:center;
  position:relative;
}
.rt-stat:not(:last-child)::after{
  content:"";
  position:absolute;
  top:20%;
  right:0;
  width:1px;
  height:60%;
  background:#e4e7f2;
}

.rt-stat-label{
  font-size:13px;
  color:#555;
  margin-bottom:6px;
}
.rt-stat-num{
  font-size:24px;
  font-weight:800;
  color:#5b33ff;
}

/* 구분선 */
.rt-divider{
  height:1px;
  background:#eceffa;
}

/* 테이블 헤더 */
.rt-table-head{
  display:grid;
  grid-template-columns:1.4fr 1.1fr 1fr 1.3fr;
  padding:12px 18px;
  background:#f3f5ff;
  font-size:13px;
  font-weight:700;
  color:#4a5060;
  text-align:center;   /* ← 이 한 줄만 추가! */
}
/* 리스트 */
.rt-viewport{
  overflow:hidden;
}
.rt-list{
  list-style:none;
  margin:0;
  padding:0;
}

.rt-row{
  display:grid;
  grid-template-columns:1.4fr 1.1fr 1fr 1.3fr;
  padding:12px 18px;
  font-size:14px;
  color:#222;
  border-top:1px solid #f3f4fa;
  align-items:center;
}
.rt-row:nth-child(odd){
  background:#ffffff;
}
.rt-row:nth-child(even){
  background:#fafbff;
}

/* 각 셀 공통 */
.rt-cell{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* 접수시간 */
.rt-date{
  font-variant-numeric:tabular-nums;
}

/* 통신사 */
.rt-tel{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.rt-tel-logo-wrap{
  width:20px;
  height:20px;
  border-radius:4px;
  background:#f5f6ff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.rt-tel-logo-wrap img{
  width:18px;
  height:18px;
  object-fit:contain;
}
.rt-tel-name{
  font-size:13px;
  color:#333;
}

/* 이름 */
.rt-name{
  text-align:center;
}

/* 상품 */
.rt-prod{
  text-align:center;
}
.rt-badge{
  display:inline-block;
  margin-right:6px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid #dce6ff;
  background:#eef4ff;
  color:#2d6bff;
  font-size:11px;
  font-weight:600;
}

/* =========================================
   모바일
========================================= */
@media (max-width:768px){

  .rt-row{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "date date"
      "tel  name"
      "tel  prod";
    row-gap:4px;
  }

  .rt-date{ grid-area:date; }
  .rt-tel{ grid-area:tel; justify-content:flex-start; }
  .rt-name{ grid-area:name; text-align:right; }
  .rt-prod{
    grid-area:prod;
    text-align:right;  /* ← 오른쪽 정렬 */
    margin-top:2px;
  }
}