/* ============================================================
   회원/댓글 — members.css (style.css 뒤에 로드)
   ============================================================ */
/* 회원 카드 */
#memberCard .mem-btns{ display:flex; gap:8px; margin-top:12px; }
#memberCard .mem-btns button{ flex:1; }
.btn-secondary{ background:#fff; border:1px solid #c9d3dd; color:#2F4F6F; border-radius:8px; padding:9px 14px; font-size:13px; font-weight:600; cursor:pointer; }
.btn-secondary:hover{ background:#f3f6f9; }
.btn-primary.full, .btn-secondary.full{ width:100%; }

.mem-me{ display:flex; align-items:center; justify-content:space-between; margin-top:6px; }
.mem-name{ font-size:13.5px; font-weight:600; color:#1d2b3a; line-height:1.5; }
.mem-badge{ font-size:10.5px; font-weight:700; padding:2px 8px; border-radius:12px; margin-left:6px; white-space:nowrap; }
.mem-badge.verified{ background:#e4f3e7; color:#2c7a3f; border:1px solid #bfe3c8; }
.mem-badge.unverified{ background:#f0f0f0; color:#888; border:1px solid #ddd; }
.mem-badge.company{ background:#e8eef7; color:#2F4F6F; border:1px solid #c6d4e8; }
.mem-admin{ font-size:12px; color:#b5384a; text-decoration:none; }
.mem-warn{ font-size:12px; color:#99502f; background:#fdf3e7; padding:7px 10px; border-radius:6px; margin:8px 0; }
.mem-toggle{ display:flex; align-items:center; gap:8px; margin:12px 0; font-size:13px; color:#46535f; cursor:pointer; }
.mem-toggle input{ cursor:pointer; width:16px; height:16px; }
#memberCard .logout{ color:#999; display:block; margin-top:6px; }

.my-comments{ margin:8px 0; max-height:220px; overflow-y:auto; border-top:1px solid #eef2f6; padding-top:8px; }
.my-cmt{ padding:8px; border-radius:6px; cursor:pointer; transition:background .12s; }
.my-cmt:hover{ background:#f3f6f9; }
.my-cmt-body{ font-size:12.5px; color:#3a4550; line-height:1.5; }
.my-cmt-date{ font-size:11px; color:#9aa7b3; margin-top:2px; }
.muted{ font-size:12px; color:#9aa7b3; }

/* 모달 */
.mem-overlay{ position:fixed; inset:0; background:rgba(20,30,45,.5); display:flex; align-items:center; justify-content:center; z-index:1000; padding:20px; }
.mem-modal{ background:#fff; border-radius:16px; width:100%; max-width:400px; padding:26px 26px 22px; position:relative; box-shadow:0 20px 60px rgba(0,0,0,.25); max-height:90vh; overflow-y:auto; }
.mem-close{ position:absolute; top:14px; right:16px; background:none; border:none; font-size:24px; color:#aaa; cursor:pointer; line-height:1; }
.mem-close:hover{ color:#555; }
.mem-tabs{ display:flex; gap:4px; margin-bottom:20px; border-bottom:2px solid #eef2f6; }
.mem-tab{ flex:1; background:none; border:none; padding:10px; font-size:14px; font-weight:600; color:#9aa7b3; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; }
.mem-tab.active{ color:#2F4F6F; border-bottom-color:#b5384a; }
#memForm input, #memForm select, #memForm textarea{ width:100%; padding:10px 12px; margin-bottom:10px; border:1px solid #d3dce4; border-radius:8px; font-size:13.5px; font-family:inherit; box-sizing:border-box; }
#memForm .mem-row{ display:flex; gap:8px; }
#memForm .mem-row select{ flex:1; }
.mem-fine{ font-size:11px; color:#8a97a4; line-height:1.6; margin:4px 0 12px; }
.mem-msg{ font-size:13px; margin-top:10px; text-align:center; }
.mem-msg.ok{ color:#2c7a3f; }
.mem-msg.err{ color:#b5384a; }
.mem-links{ display:flex; gap:14px; justify-content:center; margin-top:10px; }
.mem-links .link-btn{ background:none; border:none; font-size:12px; color:#8a97a4; cursor:pointer; text-decoration:underline; }
.mem-links .link-btn:hover{ color:#2F4F6F; }

/* 댓글 */
.recall-comments{ margin-top:14px; padding-top:14px; border-top:1px solid #e3e8ee; }
.cmt-head{ font-size:13px; font-weight:700; color:#2F4F6F; margin-bottom:10px; }
.cmt-count{ color:#b5384a; margin-left:4px; }
.cmt-list{ display:flex; flex-direction:column; gap:10px; }
.cmt-empty{ font-size:12.5px; color:#9aa7b3; padding:8px 0; }
.cmt-item{ background:#f8fafc; border:1px solid #eef2f6; border-radius:8px; padding:10px 12px; }
.cmt-meta{ display:flex; align-items:center; gap:8px; margin-bottom:5px; flex-wrap:wrap; }
.cmt-author{ font-size:12.5px; font-weight:600; color:#1d2b3a; }
.cmt-badge{ font-size:10px; font-weight:700; padding:1px 7px; border-radius:10px; background:#e4f3e7; color:#2c7a3f; border:1px solid #bfe3c8; }
.cmt-badge.company{ background:#e8eef7; color:#2F4F6F; border:1px solid #c6d4e8; }
.cmt-item.company{ background:#f4f7fb; border-color:#c6d4e8; }
.cmt-date{ font-size:11px; color:#9aa7b3; }
.cmt-del{ margin-left:auto; background:none; border:none; color:#c08; font-size:11px; cursor:pointer; opacity:.6; }
.cmt-del:hover{ opacity:1; }
.cmt-body{ font-size:13px; line-height:1.65; color:#3a4550; white-space:pre-wrap; }
.cmt-form{ margin-top:12px; }
.cmt-form textarea{ width:100%; min-height:70px; padding:10px 12px; border:1px solid #d3dce4; border-radius:8px; font-family:inherit; font-size:13px; box-sizing:border-box; resize:vertical; }
.cmt-form button{ margin-top:8px; }
.cmt-login-hint{ font-size:12.5px; color:#8a97a4; margin-top:12px; padding:10px; background:#f8fafc; border-radius:8px; }
.cmt-loading{ font-size:12.5px; color:#9aa7b3; padding:10px 0; }


/* 내 댓글에서 점프했을 때 카드 강조 */
.recall-row.flash > td{ animation: flashRow 1.6s ease; }
@keyframes flashRow{ 0%{background:#fff7d6;} 60%{background:#fff7d6;} 100%{background:transparent;} }