/* =============================================================================
   brand-fetchado.css — identidade FETCHADO ("Menos busca. Mais negócio.")
   -----------------------------------------------------------------------------
   Camada de marca carregada DEPOIS de style.css/mobile.css em todas as telas.
   Só redefine tokens --pl-* (o app inteiro já pinta por eles) e corrige o que
   ainda tinha cor de marca antiga fixa. Para desfazer o rebrand: tirar o <link>.

   Paleta do manual:
     Laranja principal #F4510B · Preto #171717 · Off White #F7F7F5
     Cinza #737373 · Cinza claro #E5E5E5
   Tipografia: Manrope (títulos e destaques) · Inter (textos e interface)

   Contraste: #F4510B sobre o off-white dá ~3.3:1 — serve para fundo de botão,
   ícone e destaque grande, NÃO para texto corrido. Laranja como TEXTO usa
   --pl-blue-text (#C2410C no claro, ~5.2:1). O nome "blue" dos tokens é legado:
   --pl-blue é a cor PRIMÁRIA, seja ela qual for.

   Especificidade: o theme-polaris.css é injetado pelo app.js no fim do <head>
   (depois deste arquivo), então os seletores escuros aqui levam `html` na frente
   para vencer `body.design-polaris` sem !important.
   ============================================================================= */

/* ============================================================
   1) CLARO — padrão do app
   ============================================================ */
:root {
  --pl-blue:        #F4510B;   /* Laranja principal — primária */
  --pl-blue-navy:   #D9430A;   /* hover/pressionado */
  --pl-blue-soft:   #FDECE3;   /* fundo de destaque suave */
  --pl-blue-sky:    #FF8A57;
  --pl-blue-text:   #C2410C;   /* laranja como TEXTO (AA no claro) */
  --pl-info:        #F4510B;
  --pl-info-soft:   #FDECE3;

  --pl-charcoal:    #171717;   /* Preto */
  --pl-gray-900:    #262626;
  --pl-gray-700:    #4A4A4A;
  --pl-gray-600:    #5E5E5E;
  --pl-gray-500:    #6B6B6B;   /* texto secundário — o #737373 do manual dá 4.4:1 no off-white */
  --pl-gray-400:    #9A9A9A;
  --pl-gray-300:    #D4D4D4;
  --pl-gray-200:    #E5E5E5;   /* Cinza claro — bordas */
  --pl-gray-100:    #EFEFED;
  --pl-bg:          #F7F7F5;   /* Off White */
  --pl-white:       #FFFFFF;

  --pl-danger:      #C0392B;
  --pl-danger-dark: #B42318;

  /* Funil: rampa sequencial do laranja ao preto (cada degrau >= 3:1 no card branco) */
  --pl-funnel-1:    #E8681F;
  --pl-funnel-2:    #D4520C;
  --pl-funnel-3:    #B0420A;
  --pl-funnel-4:    #7A2E08;
  --pl-funnel-5:    #171717;
  --pl-chart-alto:  #F4510B;

  --pl-r-lg: 10px;
  --pl-r-xl: 14px;

  --pl-shadow-sm: 0 1px 2px rgba(23, 23, 23, 0.06);
  --pl-shadow:    0 2px 8px rgba(23, 23, 23, 0.07);
  --pl-shadow-lg: 0 12px 32px rgba(23, 23, 23, 0.12);

  --pl-font:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --pl-font-display: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* O claro "Packless" (body.design-padrao) tem tokens próprios no theme-polaris.css:
   canvas azulado #EEF1F5 e verdes teal. Canvas volta ao Off White; o verde fica como
   cor de SUCESSO (semântica), num tom que conversa com o laranja e passa AA. */
html body.design-padrao {
  --pl-bg:          #F7F7F5;
  --pl-green:       #1F9D57;
  --pl-green-lime:  #3FB97A;
  --pl-green-dark:  #15803D;   /* texto e fundo com texto branco: 5.0:1 */
  --pl-green-soft:  #E7F5EC;
  --pl-success:     #15803D;
}
html body.design-padrao .sidebar { box-shadow: 0 8px 28px rgba(23, 23, 23, .07); }
html body.design-padrao .sidebar:hover { box-shadow: 0 18px 48px rgba(23, 23, 23, .12); }

/* ============================================================
   2) ESCURO — vale para os dois escuros do app:
      body.theme-dark (claro/escuro do base) e body.design-polaris (seletor "Padrão")
   ============================================================ */
html body.theme-dark,
html body.design-polaris {
  --pl-blue:        #F4510B;
  --pl-blue-navy:   #FF6A2B;   /* no escuro o hover CLAREIA */
  --pl-blue-soft:   #2E1A10;
  --pl-blue-sky:    #FF8A57;
  --pl-blue-text:   #FF7A3D;   /* laranja como texto sobre o preto */
  --pl-info:        #F4510B;
  --pl-info-soft:   #2E1A10;

  --pl-charcoal:    #F7F7F5;
  --pl-gray-900:    #E5E5E5;
  --pl-gray-700:    #C4C4C4;
  --pl-gray-600:    #B0B0B0;
  --pl-gray-500:    #9C9C9C;
  --pl-gray-400:    #858585;
  --pl-gray-300:    #424242;
  --pl-gray-200:    #2E2E2E;
  --pl-gray-100:    #232323;
  --pl-bg:          #111111;
  --pl-white:       #1B1B1B;   /* card/painel */

  --pl-funnel-1:    #8F3A10;
  --pl-funnel-2:    #C24A10;
  --pl-funnel-3:    #F4510B;
  --pl-funnel-4:    #FF8A57;
  --pl-funnel-5:    #FFC2A3;
  --pl-chart-alto:  #FF7A3D;

  --pl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --pl-shadow:    0 4px 16px rgba(0, 0, 0, 0.5);
  --pl-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
}

/* O tema Polaris tinha acento azul elétrico + teal e vidro azulado. */
html body.design-polaris {
  --pl-green:       #3FB97A;
  --pl-green-lime:  #5CCB91;
  --pl-green-dark:  #2E9C63;
  --pl-green-soft:  #12271B;
  --pl-success:     #3FB97A;

  --pl-glass-bg:     rgba(27, 27, 27, 0.72);
  --pl-glass-border: rgba(255, 255, 255, 0.08);
  --pl-glass-hi:     rgba(255, 255, 255, 0.06);

  background: var(--pl-bg);
}

/* Peças que misturavam primária + "verde" num gradiente. O verde da marca antiga
   virou branco no base, então o ícone .ico-green sumia (branco no card branco). */
html body .help-fab {
  background: linear-gradient(135deg, #F4510B 0%, #D9430A 100%);
  box-shadow: 0 8px 22px rgba(244, 81, 11, .32);
}
html body .stat-ico.ico-green {
  background: linear-gradient(135deg, #2A2A2A 0%, #171717 100%);
  color: #FFFFFF;
}
html body .stat-ico.ico-green .icon,
html body .stat-ico.ico-green svg { color: #FFFFFF; stroke: currentColor; }

/* Ações da Polly (.pl-ai-btn) e de "sucesso" (.btn-success) eram verdes — num app
   laranja viravam uma segunda cor primária disputando atenção. Viram o PRETO da
   marca (a secundária do manual); no escuro, a versão negativa (off-white). */
html body .btn-success,
html body .pl-ai-btn {
  background: #171717; border-color: #171717; color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(23, 23, 23, .18);
}
html body .btn-success:hover,
html body .pl-ai-btn:hover { background: #2E2E2E; border-color: #2E2E2E; }
html body.design-padrao .pl-ai-btn,
html body .btn-success *, html body .pl-ai-btn * { color: #FFFFFF !important; }
html body.design-padrao .pl-ai-btn .icon,
html body.design-padrao .pl-ai-btn svg,
html body .btn-success svg { stroke: #FFFFFF !important; }

html body.theme-dark .btn-success, html body.theme-dark .pl-ai-btn,
html body.design-polaris .btn-success, html body.design-polaris .pl-ai-btn {
  background: #F7F7F5 !important; border-color: #F7F7F5 !important; box-shadow: none !important;
}
html body.theme-dark .btn-success *, html body.theme-dark .pl-ai-btn *,
html body.design-polaris .btn-success *, html body.design-polaris .pl-ai-btn * { color: #171717 !important; }
html body.theme-dark .btn-success svg, html body.theme-dark .pl-ai-btn svg,
html body.design-polaris .btn-success svg, html body.design-polaris .pl-ai-btn svg { stroke: #171717 !important; }

/* Texto em gradiente da Polly ("sua mente?"): era verde/lima no claro. */
html body .polly-greet .grad,
html body .grad {
  background: linear-gradient(90deg, #F4510B, #FF8A57);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* Selo "Sugestão da Polly": gradiente primária→verde vira laranja sólido. */
html body .ai-pill { background: #F4510B; color: #FFFFFF; }

/* Varredura de "Polly escrevendo" no editor: era lima + azul. */
html body .pl-aiwrap.pl-rewriting { box-shadow: 0 0 0 2px rgba(244, 81, 11, .45), 0 18px 50px rgba(23, 23, 23, .12); }
html body .pl-aiwrap.pl-rewriting::before {
  background: linear-gradient(90deg, transparent, #FF8A57, #F4510B, transparent);
  background-size: 200% 100%;
}
html body .pl-aiwrap.pl-rewriting::after {
  background: linear-gradient(105deg, transparent 30%, rgba(244, 81, 11, .10) 50%, transparent 70%);
  background-size: 220% 100%;
}
html body textarea.pl-typing { caret-color: #F4510B; }
html body textarea.pl-typing::selection { background: rgba(244, 81, 11, .25); }

/* Relatório: o hero é laranja cheio; os números em verde (receita) sumiam nele. */
html body .rel-hero .rh-s .v { color: #FFFFFF !important; }
html body .rel-hero .rel-hero-actions .btn-success { background: #171717; }

/* --- Escuro "Polaris": a estética era PRATA (botão primário branco com glow, FAB
   grafite com ícone ciano, gradientes ciano→violeta, logo invertido). Várias regras
   lá usam !important, então aqui também — só onde o original obriga. --- */
html body.design-polaris .sidebar-brand img { filter: none; }
html body.design-polaris .btn-primary {
  background: #F4510B; color: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0 8px 22px rgba(244, 81, 11, .28);
}
html body.design-polaris .btn-primary:hover { background: #FF6A2B; box-shadow: 0 10px 28px rgba(244, 81, 11, .38); }
html body.design-polaris .btn-primary,
html body.design-polaris .btn-primary * { color: #FFFFFF !important; }
html body.design-polaris .btn-primary .icon,
html body.design-polaris .btn-primary svg { stroke: #FFFFFF !important; }

html body.design-polaris .help-fab {
  background: linear-gradient(135deg, #F4510B 0%, #D9430A 100%) !important;
  box-shadow: 0 8px 24px rgba(244, 81, 11, .35) !important;
}
html body.design-polaris .help-fab svg { stroke: #FFFFFF !important; }
html body.design-polaris .help-fab:hover { background: #FF6A2B !important; }

html body.design-polaris .polly-greet .grad,
html body.design-polaris .grad {
  background: linear-gradient(90deg, #F4510B, #FF9A66) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
}
html body.design-polaris ::selection { background: rgba(244, 81, 11, .35); color: #fff; }

/* ícones dos cards: no escuro ficavam grafite; o traço vira laranja */
html body.design-polaris .stat-ico .icon,
html body.design-polaris .stat-ico svg { color: #FF7A3D; stroke: currentColor; }

/* ============================================================
   3) TIPOGRAFIA — Manrope nos títulos
   ============================================================ */
h1, h2, h3,
.page-title, .topbar h1, .section-title, .card-title,
.kpi .value, .stat .value,
.sidebar-brand .brand-name {
  font-family: var(--pl-font-display);
  letter-spacing: -0.02em;
}

/* ============================================================
   4) MARCA NO MENU LATERAL — símbolo F + wordmark
   ============================================================ */
.sidebar-brand img { width: 34px; height: 34px; border-radius: 8px; filter: none; }
html body.theme-dark .sidebar-brand img { filter: none; }
.sidebar-brand .brand-name {
  font-weight: 800;
  font-size: 19px;
  color: var(--pl-blue);
  letter-spacing: -0.04em;
}
.sidebar-brand .brand-sub { display: none; }

/* ============================================================
   5) COMPONENTES GLOBAIS — os que o app.js injeta em toda tela
   ------------------------------------------------------------
   Painel e balão da Polly, toasts, diálogos (PL.confirm / PL.prompt)
   e o modal de planos (asn-assinatura.js). Ficam aqui, e não no
   fx-ui.css, porque aparecem também nas telas de acesso (fx-auth).
   Mesma linguagem: branco, borda fina, título serifado, laranja só
   como acento; a Polly é a bolinha laranja da tela do Agente.
   ============================================================ */

/* --- Polly: botão flutuante --- */
html body .help-fab { background: #262626 !important; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; }
html body .help-fab:hover { background: #111111 !important; }
html body .help-fab .help-dot { background: #F4510B !important; border-color: #FFFFFF !important; box-shadow: none !important; }

/* --- Polly: painel de conversa --- */
html body .help-panel { background: #FFFFFF !important; border: 1px solid #EDEDEB !important; border-radius: 18px !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.02), 0 24px 60px rgba(0,0,0,.14) !important; }
html body .help-panel-head { background: #FFFFFF !important; color: #1F1F1F !important; border-bottom: 1px solid #F0F0EE !important; }
html body .help-panel-head::after { display: none !important; }
html body .help-panel .hp-avatar { background: radial-gradient(circle at 32% 28%, #FF9A66, #F4510B 60%) !important; color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(244,81,11,.28) !important; font-weight: 600 !important; }
html body .help-panel .hp-avatar::after { background: #22A06B !important; border-color: #FFFFFF !important; }
html body .help-panel .hp-info h4 { font-family: 'Newsreader', Georgia, serif !important; font-weight: 400 !important; font-size: 19px !important; color: #1F1F1F !important; }
html body .help-panel .hp-ai-tag { background: #F2F2F0 !important; color: #6B6B6B !important; font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 9.5px !important; font-weight: 600 !important; letter-spacing: .06em !important; vertical-align: 3px; }
html body .help-panel .hp-sub { color: #8A8A8A !important; opacity: 1 !important; }
html body .help-panel .hp-sub::before { background: #22A06B !important; }
html body .help-panel .hp-close { color: #6B6B6B !important; opacity: 1 !important; }
html body .help-panel .hp-close:hover { background: #F2F2F0 !important; color: #1F1F1F !important; }
html body .help-panel-body { background: #FAFAF9 !important; }
html body .help-panel .chat-msg-avatar { border-radius: 50% !important; font-weight: 600 !important; }
html body .help-panel .chat-msg.polly .chat-msg-avatar { background: radial-gradient(circle at 32% 28%, #FF9A66, #F4510B 60%) !important; color: #FFFFFF !important; border: 0 !important; box-shadow: none !important; }
html body .help-panel .chat-msg.user .chat-msg-avatar { background: #E8E8E6 !important; color: #4A4A4A !important; }
html body .help-panel .chat-msg.polly .chat-msg-bubble { background: #FFFFFF !important; color: #1F1F1F !important; border: 1px solid #EDEDEB !important; box-shadow: none !important; }
html body .help-panel .chat-msg.user .chat-msg-bubble { background: #262626 !important; color: #FFFFFF !important; border: 0 !important; }
html body .help-panel .chat-msg-bubble a { color: #C2410C !important; }
html body .help-panel .chat-msg.user .chat-msg-bubble a { color: #FFB38F !important; }
html body .help-panel .chat-suggestion { background: #FFFFFF !important; border: 1px solid #E5E5E5 !important; color: #4A4A4A !important; box-shadow: none !important; }
html body .help-panel .chat-suggestion:hover { border-color: #F4510B !important; color: #1F1F1F !important; }
html body .help-panel-foot { background: #FFFFFF !important; border-top: 1px solid #F0F0EE !important; }
html body .help-panel-foot input { background: #FFFFFF !important; border: 1px solid #E5E5E5 !important; border-radius: 10px !important; color: #1F1F1F !important; caret-color: #F4510B; }
html body .help-panel-foot input:focus { border-color: #F4510B !important; box-shadow: 0 0 0 4px rgba(244,81,11,.12) !important; outline: none; }
html body .help-panel-foot .btn { background: #262626 !important; border-color: #262626 !important; color: #FFFFFF !important; border-radius: 10px !important; box-shadow: none !important; }
html body .help-panel-foot .btn:hover { background: #111111 !important; }

/* --- Polly: balão proativo (ancorado no botão) --- */
html body .pl-polly-bubble { border: 1px solid #EDEDEB !important; border-radius: 16px !important; box-shadow: 0 18px 44px rgba(0,0,0,.12) !important; background: #FFFFFF !important; }
html body .pl-polly-bubble::after { background: #FFFFFF !important; border-color: #EDEDEB !important; }
html body .pl-polly-bubble .ppb-avatar { background: radial-gradient(circle at 32% 28%, #FF9A66, #F4510B 60%) !important; color: #FFFFFF !important;
  box-shadow: 0 3px 8px rgba(244,81,11,.28) !important; font-weight: 600 !important; }
html body .pl-polly-bubble .ppb-head b { font-family: 'Newsreader', Georgia, serif; font-weight: 400; font-size: 16px; color: #1F1F1F !important; }
html body .pl-polly-bubble .ppb-tag { background: #F2F2F0 !important; color: #6B6B6B !important; font-weight: 600 !important; }
html body .pl-polly-bubble .ppb-text { color: #4A4A4A !important; font-size: 13.5px !important; }
html body .pl-polly-bubble .ppb-nomore { color: #8A8A8A !important; }
html body .pl-polly-bubble .ppb-nomore input { accent-color: #F4510B !important; }

/* --- botão "a Polly escreve" (✦) --- */
html body .pl-ai-btn { background: #262626 !important; color: #FFFFFF !important; font-weight: 600 !important; letter-spacing: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; }
html body .pl-ai-btn:hover { background: #111111 !important; box-shadow: 0 6px 16px rgba(0,0,0,.18) !important; filter: none !important; }
html body .pl-ai-btn .icon { color: #FF8A52; stroke: #FF8A52 !important; }

/* --- toasts: pílula escura; a cor fica só no ícone --- */
html body .toast, html body .toast.success, html body .toast.danger, html body .toast.info, html body .toast.warn {
  background: #1F1F1F !important; color: #FFFFFF !important; border: 0 !important; border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.22) !important; font-weight: 500 !important; font-size: 13.5px !important; padding: 12px 16px !important; }
html body .toast svg { flex: 0 0 auto; }
html body .toast.success svg { color: #4ADE80; }
html body .toast.danger svg { color: #F87171; }
html body .toast.info svg { color: #FF8A52; }
html body .toast.warn svg { color: #FBBF24; }

/* --- diálogos: PL.confirm, PL.prompt e afins --- */
html body .pl-modal-overlay { background: rgba(23,23,23,.38) !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
html body .pl-modal { background: #FFFFFF !important; border: 1px solid #EDEDEB !important; border-radius: 18px !important; padding: 28px 28px 24px !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.02), 0 24px 60px rgba(0,0,0,.16) !important; }
html body .pl-modal-title { font-family: 'Newsreader', Georgia, serif !important; font-weight: 400 !important; font-size: 25px !important;
  line-height: 1.2 !important; letter-spacing: -0.01em !important; color: #1F1F1F !important; margin: 0 0 10px !important; }
html body .pl-modal-body { font-size: 14.5px !important; line-height: 1.6 !important; color: #6B6B6B !important; }
html body .pl-modal-label { color: #4A4A4A !important; font-size: 12.5px !important; font-weight: 500 !important; }
html body .pl-modal-input { background: #FFFFFF !important; border: 1px solid #E5E5E5 !important; border-radius: 10px !important; color: #1F1F1F !important; }
html body .pl-modal-input:focus { border-color: #F4510B !important; box-shadow: 0 0 0 4px rgba(244,81,11,.12) !important; }
html body .pl-modal-actions { gap: 8px !important; }
html body .pl-modal-actions .btn { height: 40px; padding: 0 18px; border-radius: 10px !important; font-weight: 500 !important; font-size: 14px !important; }
html body .pl-modal-actions .pl-modal-cancel { background: #FFFFFF !important; border: 1px solid #E5E5E5 !important; color: #1F1F1F !important; box-shadow: none !important; }
html body .pl-modal-actions .pl-modal-cancel:hover { background: #F7F7F5 !important; }
html body .pl-modal-actions .btn-primary { background: #262626 !important; border-color: #262626 !important; color: #FFFFFF !important; box-shadow: none !important; }
html body .pl-modal-actions .btn-danger-solid { background: #B42318 !important; border-color: #B42318 !important; color: #FFFFFF !important; box-shadow: none !important; }

/* --- modal de planos (asn-assinatura.js) --- */
html body .asn-ov { background: rgba(23,23,23,.42) !important; }
html body .asn-modal { border: 1px solid #EDEDEB; box-shadow: 0 30px 80px rgba(0,0,0,.22) !important; }
html body .asn-x { border: 1px solid #E5E5E5 !important; box-shadow: none !important; }
html body .asn-x:hover { background: #F7F7F5 !important; }
html body .asn-selo { background: #FDEEE6 !important; color: #B0420A !important; box-shadow: none !important; }
html body .asn-titulo { font-family: 'Newsreader', Georgia, serif !important; font-weight: 400 !important; font-size: 34px !important; letter-spacing: -0.015em !important; color: #1F1F1F !important; }
html body .asn-sub b { color: #1F1F1F; }
html body .asn-card { background: #FFFFFF !important; box-shadow: 0 0 0 1px #EDEDEB, 0 1px 2px rgba(0,0,0,.03) !important; border-radius: 18px !important; }
html body .asn-card:hover { box-shadow: 0 0 0 1px #E5E5E5, 0 14px 32px rgba(0,0,0,.08) !important; }
html body .asn-card:nth-child(2) { box-shadow: 0 0 0 1.5px #F4510B, 0 14px 32px rgba(244,81,11,.10) !important; }
html body .asn-off { background: #FDEEE6 !important; color: #B0420A !important; }
html body .asn-cifra { color: #1F1F1F !important; }
html body .asn-valor { font-family: 'Newsreader', Georgia, serif !important; font-weight: 400 !important; font-size: 44px !important; letter-spacing: -0.02em !important; color: #1F1F1F !important; }
html body .asn-cap { border-top-color: #F0F0EE !important; }
html body .asn-cta button { background: #262626 !important; border-radius: 10px !important; font-weight: 600 !important; }
html body .asn-card:nth-child(2) .asn-cta button { background: #F4510B !important; }
html body .asn-check { stroke: #F4510B !important; }
html body .asn-fund div, html body .asn-evita div { background: #FBFBFA !important; box-shadow: 0 0 0 1px #EDEDEB !important; }
html body .asn-evita .v { font-family: 'Newsreader', Georgia, serif; font-weight: 400 !important; font-size: 26px !important; }
html body .asn-nota { border-top-color: #F0F0EE !important; }

/* --- aviso "em desenvolvimento" (cases, simulador, impacto) ---
   O markup vem com estilo inline (azul da Polaris); daí o !important. */
html body .feature-dev-notice > div, html body #feature-dev-notice > div {
  border: 1px solid #EDEDEB !important; border-radius: 18px !important; background: #FFFFFF !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.02), 0 18px 50px rgba(0,0,0,.07) !important; }
html body .feature-dev-notice > div > div:first-child, html body #feature-dev-notice > div > div:first-of-type {
  background: #FDEEE6 !important; color: #F4510B !important; border-radius: 50% !important; }
html body .feature-dev-notice > div > div:nth-child(2), html body #feature-dev-notice > div > div:nth-of-type(2) {
  background: #FDEEE6 !important; color: #B0420A !important; font-weight: 600 !important; letter-spacing: .06em !important; }
html body .feature-dev-notice h1, html body #feature-dev-notice h1 {
  font-family: 'Newsreader', Georgia, serif !important; font-weight: 400 !important; font-size: 30px !important;
  letter-spacing: -0.01em !important; color: #1F1F1F !important; }
html body .feature-dev-notice p, html body #feature-dev-notice p, html body #feature-dev-notice p b { color: #6B6B6B !important; }
html body .feature-dev-notice p b, html body #feature-dev-notice p b { color: #1F1F1F !important; }
html body .feature-dev-notice .btn-primary, html body #feature-dev-notice .btn-primary {
  background: #262626 !important; border-color: #262626 !important; color: #FFFFFF !important; border-radius: 10px !important; box-shadow: none !important; }
html body .feature-dev-notice .btn-primary:hover, html body #feature-dev-notice .btn-primary:hover { background: #111111 !important; }
html body.impact-page.feature-suspended { background: #FFFFFF !important; }
html body #feature-dev-notice .fx-notice-logo { display: block; height: 22px; width: auto; margin: 0 auto 30px; }