/* ========== 컨테이너 / 탭 ========== */
.snc-wrap{max-width:1100px;margin:20px auto;padding:10px}
.snc-tabs{display:flex;gap:10px;align-items:center;border-bottom:2px solid #333;padding-bottom:8px;margin-bottom:12px}
.snc-tabs a{padding:8px 12px;border-radius:6px;background:#eee;color:#333;text-decoration:none}
.snc-tabs a.on{background:#333;color:#fff}
.snc-tabs .snc-search{margin-left:auto}
.snc-tabs .snc-search form{display:flex;gap:6px}
.snc-tabs input[type=text]{height:34px;padding:0 10px;border:1px solid #ccc;border-radius:6px}
.snc-tabs button{height:34px;padding:0 10px;border:0;border-radius:6px;background:#111;color:#fff}

.snc-total{color:#666;margin:6px 0 10px}

/* ========== 목록 테이블 기본 ========== */
.snc-table{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden}
.snc-table .row{display:grid;grid-template-columns:80px 1.2fr 1.6fr 2.5fr 100px;gap:0;border-bottom:1px solid #eee}
.snc-table .snc-head{background:#272c33;color:#e8ecf1;font-weight:700}
.snc-table .snc-row{align-items:center}
.snc-table .col{padding:12px 14px}

/* 번갈아 배경 */
.snc-table .snc-row:nth-child(odd){background:#fafafa}
.snc-table .snc-row:nth-child(even){background:#f3f4f6}

.snc-table .snc-row.empty{padding:30px;text-align:center;color:#999}

/* ========== 컬럼별 가독성 색상 ========== */
/* 번호(보조) */
.snc-table .col.no{color:#98a0ad;text-align:center;font-weight:600}
/* 닉네임(최대 강조) */
.snc-table .nick img{vertical-align:middle;border-radius:50%;margin-right:6px}
.snc-table .nick .snc-nick{color:#111;font-weight:800}
/* 사유(중간 강조) */
.snc-table .row .col.reason{color:#4b5563;font-weight:600}
/* 날짜(덜 강조) */
.snc-table .row .col.date{color:#6b7280;text-align:center;font-weight:600}

/* ========== 패널티 2줄 구조 ========== */
/* 패널티 컬럼 자체는 2줄(세로) 레이아웃 */
.snc-table .col.penalty{padding:10px 14px}
.snc-penalty{display:flex;flex-direction:column;align-items:flex-start;gap:4px}

/* 1줄: 배지 */
.snc-line1{line-height:1}
.snc-badge{
  display:inline-block;
  padding:5px 12px;
  border-radius:999px;
  font-weight:800;
  font-size:0.95rem;
  line-height:1;
  color:#fff;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.25), 0 2px 4px rgba(0,0,0,.18);
  white-space:nowrap;
}

/* 타입별 배지 색상 */
.snc-account_block{background:linear-gradient(180deg,#ff6b6b,#d93636)}
.snc-write_ban_perm{background:linear-gradient(180deg,#d6336c,#a61e4d)}
.snc-write_ban_temp{background:linear-gradient(180deg,#f1b100,#d27a00);color:#1a1300}
.snc-point_deduct{background:linear-gradient(180deg,#57b06a,#2e7d32)}

/* 2줄: 기간/포인트 등 부가 내용 */
.snc-line2{line-height:1.2}
.snc-extra{
  display:inline-block;
  color:#374151;          /* 본문 대비 선명 */
  font-weight:700;
  font-size:0.86rem;
}
/* 부가 텍스트 중 '잔여 시간'을 시각적으로 강조하고 싶을 때(선택적으로 span 사용) */
.snc-extra .left-time{color:#b45309;font-weight:800}

/* ========== 모바일 ========== */
@media (max-width:768px){
  .snc-table .row{grid-template-columns:60px 1fr}
  .snc-table .col.nick{grid-column:1/3}
  .snc-table .col.penalty{grid-column:1/3}
  .snc-table .col.reason{grid-column:1/3;border-top:1px dashed #e5e7eb;color:#4b5563}
  .snc-table .col.date{text-align:right}
}