/* Ozzoo midnight UI: mobile-first final overrides */
html,body.app-body{background:#080a12!important;color:#f3f4fa!important;max-width:100%;overflow-x:clip}
body.app-body .topbar,body.app-body .topbar-inner,body.app-body .app-shell,body.app-body .main-content{background:#080a12!important}
body.app-body .topbar-inner{width:100%;min-width:0;box-sizing:border-box}
body.app-body .top-left,body.app-body .top-right,body.app-body .top-search{min-width:0}
body.app-body .mobile-create{width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:50%!important;background:#0b0d16!important;border:3px solid #a58aff!important;box-shadow:none!important;transform:translateY(-8px)!important;color:#f7f5ff!important}
body.app-body .mobile-create .icon{width:33px!important;height:33px!important;stroke-width:2.1}
body.app-body .mobile-nav{height:calc(83px + env(safe-area-inset-bottom))!important;padding:7px 7px env(safe-area-inset-bottom)!important;gap:0!important;background:#0b0d16!important;border-top:1px solid #272839!important;box-shadow:none!important;justify-content:space-around!important}
body.app-body .mobile-nav a{min-width:0!important;flex:1 1 0!important;gap:5px!important;font-size:10px!important;color:#a5a7b9!important}
body.app-body .mobile-nav a .icon{width:29px!important;height:29px!important;stroke-width:2!important}
body.app-body .mobile-nav a.active{color:#b8a2ff!important}
body.app-body .post-card,body.app-body .feed-post,body.app-body .post-item{background:transparent!important;border-radius:0!important;box-shadow:none!important;border-left:0!important;border-right:0!important;border-top:0!important;border-bottom:1px solid #252737!important;margin-bottom:8px!important;padding-bottom:20px!important}
body.app-body .post-actions,body.app-body .feed-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-width:0!important}
body.app-body .post-actions button,body.app-body .post-actions a,body.app-body .feed-actions button{min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;overflow:hidden!important;font-size:12px!important}
body.app-body .post-actions .icon,body.app-body .feed-actions .icon{width:23px!important;height:23px!important;flex-shrink:0}
body.app-body .composer,body.app-body .panel,body.app-body .modal-content,body.app-body .notification-list{background:#10131e!important;color:#f3f4fa!important;border-color:#292b3d!important}
body.app-body input,body.app-body textarea,body.app-body select{background:#171a28!important;color:#f6f5ff!important;border-color:#34354b!important}
body.app-body .notification-item{background:transparent!important;color:#e8e8f4!important;border-bottom:1px solid #292b3d!important}
body.app-body .notification-item.unread{background:#1c1930!important}
body.app-body .buzz-delete-form{bottom:22px!important;left:50%!important;transform:translateX(-50%);width:max-content;max-width:90%}
body.app-body .buzz-delete-form .btn{background:#2a1322!important;color:#ffc6d7!important;border:1px solid #ab5575!important;border-radius:30px!important}
@media(max-width:770px){
 body.app-body .topbar{height:65px!important;width:100%!important}
 body.app-body .topbar-inner{height:65px!important;padding:0 10px!important;gap:7px!important}
 body.app-body .top-left{flex:0 1 auto!important;max-width:35%!important}
 body.app-body .brand-logo{max-width:100%!important;height:auto!important;max-height:34px!important}
 body.app-body .top-search{flex:1 1 30px!important;width:auto!important;max-width:none!important;padding:0 8px!important}
 body.app-body .top-search input{width:100%!important;min-width:0!important}
 body.app-body .top-right{flex:0 0 auto!important;gap:5px!important}
 body.app-body .top-link{padding:5px!important}
 body.app-body .top-profile .avatar{width:34px!important;height:34px!important}
 body.app-body .app-shell{padding:10px 9px calc(110px + env(safe-area-inset-bottom))!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
 body.app-body .main-content{width:100%!important;max-width:100%!important;min-width:0!important}
 body.app-body .composer-bottom{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 body.app-body .composer-bottom button{flex:1 1 auto!important;min-width:0!important;font-size:11px!important}
 body.app-body .post-card,body.app-body .feed-post,body.app-body .post-item{padding-left:3px!important;padding-right:3px!important}
 body.app-body .reaction-picker{max-width:calc(100vw - 22px)!important;left:0!important;right:auto!important}
 body.app-body .modal,body.app-body .modal-content{max-width:100vw!important}
}
@media(max-width:360px){body.app-body .top-left{max-width:31%!important}body.app-body .top-profile{display:none!important}body.app-body .mobile-nav a{font-size:9px!important}body.app-body .mobile-create{width:60px!important;height:60px!important;flex-basis:60px!important}}