/* 쪽지 (js/boards/messages.js) */
#messages[hidden]{display:none!important}
.msg-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 16px;border-bottom:1px solid var(--line)}
.msg-tabs{display:flex;gap:4px}
.msg-tabs button{height:40px;padding:0 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--fz-g6);font:inherit;font-size:14px;cursor:pointer}
.msg-tabs button[aria-selected="true"]{border-bottom-color:var(--fz-accent-dark);color:var(--fz-g2);font-weight:700}
.msg-tabs button b{margin-left:4px;color:var(--fz-accent-dark);font-size:12px}
.msg-write{margin-bottom:6px}
.msg-status{margin:0 0 12px;padding:9px 12px;background:var(--fz-accent-soft);color:var(--fz-g3);font-size:13px}
.msg-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.msg-table .c-who{width:140px}.msg-table .c-date{width:130px}
#messages .msg-table th,#messages .msg-table td{height:auto;text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
#messages .msg-table th{border-bottom-color:var(--line);color:var(--fz-g6);font-weight:500}
#messages .msg-table .date{text-align:right;color:var(--fz-g8);font-variant-numeric:tabular-nums;white-space:nowrap}
.msg-table .who{color:var(--fz-g3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-table .title button{display:flex;align-items:center;gap:6px;max-width:100%;padding:0;border:0;background:none;color:var(--fz-g3);font:inherit;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-table .title button:hover{color:var(--fz-accent-dark)}
.msg-table tr.unread .who,.msg-table tr.unread .title button{color:var(--fz-g1);font-weight:700}
.msg-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--fz-accent)}
#messages .msg-empty{text-align:center;color:var(--fz-g8);padding:48px 0}
.msg-pages{margin-top:18px}
.msg-read header{padding:0 0 14px;border-bottom:1px solid var(--line)}
.msg-read h2{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--fz-g2)}
.msg-read header p{display:flex;align-items:baseline;gap:6px;margin:0;font-size:13px;color:var(--fz-g6)}
.msg-read header b{color:var(--fz-g2)}
.msg-read time{margin-left:auto;color:var(--fz-g8);font-variant-numeric:tabular-nums}
.msg-body{padding:22px 2px 30px;color:var(--fz-g3);font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.msg-actions{display:flex;align-items:center;gap:6px;margin-top:14px}
.msg-actions span{flex:1}
.msg-plain{height:34px;padding:0 14px;border:1px solid var(--line);background:none;color:var(--fz-g4);font:inherit;font-size:13px;cursor:pointer}
.msg-plain:hover{border-color:var(--fz-accent);color:var(--fz-accent-dark)}
.msg-del:hover{border-color:#d65a5a;color:#c24141}
.msg-form{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px 14px;align-items:center}
.msg-form label{font-size:13px;color:var(--fz-g6)}
.msg-form input,.msg-form textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--line);background:none;color:var(--fz-g2);font:inherit;font-size:14px}
.msg-form textarea{resize:vertical;line-height:1.6}
.msg-form label[for="msg-body"]{align-self:start;padding-top:9px}
.msg-form input:focus,.msg-form textarea:focus{outline:none;border-color:var(--fz-accent)}
.msg-form .msg-actions{grid-column:1/-1}
/* 프로필 메뉴의 안 읽은 수 */
.profile-messages-count{color:var(--fz-accent-dark)}
@media(max-width:760px){
#messages{padding:0 12px}
.msg-tabs button{padding:0 9px;font-size:13px}
.msg-table .c-who{width:76px}.msg-table .c-date{width:74px}
.msg-time{display:none}
#messages .msg-table th,#messages .msg-table td{padding:10px 5px}
#messages .msg-table .date{font-size:11px}
.msg-form{grid-template-columns:1fr}
.msg-form label[for="msg-body"]{padding-top:0}
}
.msg-form #msg-to[readonly]{background:var(--fz-gf5,#f5f7fb);color:var(--fz-g3);font-weight:600;cursor:default}