/* MF FIX: (1) chat thread me bottom mobile menu wapas, (2) Android app "More" drawer = website brand colour.
   Ye file sabse last load hoti hai; sirf mobile/app par asar karti hai. Desktop/website drawer untouched. */
@media (max-width: 900px) {
  body.friende-chat-immersive:has(.friende-messenger-app) { --friende-chat-bottomnav-h: calc(70px + var(--fp-safe-b, 0px)); }
  body.friende-chat-immersive:has(.friende-messenger-app) .friende-mobile-nav { display: flex !important; }
  body.friende-chat-immersive:has(.friende-messenger-app) main {
    height: calc(100dvh - var(--friende-chat-topbar-h) - var(--friende-chat-bottomnav-h)) !important;
  }
  body.friende-chat-immersive:has(.friende-messenger-app) .friende-chat-input { padding-bottom: 8px !important; }
  /* Keyboard khula ho to menu chhup jaye taake typing jagah na ghere */
  body.friende-chat-immersive:has(.friende-chat-input textarea:focus),
  body.friende-chat-immersive:has(.friende-chat-input input:focus) { --friende-chat-bottomnav-h: 0px; }
  body.friende-chat-immersive:has(.friende-chat-input textarea:focus) .friende-mobile-nav,
  body.friende-chat-immersive:has(.friende-chat-input input:focus) .friende-mobile-nav { display: none !important; }
}
/* App "More" drawer: dashboard "Welcome back" banner jaisa brand gradient (fully opaque) */
html.friendse-app body > .friende-more-portal > .friende-more-sheet {
  background:
    radial-gradient(circle at calc(100% - 45px) 25px, transparent 0, transparent 87px, color-mix(in srgb, var(--c-primary) 12%, transparent) 87px, color-mix(in srgb, var(--c-primary) 12%, transparent) 115px, transparent 115px),
    radial-gradient(120% 60% at 100% 0%, color-mix(in srgb, var(--c-primary) 26%, transparent) 0%, transparent 70%),
    radial-gradient(110% 60% at 0% 100%, color-mix(in srgb, var(--c-primary) 16%, transparent) 0%, transparent 70%),
    var(--c-surface) !important;
  border-left: 1px solid var(--c-border);
}
html.friendse-app body > .friende-more-portal > .friende-more-sheet .friende-more-grid a {
  background: color-mix(in srgb, var(--c-surface) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--c-primary) 14%, var(--c-border));
}

/* FPSTORYPREV: brand story arrows */
.friende-story-row-wrap{position:relative}
.fp-story-arrow,.fx-tray-nav{width:34px!important;height:34px!important;border-radius:50%!important;border:2px solid #fff!important;background:linear-gradient(135deg,#2563eb,#111A3D)!important;color:#fff!important;font-size:20px!important;line-height:1!important;padding:0!important;box-shadow:0 4px 12px rgba(17,26,61,.35)!important;cursor:pointer}
.fp-story-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;transition:transform .15s}
.fp-story-arrow:hover{transform:translateY(-50%) scale(1.08)}
.fp-story-arrow.prev{left:4px}
.fp-story-arrow.next{right:4px}
.fp-story-arrow[hidden]{display:none}
@media(max-width:640px){.fp-story-arrow,.fx-tray-nav{width:30px!important;height:30px!important;font-size:18px!important}}