/* V4.0.0-4071 — Internal chat UX refresh (mobile-first, LINE-like) */
.chat-contact-main{min-width:0;flex:1;display:flex!important;flex-direction:column}
.chat-contact-top{display:flex;align-items:center;gap:8px;min-width:0}
.chat-contact-top strong{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-contact-time{flex:none;font-size:11px;color:#8b9a94;font-weight:600}
.chat-contact-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7d8d87;font-size:12px;margin-top:3px}
.chat-room-head-main{display:flex;align-items:center;gap:9px;min-width:0}
.chat-room-head-main h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.chat-back-btn{display:none}
.chat-live-badge{flex:none}
.chat-compose textarea{min-height:44px;max-height:120px}

@media(min-width:761px){
  .chat-layout{grid-template-columns:330px minmax(0,1fr)!important;gap:16px!important}
  .chat-sidebar,.chat-room{border-radius:18px!important}
  .chat-contact{padding:11px 12px!important;border:1px solid transparent!important}
  .chat-contact:hover{background:#f4f8f6!important}
  .chat-contact.active{background:#edf6f1!important;border-color:#d8e9e0!important}
  .chat-avatar{width:42px!important;height:42px!important}
  .chat-messages{background:#f7f9f8;border-radius:14px;margin-top:10px;padding:18px 12px!important}
  .chat-compose{padding:12px 0 0!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end}
  .chat-compose textarea{border-radius:16px!important;padding:11px 13px!important}
  .chat-compose .btn{height:44px;min-width:74px;border-radius:14px!important}
}

@media(max-width:760px){
  #chatView{padding:0!important}
  #chatView .chat-layout{display:block!important;height:auto!important;min-height:0!important}
  #chatView .panel{box-shadow:none!important;border:0!important;background:#fff!important;border-radius:0!important}

  #chatView .chat-sidebar{margin:0!important;padding:10px 12px 6px!important;min-height:calc(100dvh - 205px)}
  #chatView .chat-sidebar .panel-head{padding:2px 2px 10px!important;margin:0!important}
  #chatView .chat-sidebar .panel-head h3{font-size:22px!important;margin-bottom:2px!important}
  #chatView .chat-sidebar .panel-head p{font-size:12px!important;color:#87948f!important}
  #chatView .chat-search{height:42px!important;border-radius:14px!important;background:#f2f5f4!important;border:0!important;padding:0 14px!important;margin:0 0 10px!important;font-size:15px!important}
  #chatView .chat-contact-list{max-height:none!important;overflow:visible!important;gap:0!important}
  #chatView .chat-contact{padding:10px 4px!important;border-radius:0!important;border-bottom:1px solid #eef1ef!important;background:#fff!important;gap:11px!important;min-height:64px}
  #chatView .chat-contact.active{background:#f5faf7!important}
  #chatView .chat-avatar{width:46px!important;height:46px!important;font-size:16px!important;background:#dfeee6!important}
  #chatView .chat-contact-top strong{font-size:15px!important}
  #chatView .chat-contact-preview{font-size:12px!important;color:#82908b!important}
  #chatView .chat-contact-time{font-size:10px!important;color:#99a39f!important}

  #chatView .chat-room{display:none!important;margin:0!important;padding:0!important;height:calc(100dvh - 153px)!important;min-height:0!important;overflow:hidden!important;flex-direction:column!important;background:#eef3f0!important}
  #chatView.chat-conversation-open .chat-sidebar{display:none!important}
  #chatView.chat-conversation-open .chat-room{display:flex!important}

  #chatView .chat-room-head{height:52px;min-height:52px;padding:0 10px!important;background:#fff!important;border-bottom:1px solid #e5ebe8!important;display:flex!important;align-items:center!important}
  .chat-room-head-main{min-width:0;flex:1}
  .chat-back-btn{display:grid!important;place-items:center;width:36px;height:36px;border:0;background:transparent;border-radius:50%;font-size:29px;line-height:1;color:#2d443a;padding:0;cursor:pointer}
  .chat-room-head-main h3{font-size:17px!important;font-weight:800!important}
  .chat-live-badge{font-size:10px!important;padding:4px 7px!important}

  #chatView .chat-messages{flex:1!important;min-height:0!important;overflow-y:auto!important;padding:14px 10px 16px!important;background:#eef3f0!important;gap:7px!important;overscroll-behavior:contain}
  #chatView .chat-bubble-row{width:100%}
  #chatView .chat-bubble{max-width:82%!important;background:#fff!important;border-radius:17px 17px 17px 5px!important;padding:9px 11px!important;box-shadow:0 1px 2px rgba(29,57,45,.05);font-size:15px!important}
  #chatView .chat-bubble-row.mine .chat-bubble{background:#d7f5c7!important;border-radius:17px 17px 5px 17px!important}
  #chatView .chat-bubble-name{font-size:11px!important;margin-bottom:2px!important;color:#65776f!important}
  #chatView .chat-bubble time{font-size:9px!important;color:#87948f!important;margin-top:3px!important}
  #chatView .chat-bubble-row.mine .chat-bubble-name{display:none}

  #chatView .chat-compose{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:end!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e1e8e4!important;position:static!important;bottom:auto!important}
  #chatView .chat-compose textarea{min-height:40px!important;height:40px;border-radius:20px!important;background:#f2f5f4!important;border:0!important;padding:10px 14px!important;font-size:15px!important;line-height:20px!important;resize:none!important}
  #chatView .chat-compose .btn{height:40px!important;min-width:58px!important;padding:0 13px!important;border-radius:20px!important;font-size:14px!important}

  #chatView:not(.chat-conversation-open) .chat-room{display:none!important}
}