@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&display=swap');

html,body{height:100%;overflow:hidden}
body{background:#ece5dd;font-family:'Vazirmatn',sans-serif;margin:0}

/* Sidebar */
.sidebar-head{padding:10px;border-bottom:1px solid #e6e6e6;background:#f7f7f7;display:flex;justify-content:space-between;align-items:center}
.conv{padding:12px;border-bottom:1px solid #eee;cursor:pointer;position:relative}
.conv:hover{background:#f5f5f5}
.conv.unread .name{font-weight:700}
.conv .last{font-size:12px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge-unread{position:absolute;left:10px;top:12px;background:#0d6efd;color:#fff;border-radius:12px;padding:2px 6px;font-size:11px}

/* Chat */
.chat-head{background:#f7f7f7;padding:10px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:10px}
#box{flex:1 1 0;padding:15px;overflow-y:auto;background:linear-gradient(145deg,#1f1c1a 0%,#2a2320 40%,#3a2a1f 70%,#ff7a1a 130%);position:relative;min-height:0}
.msg{max-width:65%;padding:8px 12px;border-radius:12px;margin:4px 0;word-break:break-word;position:relative}
.me{background:#d9fdd3;margin-right:auto}
.other{background:#fff;margin-left:auto}
.time{font-size:10px;opacity:.6;margin-top:3px;display:flex;align-items:center;gap:4px}
.tick{font-size:11px}
.tick.seen{color:#0d6efd}
.day-sep{text-align:center;margin:10px 0;font-size:12px;opacity:.7}
.chat-input{border-top:1px solid #ccc;background:#f7f7f7}

#newMsgBtn{
 position:absolute;
 bottom:20px;
 left:50%;
 transform:translateX(-50%);
 background:#0d6efd;
 color:#fff;
 border:none;
 border-radius:20px;
 padding:6px 14px;
 font-size:12px;
 display:none;
 z-index:5;
}

/* Mobile only hide helper */
.mobile-hide{display:none !important}