/* OpenMarket Social — mobile-first white baseline */
#openmarketSocialFeed{max-width:none!important;width:100%!important;margin:0!important;padding:0 0 72px!important;background:#fff!important;color:#111!important;border-radius:0!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
#openmarketSocialFeed *{box-sizing:border-box}
.om-sm-top{height:54px!important;position:sticky!important;top:0!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;padding:0 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e9e9!important;border-radius:0!important;background:#fff!important;box-shadow:0 1px 8px rgba(0,0,0,.06)!important;backdrop-filter:none!important}
.om-sm-logo{width:30px!important;height:30px!important;border-radius:9px!important;background:#111!important;color:#fff!important;box-shadow:none!important}
.om-sm-brand b,.om-sm-brand small{display:none!important}
.om-sm-search{height:34px!important;border:1px solid #e4e4e4!important;background:#f5f5f5!important;border-radius:18px!important;box-shadow:none!important}
.om-sm-search input{color:#111!important;font-size:12px!important}
.om-sm-search input::placeholder{color:#8a8a8a!important}
.om-sm-actions{gap:4px!important}
.om-sm-actions button{width:32px!important;height:32px!important;border:0!important;background:#fff!important;color:#111!important;border-radius:50%!important}
.om-sm-shell{display:block!important;padding:0!important;margin:0!important}
.om-sm-left,.om-sm-right{display:none!important}
.om-sm-main{width:100%!important;min-width:0!important}
.om-sm-stories{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 10px 9px!important;margin:0!important;border-bottom:1px solid #eee!important;scrollbar-width:none!important}
.om-sm-stories::-webkit-scrollbar{display:none}
.om-sm-story{min-width:92px!important;height:104px!important;border:1px solid #e5e5e5!important;border-radius:12px!important;padding:9px!important;background:#fafafa!important;color:#111!important;box-shadow:none!important}
.om-sm-story:first-child{background:#fff!important}
.om-sm-story i{font-size:19px!important}
.om-sm-story b{font-size:10px!important}
.om-sm-story small{font-size:9px!important;color:#777!important}
.om-sm-compose{border:0!important;border-bottom:8px solid #f6f6f6!important;border-radius:0!important;background:#fff!important;margin:0!important}
.om-sm-compose-head{padding:10px!important}
.om-sm-compose-head button{background:#f6f6f6!important;color:#777!important;border:1px solid #eee!important}
.om-sm-compose-tools{border-top:1px solid #eee!important;padding:4px 8px!important}
.om-sm-compose-tools button{color:#555!important;background:#fff!important}
.om-sm-compose-tools button:last-child{background:#111!important;color:#fff!important}
.om-sm-expanded{padding:0 10px 10px!important}
.om-sm-expanded textarea{background:#fff!important;color:#111!important;border:1px solid #ddd!important}
.om-sm-expanded-bottom button{background:#f3f3f3!important;color:#111!important}
.om-sm-expanded-bottom button:last-child{background:#111!important;color:#fff!important}
.om-sm-tabs{height:45px!important;margin:0!important;padding:0 8px!important;border-bottom:1px solid #eee!important;gap:2px!important}
.om-sm-tabs button{color:#777!important;padding:9px 11px!important;border-radius:0!important}
.om-sm-tabs button.active{color:#111!important;background:#fff!important;border-bottom:2px solid #111!important}
.om-feed-card,.om-feed-composer{background:#fff!important;border:0!important;border-bottom:8px solid #f5f5f5!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.om-feed-card-head{padding:12px!important}
.om-feed-avatar{background:#eee!important;color:#111!important}
.om-feed-body{padding:2px 12px 10px!important}
.om-feed-image{max-height:none!important}
.om-feed-stats{border-top:1px solid #f0f0f0!important;color:#777!important;padding:8px 12px!important}
.om-reaction-picker{border-top:1px solid #f0f0f0!important;padding:6px 10px!important}
.om-reaction-picker button{background:#f5f5f5!important;color:#333!important}
.om-feed-actions{border-top:1px solid #eee!important}
.om-feed-action{color:#333!important;padding:10px 6px!important}
.om-feed-action.liked{color:#111!important}
.om-feed-comments{padding:0 12px 12px!important}
.om-feed-comment-bubble{background:#f3f3f3!important}
.om-feed-comment-form input{background:#f7f7f7!important;color:#111!important;border-color:#e2e2e2!important}
.om-market-card{margin:0 10px 12px!important;border:1px solid #e5e5e5!important;background:#fff!important;display:block!important}
.om-market-image,.om-market-image img{min-height:190px!important;background:#f5f5f5!important}
.om-market-copy{padding:12px!important}
.om-market-actions button{background:#111!important;color:#fff!important;border:0!important}
.om-social-directory{background:#fff!important;color:#111!important}
#omSocialDirectory{margin:0!important;border-radius:0!important;border:0!important;background:#fff!important}
@media(min-width:721px){
 #openmarketSocialFeed{max-width:760px!important;margin:0 auto!important}
 .om-sm-top{grid-template-columns:auto minmax(220px,1fr) auto!important}
 .om-sm-brand b{display:block!important;color:#111!important}
 .om-sm-brand small{display:block!important;color:#777!important}
 .om-sm-shell{display:block!important}
 .om-sm-left,.om-sm-right{display:none!important}
 .om-sm-stories{display:flex!important}
}


/* Mobile social app layout: let Social own the viewport instead of inheriting dashboard cards */
#social.panel{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#111!important;overflow:visible!important}
#social>.section-head{display:none!important}
#openmarketSocialFeed{max-width:none!important;width:100%!important;margin:0!important;padding:0 0 86px!important}
#openmarketSocialFeed .om-sm-shell{max-width:none!important;width:100%!important}
#openmarketSocialFeed .om-sm-main{max-width:none!important;width:100%!important}
#omSocialNotifPanel[hidden]{display:none!important}
.om-social-notif-panel{background:#fff!important;color:#111!important;border:1px solid #e6e6e6!important;border-radius:16px!important;box-shadow:0 14px 40px rgba(0,0,0,.16)!important;z-index:9999!important;padding:6px!important}
.om-social-notif-item{color:#111!important;border-bottom:1px solid #eee!important;padding:13px!important}
.om-social-notif-item.unread{background:#f6f6f6!important}
.om-social-notif-item small{color:#777!important}
.om-social-notif-empty{color:#777!important}
.om-mobile-bottom-nav{display:none}
@media(max-width:720px){
 body:has(#openmarketSocialFeed) #social.panel{padding-bottom:0!important}
 #openmarketSocialFeed{padding-bottom:76px!important}
 #openmarketSocialFeed .om-sm-top{position:sticky!important;top:0!important;z-index:100!important;width:100%!important}
 #openmarketSocialFeed .om-sm-stories{width:100%!important}
 #openmarketSocialFeed .om-sm-tabs{position:sticky!important;top:54px!important;z-index:20!important;background:#fff!important}
 #openmarketSocialFeed .om-feed-card{width:100%!important;margin-left:0!important;margin-right:0!important}
 #openmarketSocialFeed .om-feed-image{width:100%!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;background:#f7f7f7!important}
 #openmarketSocialFeed .om-social-notif-panel{position:fixed!important;top:60px!important;left:8px!important;right:8px!important;width:auto!important;max-height:72dvh!important;overflow:auto!important}
 .om-mobile-bottom-nav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:62px!important;padding:5px 7px max(5px,env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e7e7e7!important;z-index:1000!important}
 .om-mobile-bottom-nav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border:0!important;background:transparent!important;color:#777!important;border-radius:8px!important;padding:3px 0!important;min-width:0!important}
 .om-mobile-bottom-nav button span{font-size:21px!important;line-height:22px!important}
 .om-mobile-bottom-nav button small{font-size:10px!important;color:inherit!important}
 .om-mobile-bottom-nav button.active{color:#111!important;font-weight:800!important}
 .om-mobile-bottom-nav button.active span{transform:translateY(-1px)!important}
}
@media(min-width:721px){
 #openmarketSocialFeed{max-width:980px!important;margin:0 auto!important}
 #openmarketSocialFeed .om-sm-shell{display:block!important}
 #openmarketSocialFeed .om-sm-left,#openmarketSocialFeed .om-sm-right{display:none!important}
}


/* Social discovery and friend network — responsive, uncluttered */
.om-social-search-results{position:fixed;z-index:1200;top:62px;left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 20px));max-height:min(72vh,680px);overflow:auto;background:#fff;color:#111;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.18);padding:8px}
.om-social-search-results[hidden]{display:none!important}
.om-search-head{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-bottom:1px solid #eee}
.om-search-head button{border:0;background:#f4f4f4;border-radius:9px;padding:7px 10px;color:#333}
.om-search-person{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #f0f0f0;min-width:0}
.om-search-person:last-child{border-bottom:0}
.om-search-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eee;color:#111;font-weight:800;flex:0 0 38px}
.om-search-person-copy{min-width:0;flex:1}
.om-search-person-copy b,.om-search-person-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.om-search-person-copy small,.om-search-loading,.om-search-empty{font-size:12px;color:#777}
.om-search-person button,.om-sm-directory button{border:1px solid #e6e6e6;border-radius:10px;background:#111;color:#fff;padding:8px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.om-search-person button.secondary,.om-sm-directory button.secondary{background:#f5f5f5;color:#222}
.om-search-person button:disabled{background:#f5f5f5;color:#777}
.om-search-loading,.om-search-empty{padding:18px;text-align:center}
.om-directory-search{display:flex;align-items:center;gap:9px;margin:14px 0;padding:0 12px;height:42px;border:1px solid #e4e4e4;border-radius:12px;background:#fafafa}
.om-directory-search input{width:100%;border:0;outline:0;background:transparent;color:#111;font:inherit}
.om-sm-directory{margin:14px 0!important;border:1px solid #eee!important;border-radius:16px!important;padding:16px!important;background:#fff!important;color:#111!important}
.om-sm-directory h2{font-size:23px!important;letter-spacing:-.5px}
.om-sm-directory h3{font-size:14px;margin:20px 0 7px;padding-bottom:8px;border-bottom:1px solid #eee}
.om-sm-dir-row{border-bottom:1px solid #eee!important;gap:8px!important}
.om-sm-dir-row .om-dir-person{flex:1;min-width:0}
.om-sm-dir-row .om-dir-person b,.om-sm-dir-row .om-dir-person small{overflow-wrap:anywhere}
.om-dir-pending{font-size:12px;color:#777;padding:7px}
@media(max-width:720px){
 .om-social-search-results{top:58px;width:calc(100vw - 12px);max-height:70dvh;border-radius:13px}
 .om-search-person{flex-wrap:wrap;gap:7px}
 .om-search-person-copy{min-width:calc(100% - 55px)}
 .om-search-person button{padding:8px 9px}
 .om-sm-directory{margin:8px 0!important;padding:12px!important}
}