/* StarLifee Phase 3: Premium mobile messages */
@media (max-width:767.98px){
.page-messages,.messages-page,#messages-page{min-height:100dvh;background:#f5f7fb!important}
.page-messages .card,.messages-page .card{border:0!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(25,35,65,.07)!important;overflow:hidden}
.page-messages .card-header,.messages-page .card-header{min-height:64px;display:flex;align-items:center;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #edf0f6!important;padding:12px 16px!important}
.page-messages .card-header h5,.messages-page .card-header h5{margin:0!important;font-weight:800!important;color:#17213a}
.page-messages .conversation,.page-messages .conversation-item,.messages-page .conversation,.messages-page .conversation-item{border:0!important;border-bottom:1px solid #f0f2f7!important;padding:13px 14px!important;min-height:74px}
.page-messages .chat-messages,.messages-page .chat-messages{padding:14px 12px 100px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.page-messages .message .text,.page-messages .message-text,.messages-page .message .text,.messages-page .message-text{max-width:82%!important;border-radius:18px!important;padding:10px 13px!important;line-height:1.38!important;box-shadow:0 3px 12px rgba(25,35,65,.055)}
.page-messages .message.outgoing .text,.page-messages .message.me .text,.messages-page .message.outgoing .text,.messages-page .message.me .text{background:linear-gradient(135deg,#ff5b12,#ff7a32)!important;color:#fff!important;border-bottom-right-radius:6px!important}
.page-messages .message.incoming .text,.messages-page .message.incoming .text{background:#fff!important;color:#20283b!important;border-bottom-left-radius:6px!important}
.page-messages .chat-form,.page-messages .message-form,.messages-page .chat-form,.messages-page .message-form{position:sticky!important;bottom:0!important;z-index:20;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px);border-top:1px solid #e9edf5!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
.page-messages textarea,.page-messages input[type=text],.messages-page textarea,.messages-page input[type=text]{min-height:44px!important;border-radius:22px!important;border:1px solid #e5e9f1!important;background:#f7f8fb!important;padding:10px 14px!important;box-shadow:none!important}
.page-messages .btn-primary,.messages-page .btn-primary{border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#ff5b12,#ff7a32)!important;box-shadow:0 7px 18px rgba(255,91,18,.22)!important}
.page-messages img.rounded-circle,.messages-page img.rounded-circle{box-shadow:0 0 0 3px #fff,0 4px 14px rgba(30,40,70,.12)}
}