/* LoveBirdies mobile-first enhancement */
@media(max-width:700px){
 body{padding-bottom:78px}
 header{height:62px;padding:0 16px;position:sticky}
 header .brand{font-size:19px!important}
 header .brand img{width:36px!important;height:36px!important}
 header nav{position:fixed;left:0;right:0;bottom:0;top:auto;height:70px;background:rgba(255,255,255,.98);border-top:1px solid var(--line);display:flex!important;justify-content:space-around;align-items:center;z-index:100;padding:5px 4px max(5px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(11,61,50,.08)}
 header nav button{font-size:0!important;padding:6px!important;min-width:54px;height:56px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
 header nav button:before{font-size:21px;line-height:1}
 header nav button[data-view="discover"]:before{content:"♥"}
 header nav button[data-view="golf"]:before{content:"⛳"}
 header nav button[data-view="matches"]:before{content:"♡"}
 header nav button[data-view="chats"]:before{content:"💬"}
 header nav button[data-view="profile"]:before{content:"◉"}
 header nav button[data-view]:after{font-size:9px;font-weight:700}
 header nav button[data-view="discover"]:after{content:"Discover"}
 header nav button[data-view="golf"]:after{content:"Golf"}
 header nav button[data-view="matches"]:after{content:"Matches"}
 header nav button[data-view="chats"]:after{content:"Chats"}
 header nav button[data-view="profile"]:after{content:"Profile"}
 header nav #logout{display:none}
 header nav .badge{position:absolute;margin:0 0 26px 25px;font-size:9px!important}
 .content{padding:24px 14px 30px!important}
 .topline{margin-bottom:16px!important}
 h2{font-size:34px!important}
 .eyebrow{font-size:10px}
 .profiles{display:block!important;margin-top:14px!important;max-width:none!important}
 .profile{width:100%;border-radius:22px!important}
 .profile-photo{height:min(62vh,520px)!important}
 .profile-body{padding:18px!important}
 .profile h3{font-size:28px!important}
 .discover-actions{position:sticky;bottom:82px;z-index:4;margin:15px 0 4px!important}
 .circle{width:64px!important;height:64px!important;font-size:29px!important}
 .safety-actions{margin-top:8px!important}
 .golf-hero{padding:24px 20px!important;border-radius:22px!important;display:block!important}
 .golf-hero h2{font-size:40px!important}
 .golf-hero .primary{width:100%;margin-top:14px}
 .club-link{display:block;margin-top:14px}
 .golf-section-title{display:block!important;margin-top:32px!important}
 .golf-event-grid{grid-template-columns:1fr!important;gap:14px!important}
 .golf-event-card,.golf-card{border-radius:20px!important}
 .golf-card{display:flex!important;flex-wrap:wrap!important;padding:18px!important}
 .golf-card .post-interest{width:100%;margin-top:12px}
 .match-row{display:grid!important;grid-template-columns:auto 1fr!important;padding:14px!important}
 .match-row .primary{grid-column:1/-1;width:100%}
 .match-row .linkbtn{grid-column:auto}
 .chat-shell{height:calc(100vh - 190px)!important;min-height:500px!important;border-radius:18px!important;margin-top:16px!important;display:block!important}
 .conversation-panel{max-height:180px!important;border-right:0!important;border-bottom:1px solid var(--line)}
 .conversation-row{padding:11px!important}
 .chat-panel{min-height:360px!important}
 .chat-header{height:62px!important}
 .messages{height:calc(100vh - 430px)!important;min-height:260px!important;padding:12px!important}
 .msg{max-width:86%!important}
 .composer{position:sticky;bottom:0;padding:10px!important}
 .composer input{font-size:16px}
 .profile-form{padding:18px!important;margin-top:18px!important;border-radius:18px!important}
 input,select,textarea{font-size:16px!important;min-height:46px}
 textarea{min-height:110px}
 .primary,.secondary,.danger{min-height:46px}
 dialog{max-height:90vh;overflow:auto}
 .modal{padding:24px 18px!important}
}
@media(max-width:430px){
 .welcome{min-height:calc(100vh - 62px)}
 .hero{padding:38px 18px 90px!important}
 h1{font-size:48px!important}
 .hero p{font-size:17px!important}
 .hero-actions .primary,.hero-actions .secondary{width:100%}
 .content{padding-left:12px!important;padding-right:12px!important}
 .profile-photo{height:56vh!important;min-height:390px}
}

/* Mobile Discover refinement */
@media(max-width:700px){
 #app:not(.hidden)~*{}
 body:has(#app:not(.hidden)) header>.brand{display:none!important}
 body:has(#app:not(.hidden)) header{height:0!important;border:0!important;padding:0!important}
 #discoverView .topline{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:8px!important;margin:0 0 14px!important}
 #discoverView .topline>div{min-width:0}
 #discoverView .eyebrow{margin-bottom:5px!important}
 #discoverView h2{font-size:32px!important;line-height:1!important}
 #discoverSummary{margin:7px 0 0!important;font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #discoverView #refresh{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:0!important;border-radius:50%!important}
 #discoverView #refresh:after{content:"↻";font-size:24px}
 #discoverView .empty-state{padding:22px!important;border-radius:18px!important;box-shadow:none!important}
 #discoverView .empty-state h3{font-size:20px!important;margin:0 0 8px!important}
 #discoverView .empty-state p{font-size:14px!important;line-height:1.45!important;margin:0!important}
 #discoverView .profile{border-left:0!important;border-right:0!important;border-radius:0!important;margin-left:-12px!important;margin-right:-12px!important;width:calc(100% + 24px)!important;box-shadow:none!important}
 #discoverView .profile-photo{height:64vh!important;min-height:430px!important}
 #discoverView .profile-body{padding:16px 18px 18px!important}
}