/* RedFeed — logo, stories (topo), acentos */

/* Logo — sem caixa rosa */
.rf-logo-mark,
body.rf-desktop-ui .rf-desktop-rail-mark {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

.rf-logo-mark img,
body.rf-desktop-ui .rf-desktop-rail-mark img {
  filter: drop-shadow(0 2px 8px rgba(255, 23, 77, 0.18)) !important;
}

html[data-rf-theme="light"] .rf-logo-mark,
html[data-rf-theme="light"] body.rf-desktop-ui .rf-desktop-rail-mark {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.07) !important;
}

html[data-rf-theme="light"] .rf-logo-mark img,
html[data-rf-theme="light"] body.rf-desktop-ui .rf-desktop-rail-mark img {
  filter: none !important;
}

/* Stories — anel Instagram: paleta Crimson Ember (vermelho marca + coral + âmbar) */
.rf-stories .rf-story-ring {
  position: relative;
  padding: 2.5px !important;
  background: conic-gradient(
    from 210deg,
    #ff174d 0deg,
    #ff4d6d 34deg,
    #ff7a59 68deg,
    #ffb347 102deg,
    #ffc857 136deg,
    #ff6b5a 172deg,
    #e11d48 208deg,
    #be123c 244deg,
    #ff4569 290deg,
    #ff174d 360deg
  ) !important;
  box-shadow:
    0 4px 14px rgba(255, 23, 77, 0.2),
    0 4px 12px rgba(190, 18, 60, 0.12) !important;
}

.rf-stories .rf-story-inner {
  border: 2.5px solid #fff !important;
  box-sizing: border-box;
  background: #0d0d12 !important;
}

.rf-stories .rf-story-create .rf-story-ring {
  background: conic-gradient(
    from 210deg,
    #ff174d 0deg,
    #ff5c7a 38deg,
    #ff9f43 78deg,
    #ffd166 118deg,
    #ff6b5a 158deg,
    #e11d48 198deg,
    #c41e3a 238deg,
    #ff174d 360deg
  ) !important;
  box-shadow:
    0 5px 16px rgba(255, 23, 77, 0.24),
    0 5px 14px rgba(225, 29, 72, 0.14) !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-ring {
  background: conic-gradient(
    from 210deg,
    #e11d48 0deg,
    #f43f5e 36deg,
    #fb7185 72deg,
    #fdba74 108deg,
    #fbbf24 142deg,
    #f97316 176deg,
    #e11d48 212deg,
    #9f1239 248deg,
    #be123c 286deg,
    #e11d48 360deg
  ) !important;
  box-shadow:
    0 3px 12px rgba(190, 18, 60, 0.12),
    0 3px 10px rgba(249, 115, 22, 0.08) !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-create .rf-story-ring {
  background: conic-gradient(
    from 210deg,
    #ff174d 0deg,
    #f43f5e 40deg,
    #fb923c 82deg,
    #fbbf24 124deg,
    #f97316 166deg,
    #e11d48 208deg,
    #be123c 250deg,
    #ff174d 360deg
  ) !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-inner {
  background: #fff !important;
  border: 2.5px solid #fff !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-inner i {
  color: #ff174d !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-create .rf-story-inner i {
  color: #ff174d !important;
  filter: none;
}

/* Botão Painel / Entrar — crimson sólido (marca RedFeed) */
.rf-header-inner a.rf-panel-btn[href*="dashboard"],
.rf-header-inner a.rf-panel-btn[href*="login"] {
  background: linear-gradient(135deg, #e11d48 0%, #9f1239 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(190, 18, 60, 0.32) !important;
}

.rf-header-inner a.rf-panel-btn[href*="dashboard"]:hover,
.rf-header-inner a.rf-panel-btn[href*="login"]:hover {
  background: linear-gradient(135deg, #f43f5e 0%, #be123c 100%) !important;
  box-shadow: 0 10px 26px rgba(190, 18, 60, 0.38) !important;
}

.rf-header-inner a.rf-panel-btn[href*="dashboard"] i,
.rf-header-inner a.rf-panel-btn[href*="login"] i {
  color: #fff !important;
}

html:not([data-rf-theme="light"]) .rf-header-inner .rf-theme-toggle-btn,
html:not([data-rf-theme="light"]) .rf-header-inner .rf-notif-btn,
html:not([data-rf-theme="light"]) .rf-header-inner a.rf-panel-btn[href*="logout"] {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ececf4 !important;
  box-shadow: none !important;
}

html:not([data-rf-theme="light"]) .rf-header-inner .rf-theme-toggle-btn:hover,
html:not([data-rf-theme="light"]) .rf-header-inner .rf-notif-btn:hover,
html:not([data-rf-theme="light"]) .rf-header-inner a.rf-panel-btn[href*="logout"]:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* Mensagens — sem neon lavando foto do header */
html[data-rf-messages-page="1"] .rf-shell::before {
  opacity: 0.28;
}

body.rf-dm-thread-open .rf-shell::before {
  display: none !important;
}

/* Neon topo — dark: mais vivo, sem lavar o header */
html:not([data-rf-theme="light"]) body.rf-redfeed-home .rf-shell::before,
html[data-rf-native-app="1"]:not([data-rf-theme="light"]) .rf-shell::before {
  background:
    radial-gradient(ellipse 130% 100% at 12% -20%, rgba(255, 23, 77, 0.42), transparent 58%),
    radial-gradient(ellipse 88% 72% at 4% 0%, rgba(255, 46, 166, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 94% -8%, rgba(140, 50, 200, 0.12), transparent 48%) !important;
}

/* Desktop mini reels — video poster fallback */
.rf-desktop-mini-reel-thumb.has-vid-fallback {
  background: #0c0c12;
}

.rf-desktop-mini-reel-vid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  background: #0c0c12;
}

body.rf-desktop-ui .rf-desktop-mini-reel-thumb i {
  z-index: 2;
}