.msg-v28{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;max-width:1280px;margin:0 auto}
.msg-card{background:#fffdf9;border:1px solid #ddcdc1;border-radius:12px;box-shadow:0 2px 10px rgba(73,42,32,.08);overflow:hidden}
.msg-card-head,.chat-head,.notif-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eaded5;background:#fff8f2}
.msg-card-head h2,.notif-head h2{margin:0;color:#7c1115;font-size:22px}
.msg-search{padding:12px 14px;border-bottom:1px solid #eee1d8}
.msg-search input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d9c8bc;border-radius:10px;background:#fff}
.thread-list{max-height:780px;overflow:auto}
.thread-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #efe4db;color:#3d2926;text-decoration:none;position:relative}
.thread-item.active{background:#fff4df}
.thread-item:hover{text-decoration:none;background:#fff8ef}
.thread-top{display:flex;justify-content:space-between;gap:8px}
.thread-top span,.thread-preview,.muted{color:#806e65;font-size:13px}
.thread-badge{background:#d82929;color:#fff;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:bold}
.thread-empty,.chat-empty{padding:18px;color:#8c776e}
.chat-body{padding:18px;display:flex;flex-direction:column;gap:12px;max-height:680px;overflow:auto;background:#fff}
.bubble-row{display:flex;gap:8px;align-items:flex-end}
.bubble-row.mine{justify-content:flex-end}
.bubble{max-width:70%;background:#fff;border:1px solid #eaded5;border-radius:14px;padding:10px 12px}
.bubble.mine{background:#fff1cd}
.bubble small{display:block;color:#8e7a70;margin-top:5px;font-size:11px}
.chat-form{border-top:1px solid #eaded5;padding:14px;background:#fffaf5}
.chat-form textarea{width:100%;min-height:92px;box-sizing:border-box;padding:10px 12px;border:1px solid #d9c8bc;border-radius:10px;resize:vertical}
.chat-form-actions{display:flex;justify-content:flex-end;margin-top:10px}
.notif-v28{max-width:1280px;margin:0 auto}
.notif-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eaded5;background:#fffdf9}
.notif-tab{padding:14px 12px;text-align:center;color:#6e5b53;font-weight:bold;border-right:1px solid #efe4db}
.notif-tab:last-child{border-right:0}
.notif-tab.active{color:#7c1115;background:#fff8f2}
.notif-tab span{display:inline-block;margin-left:6px;background:#d82929;color:#fff;border-radius:999px;padding:1px 7px;font-size:12px}
.notif-list{display:flex;flex-direction:column}
.notif-item{display:grid;grid-template-columns:52px minmax(0,1fr) 90px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #efe4db}
.notif-item.read{opacity:.8}
.notif-icon{font-size:30px;text-align:center}
.notif-time{color:#8e7a70;font-size:12px;text-align:right}
@media(max-width:900px){.msg-v28{grid-template-columns:1fr}.notif-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.notif-item{grid-template-columns:42px 1fr}.notif-time{grid-column:2;text-align:left}.bubble{max-width:88%}}


/* V2.8.4 polish */
.thread-item.active{
    background:linear-gradient(180deg,#fff4df,#f8ebcf);
    box-shadow:inset 4px 0 0 #a21616;
}
.thread-item.active b{
    color:#7c1115;
}
.thread-item:hover{
    background:#fff8ef;
}
.thread-preview{
    margin-top:2px;
    line-height:1.35;
}
.chat-head{
    padding:16px 18px;
}
.chat-user{
    display:flex;
    align-items:center;
    gap:10px;
}
.chat-user-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.chat-body{
    gap:16px;
    padding:20px;
}
.bubble-row{
    gap:10px;
}
.bubble{
    padding:12px 14px;
    border-radius:16px;
    line-height:1.45;
}
.bubble.mine{
    border-color:#e2c77a;
}
.chat-form textarea{
    min-height:110px;
}
.thread-badge{
    min-width:24px;
    text-align:center;
}
@media(max-width:700px){
    .chat-head{
        flex-direction:column;
        align-items:flex-start;
    }
}