/* v18 UX/UI Polish & Beta Ready */
:root{
  --madoo-primary:#2563eb;
  --madoo-primary-dark:#1d4ed8;
  --madoo-accent:#f59e0b;
  --madoo-success:#10b981;
  --madoo-danger:#ef4444;
  --madoo-soft:#f8fafc;
  --madoo-border:rgba(15,23,42,.08);
  --madoo-shadow:0 14px 40px rgba(15,23,42,.08);
  --madoo-radius:22px;
}
html{scroll-behavior:smooth} body{font-feature-settings:"tnum" 1;}
.community-body{background:linear-gradient(180deg,#f6f9ff 0%,#eef4ff 52%,#f8fafc 100%);color:#0f172a;}
.community-navbar,.navbar.bg-white{backdrop-filter:blur(14px);background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--madoo-border)!important;box-shadow:0 8px 28px rgba(15,23,42,.04)!important;}
.navbar-brand{letter-spacing:-.03em}.nav-link,.navbar .btn{border-radius:999px}.navbar .btn-sm{padding:.38rem .7rem}.navbar .nav-link.active{font-weight:800;color:var(--madoo-primary)!important;background:#eff6ff}.navbar .nav-link:hover{background:#f1f5f9}.btn{border-radius:14px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--madoo-primary),#7c3aed);border:0;box-shadow:0 8px 18px rgba(37,99,235,.20)}.btn-primary:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-outline-primary{border-color:#bfdbfe;color:var(--madoo-primary)}.btn-outline-primary:hover{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.btn-warning{background:linear-gradient(135deg,#fde68a,#f59e0b);border:0;color:#422006!important}.btn-success{background:linear-gradient(135deg,#34d399,#059669);border:0}.btn-danger{background:linear-gradient(135deg,#fb7185,#dc2626);border:0}.form-control,.form-select{border-radius:14px;border-color:#e2e8f0;padding:.7rem .9rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(37,99,235,.12);border-color:#93c5fd}.community-card,.stat-card,.online-member-card,.room-card,.profile-action-card,.card,.chat-panel,.user-list,.room-chat-main,.room-users-panel{border-radius:var(--madoo-radius)!important;border:1px solid var(--madoo-border)!important;box-shadow:var(--madoo-shadow)!important;background:rgba(255,255,255,.96)!important}.community-card:hover,.online-member-card:hover,.room-card:hover{box-shadow:0 18px 44px rgba(15,23,42,.11)!important}.hero-community{padding:58px 42px;border-radius:32px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.28),transparent 30%),linear-gradient(135deg,#1d4ed8 0%,#7c3aed 50%,#db2777 100%);box-shadow:0 24px 70px rgba(37,99,235,.28)}.hero-community .lead{color:rgba(255,255,255,.86)}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-22px;bottom:-34px;width:110px;height:110px;border-radius:50%;background:rgba(37,99,235,.07)}.stat-number{letter-spacing:-.04em}.member-avatar-lg,.member-avatar-md,.profile-img,.feed-avatar,.comment-avatar,.room-message-avatar,.room-user-item img,.public-profile-avatar{background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.10)}.online-dot,.offline-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.online-dot{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.offline-dot{background:#94a3b8}.madoo-empty{border:1px dashed #cbd5e1;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:22px;padding:28px;text-align:center;color:#64748b}.madoo-empty .icon{font-size:2.4rem;display:block;margin-bottom:.5rem}.madoo-section-title{display:flex;align-items:center;gap:.65rem;font-weight:900;letter-spacing:-.03em}.madoo-section-title:before{content:"";display:block;width:8px;height:26px;border-radius:999px;background:linear-gradient(180deg,var(--madoo-primary),#7c3aed)}.v18-kpi-card{background:#fff;border:1px solid var(--madoo-border);border-radius:22px;padding:18px;box-shadow:var(--madoo-shadow);height:100%}.v18-kpi-card .icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eff6ff;font-size:1.45rem}.v18-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v18-quick-action{background:#fff;border:1px solid var(--madoo-border);border-radius:18px;padding:16px;text-decoration:none;color:#0f172a;box-shadow:0 8px 26px rgba(15,23,42,.06);transition:.15s ease}.v18-quick-action:hover{transform:translateY(-2px);color:var(--madoo-primary);box-shadow:0 18px 40px rgba(15,23,42,.1)}.v18-quick-action .icon{font-size:1.8rem;display:block;margin-bottom:6px}.feed-post{transition:.15s ease}.feed-post:hover{box-shadow:0 20px 48px rgba(15,23,42,.10)!important}.composer-input{min-height:110px}.feed-actions{position:sticky;bottom:0;background:#fff;z-index:1}.comment-bubble{background:#f8fafc;border:1px solid #edf2f7}.room-chat-main{overflow:hidden}.room-messages-box{background:linear-gradient(180deg,#f8fbff,#fff)}.room-message-bubble{box-shadow:0 4px 14px rgba(15,23,42,.06)}.chat-wrapper{height:calc(100vh - 92px)}.chat-panel,.user-list{height:100%;overflow:hidden}.user-list{overflow-y:auto}.user-row{border-radius:16px;padding:.75rem!important;border-bottom:0!important;margin-bottom:.35rem}.user-row:hover{background:#f8fafc}.chat-image-preview-card{border:1px solid #dbeafe!important;background:#eff6ff!important;border-radius:18px!important}.vip-hero{box-shadow:0 24px 70px rgba(245,158,11,.22)}.vip-card{transition:.16s ease}.vip-card:hover{transform:translateY(-3px)}.v18-mobile-nav{display:none}.v18-beta-ribbon{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 12px 32px rgba(15,23,42,.14)}.v18-loading{position:relative;pointer-events:none;opacity:.72}.v18-loading:after{content:"";width:16px;height:16px;margin-left:8px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;display:inline-block;vertical-align:-3px;animation:v18spin .8s linear infinite}@keyframes v18spin{to{transform:rotate(360deg)}}.v18-img-fluid{max-width:100%;height:auto}.v18-skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:v18sk 1.2s infinite}@keyframes v18sk{to{background-position:-200% 0}}
@media(max-width:991px){.v18-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar .container,.navbar .container-fluid{gap:8px}.navbar .d-flex.gap-2,.navbar .ms-auto.d-flex{gap:6px!important}.navbar .btn-sm{font-size:.78rem;padding:.32rem .55rem}.hero-community{padding:42px 26px}.sticky-feed-sidebar{display:none}.room-chat-layout{height:auto}.chat-wrapper{height:auto}.chat-panel{min-height:360px}.user-list{max-height:45vh}}
@media(max-width:767px){body.community-body{padding-bottom:76px}.container,.container-fluid{padding-left:14px;padding-right:14px}.hero-community{border-radius:22px;padding:30px 20px}.hero-community h1,.display-6{font-size:1.72rem}.lead{font-size:1rem}.v18-quick-actions{grid-template-columns:1fr 1fr}.v18-quick-action{padding:13px}.stat-card{padding:16px}.community-card,.online-member-card,.room-card,.profile-action-card,.card{border-radius:18px!important}.feed-page{padding-top:12px}.feed-image{max-height:420px}.room-chat-main{height:calc(100vh - 142px)}.room-users-panel{display:none}.chat-panel{display:none!important}.user-row{align-items:flex-start!important;gap:8px}.user-row .btn-group{flex-direction:column}.user-row .btn-group .btn{border-radius:12px!important;margin-bottom:4px}.v18-mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:1060;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border:1px solid rgba(15,23,42,.1);border-radius:22px;padding:8px;box-shadow:0 18px 50px rgba(15,23,42,.18)}.v18-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#64748b;font-size:11px;font-weight:800;border-radius:16px;padding:6px 2px}.v18-mobile-nav a.active,.v18-mobile-nav a:hover{background:#eff6ff;color:var(--madoo-primary)}.v18-mobile-nav .ico{font-size:19px}.navbar.sticky-top{top:0}.navbar .navbar-collapse{padding-top:10px}.profile-cover.profile-cover-tall{height:155px}.public-profile-avatar{width:112px;height:112px;margin-top:-56px}.madoo-ad-card{border-radius:18px}.madoo-ad-info small{display:none}}
@media(max-width:420px){.v18-quick-actions{grid-template-columns:1fr}.btn{font-size:.9rem}.navbar-brand{font-size:1rem}.feed-actions .btn{font-size:.82rem;padding:.45rem .4rem}.composer-input{min-height:90px}}


/* v18.1: Home feed integration */
.home-feed-wrap .feed-page { margin-top: 0; }
.home-feed-wrap .feed-page .row { justify-content: center; }
.home-feed-wrap .composer-card { border: 1px solid rgba(13,110,253,.12); }
@media (max-width: 768px) {
  .home-feed-wrap .feed-post, .home-feed-wrap .composer-card { border-radius: 18px; }
  .home-feed-wrap .feed-actions { gap: .35rem; }
}