/* =========================
   💌 관리자 쪽지함 26. 5. 10
========================= */
.admin-msg-wrap{
  width:100%;
  max-width:1100px;
  margin:40px auto;
  padding:0 20px;
}
.admin-msg-title{
  margin-bottom:20px;
  font-size:24px;
  font-weight:700;
  color:#3558A8;
}
/* =========================
   헤더줄
========================= */
.admin-msg-head-row{
  display:grid;
  grid-template-columns:
    40px
    60px
    100px
    1fr
    230px;
  align-items:center;
  height:46px;
  padding:0 10px;
  border-top:1px solid #CBD5E1; 
  font-size:16px;
  font-weight:700;
  color:#111;
  gap:10px;
}
.admin-msg-delete-header{
  height:28px;
  width:46px; 
  padding:0 20px;
  border:1px solid #94A3B8;
  background:#FFF;
  border-radius:6px;
  font-size:16px;
  font-weight:700; 
  cursor:pointer;
  white-space:nowrap; 
  display:flex;
  align-items:center;
  justify-content:center; 
}
.admin-msg-delete-header:hover{
  background:#F8FAFC;
}
/* =========================
   목록
========================= */
.admin-msg-list{
  width:100%;
  border-top:2px solid #3558A8;
}
/* =========================
   한 줄
========================= */
.admin-msg-item{
  display:grid;
  grid-template-columns:
    40px                /* 체크 */
    60px                /* 삭제 */
    100px               /* 닉네임 */
    minmax(0, 600px)    /* 내용 */
    230px;              /* 날짜 */

  align-items:center;
  min-height:36px;
  padding:0 10px;
  border-bottom:2px solid #E5E7EB;
  font-size:14px;
  gap:10px;
}
/* =========================
   체크박스
========================= */
.admin-msg-check{
  width:16px;
  height:16px;
  cursor:pointer;
}
/* 헤더 전체선택 */
.admin-msg-head-row .admin-msg-check{
  width:18px;
  height:18px;
}
/* =========================
   삭제
========================= */
.admin-msg-delete{
  border:none;
  background:none;
  padding:0;
  margin:0; 
  text-align:left; 
  color:#DC2626;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.admin-msg-delete:hover{
  color:#FF0000;
}
/* =========================
   닉네임
========================= */
.admin-msg-name{
  font-weight:600;
  color:#008000;
}
/* =========================
   내용
========================= */
.admin-msg-body{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#222;
   font-family:'함초롱바탕'; 
}
/* =========================
   날짜
========================= */
.admin-msg-date{
  font-size:14px;
  color:#94A3B8;
}
/* =========================
   💬 내용 보기창
========================= */
.admin-msg-view{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.45);
  z-index:9999;
  align-items:center;
  justify-content:center;
}

.admin-msg-view-box{
  width:90%;
  max-width:450px;
  background:#FFF;
  border-radius:12px;
  padding:24px;
}

.admin-msg-view-title{
  margin-bottom:20px;
  font-size:20px;
  font-weight:700;
  color:#3558A8;
}

.admin-msg-view-content{
  max-height:400px;
  overflow:auto;
  line-height:1.8;
  white-space:pre-wrap;
  color:#222;
  word-break:break-all;     
}

.admin-msg-view-close{
  margin-top:20px;
  padding:8px 16px;
  border:none;
  background:#3558A8;
  color:#FFF;
  border-radius:8px;
  cursor:pointer;
}
/* =========================
   🌙 Night
========================= */
body.night .admin-msg-item{
  border-bottom:1px solid #334155;
}
body.night .admin-msg-body{
  color:#E2E8F0;
}
body.night .admin-msg-date{
  color:#94A3B8;
}
/* =========================
   📱 Mobile
========================= */
@media (max-width:480px){

  .admin-msg-wrap{
    margin:24px auto;
    padding:0 10px;
  }

  .admin-msg-title{
    font-size:22px;
  }

  .admin-msg-head-row,
  .admin-msg-item{
    grid-template-columns:
      20px
      40px
      65px
      minmax(0, 1fr)
      70px;

    gap:4px;
    padding:0 4px;
  }

  /* =========================
     헤더
  ========================= */
  .admin-msg-head-row{
    height:40px;
    font-size:15px;
  }

  /* =========================
     목록 한줄
  ========================= */
  .admin-msg-item{
    min-height:38px;
    font-size:15px;
  }

  /* =========================
     체크박스
  ========================= */
  .admin-msg-check{
    width:14px;
    height:14px;
  }

  /* =========================
     삭제 버튼
  ========================= */
  .admin-msg-delete-header{
    width:36px;
    height:26px;
    padding:0;
    font-size:13px;
  }

  .admin-msg-delete{
    font-size:14px;
  }

  /* =========================
     닉네임
  ========================= */
  .admin-msg-name{
    font-size:14px;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  /* =========================
     내용
  ========================= */
  .admin-msg-body{
    font-size:14px;
  }

  /* =========================
     날짜
  ========================= */
  .admin-msg-date{
    font-size:13px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
  }

  /* =========================
     팝업
  ========================= */
  .admin-msg-view-box{
    width:88%;
    padding:18px;
  }

  .admin-msg-view-title{
    font-size:20px;
  }

  .admin-msg-view-content{
    max-height:360px;
    font-size:15px;
    line-height:1.7;
  }

}