.chats{padding:5px 8px}
.chat-swipe-row{margin:1px 0}
.chat{min-height:62px;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:7px 9px;border-radius:12px}
.chat .avatar{width:40px;height:40px;border-radius:13px}
.chat>span{gap:2px}
.chat strong{font-size:15px;line-height:1.2}
.chat small{font-size:12px;line-height:1.25}
.chat-side{gap:3px}
.chat-side time{font-size:10px}
.unread-badge{min-width:20px;height:20px;padding:0 5px;font-size:10px}
.secure{display:grid;place-items:center;gap:0;width:100%;margin:auto 0 max(10px,env(safe-area-inset-bottom));padding:7px 12px;border:0;border-radius:0;background:transparent;text-align:center}
.secure span{justify-items:center;gap:1px}
.secure strong{font-size:11px;line-height:1.25}
.secure small{font-size:9px;line-height:1.25}
html[data-theme=dark] .secure{border:0;background:transparent}

@media(max-width:700px){
  .chats{padding:4px 7px}
  .chat-swipe-row{margin:0}
  .chat{min-height:60px;grid-template-columns:42px minmax(0,1fr) auto;padding:6px 8px}
  .chat strong{font-size:15px}
  .chat small{font-size:12px}
  .secure{display:grid;margin-top:3px}
}

@media(max-width:700px) and (max-height:650px){
  .chat{min-height:56px;padding-top:4px;padding-bottom:4px}
  .chat .avatar{width:38px;height:38px}
  .secure{display:none}
}