/* =====================================================================
   PERRIER HOME — override do tema para index.php
   Aplica a identidade Perrier (verde-esmeralda + dourado) à home,
   sobrescrevendo as cores neon-verde originais do styles.css.
   Carregado DEPOIS de styles.css para ter prioridade.
   ===================================================================== */

/* Variáveis do tema Perrier (escopo global para reutilização) */
:root {
    --p-green:        #d97706;
    --p-green-deep:   #0c0d12;
    --p-green-bright: #f59e0b;
    --p-green-soft:   #b45309;
    --p-gold:         #d4a037;
    --p-gold-bright:  #fae28e;
    --p-ink:          #f3f7ef;
    --p-ink-soft:     #cdd8c5;
    --p-muted:        #8aa090;
}

/* ===========================================================
   Fundo geral da app
   =========================================================== */
.perrier-home {
    background:
        radial-gradient(120% 70% at 50% -10%, #161922 0%, rgba(12, 13, 18, 0) 55%),
        linear-gradient(180deg, #0c0d12 0%, #04080600 100%),
        #0c0d12;
    color: var(--p-ink);
}

/* ===========================================================
   Cabeçalho (header / memecoin-header / hm-header)
   =========================================================== */
.perrier-home .header,
.perrier-home .memecoin-header,
.perrier-home .hm-header {
    background:
        radial-gradient(120% 90% at 15% 10%, #b45309 0%, rgba(217, 119, 6, 0) 55%),
        radial-gradient(80% 60% at 95% 100%, rgba(184, 155, 94, .14) 0%, rgba(217, 119, 6, 0) 50%),
        linear-gradient(160deg, #d97706 0%, #161922 55%, #0c0d12 100%);
    border-bottom: 1px solid rgba(184, 155, 94, .25);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .55);
}
.perrier-home .header::before,
.perrier-home .memecoin-header::before,
.perrier-home .hm-header::before {
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, .18), transparent 30%),
        radial-gradient(circle at top right, rgba(184, 155, 94, .16), transparent 34%);
}

/* Banner com filtro que puxa o verde Perrier */
.perrier-home .hm-header .banner-image { opacity: .55; }
.perrier-home .hm-header .banner-image img {
    filter: saturate(.85) contrast(1.05) brightness(.6) hue-rotate(0deg);
}
.perrier-home .hm-header .banner-image::after {
    background: linear-gradient(90deg,
        #0c0d12 0%, rgba(12, 13, 18, .76) 40%, rgba(12, 13, 18, .18) 76%, rgba(12, 13, 18, .45) 100%);
}

/* ---- Logo ---- */
.perrier-home .hm-logo-img {
    filter: drop-shadow(0 0 14px rgba(245, 158, 11, .4));
}

/* ---- Hero (capital gerenciado) ---- */
.perrier-home .hm-cap-label {
    color: var(--p-gold-bright);
    letter-spacing: 3px;
}
.perrier-home .hm-hero .balance-amount {
    color: #f6fff0;
    text-shadow: 0 0 26px rgba(245, 158, 11, .35);
    font-family: "Georgia", "Times New Roman", serif;
    font-weight: 400;
}
.perrier-home .hm-badge {
    background: radial-gradient(circle at 50% 35%, rgba(245, 158, 11, .35), rgba(12, 13, 18, .6));
    border: 1.5px solid var(--p-gold);
    color: var(--p-gold-bright);
    box-shadow: inset 0 0 14px rgba(184, 155, 94, .3);
}
.perrier-home .hm-tagline {
    color: var(--p-ink-soft);
    font-family: "Georgia", serif;
    font-weight: 400;
    letter-spacing: 1px;
}
.perrier-home .hm-tagline span { color: var(--p-gold-bright); }

/* ===========================================================
   Atalhos rápidos (home-quick)
   =========================================================== */
.perrier-home .home-quick-item {
    color: var(--p-ink-soft);
}
.perrier-home .home-quick-ico {
    color: var(--p-gold-bright);
    background:
        radial-gradient(120% 90% at 50% 0%, rgba(245, 158, 11, .25), rgba(12, 13, 18, .9));
    border: 1px solid rgba(184, 155, 94, .30);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, .45),
        inset 0 1px 0 rgba(230, 201, 138, .12);
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.perrier-home .home-quick-item:nth-child(1) .home-quick-ico,
.perrier-home .home-quick-item:nth-child(2) .home-quick-ico {
    color: var(--p-green-bright);
    border-color: rgba(245, 158, 11, .55);
}
.perrier-home .home-quick-item:active .home-quick-ico {
    transform: scale(.94);
    box-shadow:
        0 6px 16px rgba(0, 0, 0, .45),
        inset 0 1px 0 rgba(230, 201, 138, .18);
}

/* ===========================================================
   Seção institucional (home-about)
   =========================================================== */
.perrier-home .about-hero-card {
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(245, 158, 11, .18), transparent 55%),
        linear-gradient(180deg, rgba(13, 30, 18, .96), rgba(8, 18, 11, .96));
    border: 1px solid rgba(184, 155, 94, .25);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
.perrier-home .about-hero-card::before {
    content: "";
    position: absolute;
    top: 0; left: 18%; right: 18%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--p-gold), transparent);
    opacity: .5;
}
.perrier-home .about-badge {
    background: rgba(184, 155, 94, .08);
    border: 1px solid rgba(184, 155, 94, .30);
    color: var(--p-gold-bright);
}
.perrier-home .about-title {
    color: var(--p-ink);
    font-family: "Georgia", serif;
    font-weight: 400;
}
.perrier-home .about-title span {
    color: var(--p-green-bright);
    font-style: italic;
}
.perrier-home .about-lead { color: var(--p-ink-soft); }

.perrier-home .about-stat {
    background: linear-gradient(180deg, rgba(13, 30, 18, .94), rgba(8, 18, 11, .94));
    border: 1px solid rgba(184, 155, 94, .18);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
}
.perrier-home .about-stat strong {
    color: var(--p-gold-bright);
    font-family: "Georgia", serif;
    font-weight: 700;
}
.perrier-home .about-stat span { color: var(--p-muted); }

.perrier-home .about-story {
    background: linear-gradient(180deg, rgba(13, 30, 18, .92), rgba(8, 18, 11, .92));
    border: 1px solid rgba(184, 155, 94, .18);
}
.perrier-home .about-story h3 {
    color: var(--p-ink);
    font-family: "Georgia", serif;
    font-weight: 400;
}
.perrier-home .about-story h3 i { color: var(--p-gold-bright); }
.perrier-home .about-story p { color: var(--p-ink-soft); }

.perrier-home .about-features li {
    background: linear-gradient(180deg, rgba(13, 30, 18, .92), rgba(8, 18, 11, .92));
    border: 1px solid rgba(184, 155, 94, .18);
}
.perrier-home .af-ico {
    background: radial-gradient(circle at 50% 35%, rgba(245, 158, 11, .3), rgba(12, 13, 18, .5));
    border: 1px solid rgba(184, 155, 94, .28);
    color: var(--p-gold-bright);
    box-shadow: inset 0 0 12px rgba(184, 155, 94, .2);
}
.perrier-home .about-features li div strong { color: var(--p-ink); }
.perrier-home .about-features li div span { color: var(--p-muted); }

.perrier-home .about-trust {
    background:
        radial-gradient(120% 100% at 0% 0%, rgba(245, 158, 11, .18), transparent 60%),
        linear-gradient(180deg, rgba(13, 30, 18, .92), rgba(8, 18, 11, .92));
    border: 1px solid rgba(184, 155, 94, .25);
}
.perrier-home .about-trust i { color: var(--p-gold-bright); }
.perrier-home .about-trust p { color: var(--p-ink-soft); }

/* ===========================================================
   Bottom navigation
   =========================================================== */
.perrier-home .bottom-nav {
    background: rgba(7, 18, 11, .92);
    border-top: 1px solid rgba(184, 155, 94, .25);
    box-shadow: 0 -18px 44px rgba(0, 0, 0, .55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.perrier-home .nav-item { color: rgba(141, 160, 144, .6); }
.perrier-home .nav-item.active {
    color: var(--p-gold-bright);
}
.perrier-home .nav-item.active i,
.perrier-home .nav-item.active .nav-ico {
    filter: drop-shadow(0 0 14px rgba(245, 158, 11, .55));
}

/* Botão central "Rede" (network) reestilizado em verde/dourado */
.perrier-home .nav-item[data-page="network"]::before {
    background: linear-gradient(135deg, var(--p-green-bright), var(--p-green));
    box-shadow: 0 8px 20px rgba(217, 119, 6, .5), inset 0 1px 0 rgba(255, 255, 255, .25);
    border-color: rgba(184, 155, 94, .4);
}

/* ===========================================================
   WhatsApp float — mantém o verde WhatsApp mas com borda dourada
   =========================================================== */
.perrier-home .wa-float {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .45), 0 0 0 2px rgba(184, 155, 94, .3);
}

/* ===========================================================
   Modal de investimento (subscribeSheet) — herda os cards do tema
   =========================================================== */
.perrier-home .sub-sheet-panel {
    background: linear-gradient(180deg, rgba(13, 30, 18, .97), rgba(8, 18, 11, .97));
    border: 1px solid rgba(184, 155, 94, .25);
}
.perrier-home .ss2-hero-title,
.perrier-home .ss2-summary dt,
.perrier-home .ss2-label {
    color: var(--p-ink);
}
.perrier-home .ss2-deposit {
    background: rgba(245, 158, 11, .14);
    color: var(--p-green-bright);
    border: 1px solid rgba(245, 158, 11, .35);
}
.perrier-home .ss2-confirm {
    background: linear-gradient(135deg, var(--p-green-bright) 0%, var(--p-green) 60%, var(--p-green-deep) 100%);
    color: #f5fff7;
    box-shadow: 0 14px 30px rgba(217, 119, 6, .45);
}
.perrier-home .ss2-summary-profit,
.perrier-home .ss2-summary-ico--profit i,
.perrier-home .ss2-stat strong { color: var(--p-gold-bright); }


/* =====================================================================
   PERRIER HOME — acabamento claro alinhado ao acesso e cadastro
   ===================================================================== */
.perrier-home {
    background:
        radial-gradient(100% 58% at 50% -8%, rgba(245, 158, 11, .14), transparent 54%),
        linear-gradient(180deg, #fcfcfd 0%, #f4f5f8 100%) !important;
    color: #0c0d12 !important;
}
.perrier-home .header,
.perrier-home .memecoin-header,
.perrier-home .hm-header {
    background:
        radial-gradient(110% 120% at 8% 0%, rgba(217, 119, 6, .28), transparent 48%),
        radial-gradient(70% 100% at 100% 100%, rgba(184, 155, 94, .22), transparent 48%),
        linear-gradient(135deg, #0c0d12 0%, #161922 54%, #08090d 100%) !important;
    border-bottom-color: rgba(184, 155, 94, .42) !important;
}
.perrier-home .hm-header .banner-image { opacity: .30; }
.perrier-home .hm-header .banner-image img {
    filter: saturate(.85) contrast(1.05) brightness(.64) !important;
}
.perrier-home .hm-header .banner-image::after {
    background: linear-gradient(90deg, rgba(12, 13, 18, .74) 0%, rgba(12, 13, 18, .56) 45%, rgba(12, 13, 18, .14) 100%) !important;
}
.perrier-home .hm-logo-img { filter: drop-shadow(0 0 14px rgba(255, 255, 255, .28)) !important; }
.perrier-home .hm-bell::after { background: #e3c98a !important; box-shadow: 0 0 8px #e3c98a !important; }
.perrier-home .hm-hero .balance-amount,
.perrier-home .hm-account-id strong,
.perrier-home .hm-account-bal strong { color: #ffffff !important; }
.perrier-home .hm-tagline { color: #f1f5f9 !important; }
.perrier-home .hm-tagline span,
.perrier-home .hm-badge-xs { color: #fae28e !important; }
.perrier-home .hm-badge {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(227, 201, 138, .70) !important;
}
.perrier-home .hm-account {
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .20) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .16) !important;
}
.perrier-home .hm-account-id span,
.perrier-home .hm-account-bal > span,
.perrier-home .hm-account-bal strong i { color: #e2e8f0 !important; }
.perrier-home .hm-account-wallet {
    background: rgba(255, 255, 255, .14) !important;
    border-color: rgba(227, 201, 138, .62) !important;
    color: #ffffff !important;
}
.perrier-home .hm-extrato-btn {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(227, 201, 138, .62) !important;
    box-shadow: none !important;
}
.perrier-home .home-quick-item { color: #334155 !important; }
.perrier-home .home-quick-ico {
    color: #d97706 !important;
    background: linear-gradient(180deg, #ffffff, #fbf9f5) !important;
    border-color: rgba(217, 119, 6, .17) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .05) !important;
}
.perrier-home .home-quick-item:nth-child(1) .home-quick-ico,
.perrier-home .home-quick-item:nth-child(2) .home-quick-ico { color: #d97706 !important; }
.perrier-home .bottom-nav {
    background: rgba(255, 255, 255, .94) !important;
    border-top-color: rgba(217, 119, 6, .17) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, .05) !important;
}
.perrier-home .nav-item { color: #64748b !important; }
.perrier-home .nav-item.active { color: #d97706 !important; }
.perrier-home .nav-item[data-page="network"]::before {
    color: #ffffff !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    border-color: rgba(184, 155, 94, .70) !important;
    box-shadow: 0 0 0 5px #ffffff, 0 8px 22px rgba(217, 119, 6, .26) !important;
}


/* =====================================================================
   PERRIER HOME 2.0 — superfície clara e conteúdo simplificado
   ===================================================================== */
.perrier-home {
    background: linear-gradient(180deg, #fcfcfd, #f4f5f8) !important;
    color: #0c0d12 !important;
}
.perrier-home .hm-header {
    min-height: 254px;
    background:
        radial-gradient(100% 125% at 4% 0%, rgba(217, 119, 6, .28), transparent 54%),
        radial-gradient(70% 95% at 100% 100%, rgba(227, 201, 138, .22), transparent 48%),
        linear-gradient(135deg, #0c0d12, #161922 58%, #08090d) !important;
    border-bottom-color: rgba(227, 201, 138, .56) !important;
}
.perrier-home .hm-header .banner-image { opacity: .10 !important; }
.perrier-home .hm-header .banner-image::after { background: rgba(12, 13, 18, .34) !important; }
.perrier-home .hm-brand::after {
    content: 'Nexoil' !important;
    color: #ffffff !important;
    font-family: Inter, system-ui, sans-serif;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 1px;
}
.perrier-home .hm-cap-label { color: rgba(255,255,255,.76) !important; }
.perrier-home .hm-hero .balance-amount { color: #ffffff !important; font-family: Inter, system-ui, sans-serif; font-weight: 700; }
.perrier-home .hm-tagline { color: #f1f5f9 !important; font-family: inherit; font-size: 14px; font-weight: 650; letter-spacing: .3px; }
.perrier-home .hm-badge { background: rgba(255,255,255,.13) !important; border-color: rgba(227, 201, 138, .68) !important; color: #ffffff !important; }

.perrier-home .home-quick { padding: 18px 16px 8px; }
.perrier-home .home-quick-row--main { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.perrier-home .home-quick-item { gap: 7px; color: #334155 !important; font-size: 10px; font-weight: 750; }
.perrier-home .home-quick-ico {
    width: 52px; height: 52px; border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #fbf9f5) !important;
    border-color: rgba(217, 119, 6, .16) !important;
    color: #d97706 !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .04) !important;
}
.perrier-home .home-quick-item:first-child .home-quick-ico,
.perrier-home .home-quick-item:nth-child(2) .home-quick-ico { color: #d97706 !important; }

.perrier-home .home-about { padding: 20px 16px 112px; display: grid; gap: 12px; }
.perrier-home .about-hero-card {
    position: relative; overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #fbf9f5) !important;
    border: 1px solid rgba(217, 119, 6, .16) !important;
    border-radius: 20px; padding: 22px 20px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .06) !important;
}
.perrier-home .about-hero-card::before { content: none !important; }
.perrier-home .about-badge { background: rgba(217, 119, 6, .09) !important; border-color: rgba(217, 119, 6, .14) !important; color: #d97706 !important; }
.perrier-home .about-title { margin: 14px 0 8px; color: #0c0d12 !important; font: 700 24px/1.12 Inter, system-ui, sans-serif; }
.perrier-home .about-title span { color: #d97706 !important; }
.perrier-home .about-lead { margin: 0; color: #64748b !important; line-height: 1.55; }
.perrier-home .about-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.perrier-home .about-stat { padding: 14px 8px; background: #ffffff !important; border: 1px solid rgba(217, 119, 6, .14) !important; border-radius: 15px; box-shadow: 0 8px 18px rgba(0, 0, 0, .04) !important; }
.perrier-home .about-stat strong { color: #d97706 !important; font: 700 17px Inter, system-ui, sans-serif; }
.perrier-home .about-stat span { margin-top: 4px; color: #64748b !important; font-size: 9px; line-height: 1.25; }
.perrier-home .about-trust { display: flex; align-items: flex-start; gap: 10px; padding: 15px 16px; background: #ffffff !important; border: 1px solid rgba(217, 119, 6, .14) !important; border-radius: 16px; }
.perrier-home .about-trust i { color: #d97706 !important; font-size: 19px; }
.perrier-home .about-trust p { margin: 0; color: #64748b !important; font-size: 12px; line-height: 1.5; }
.perrier-home .about-story, .perrier-home .about-features { display: none !important; }

.perrier-home .sub-sheet-panel, .perrier-home .sheet-panel { background: #ffffff !important; color: #0c0d12 !important; border-color: rgba(217, 119, 6, .18) !important; }
.perrier-home .ss2-hero { background: linear-gradient(135deg, #fbf9f5, #ffffff) !important; }
.perrier-home .ss2-hero-title, .perrier-home .ss2-summary dt, .perrier-home .ss2-label { color: #0c0d12 !important; }
.perrier-home .ss2-deposit { color: #d97706 !important; background: rgba(217,119,6,.09) !important; border-color: rgba(217,119,6,.18) !important; }
.perrier-home .ss2-confirm { background: linear-gradient(135deg, #f59e0b, #d97706) !important; color: #ffffff !important; }
.perrier-home .bottom-nav { background: rgba(255,255,255,.96) !important; border-top-color: rgba(217,119,6,.17) !important; box-shadow: 0 -8px 22px rgba(0, 0, 0, .05) !important; }
.perrier-home .nav-item { color: #64748b !important; }
.perrier-home .nav-item.active { color: #d97706 !important; }
.perrier-home .nav-item[data-page="network"]::before { box-shadow: 0 0 0 5px #ffffff, 0 8px 20px rgba(217,119,6,.22) !important; }
@media (max-width: 360px) {
    .perrier-home .home-quick-row--main { gap: 5px; }
    .perrier-home .home-quick-ico { width: 46px; height: 46px; border-radius: 14px; }
    .perrier-home .home-quick-item { font-size: 9px; }
}


/* =====================================================================
   PERRIER HOME — neutraliza os azuis globais do redesign.css
   Estas regras cobrem seletores SEM escopo .perrier-home no redesign,
   que portanto afetam a home mesmo com o perrier-home.css carregado depois.
   ===================================================================== */

/* ── Variáveis Perrier no escopo da home ── */
.perrier-home,
.perrier-home .app {
    --primary:         #f59e0b !important;
    --primary-rgb:     217, 119, 6 !important;
    --primary-soft:    #fef3c7 !important;
    --primary-softer:  #fffbeb !important;
    --primary-strong:  #b45309 !important;
    --primary-deep:    #d97706 !important;
    --shadow-primary:  0 10px 24px rgba(245,158,11,.28) !important;
}

/* ── Nav inferior ── */
.perrier-home .bottom-nav {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(217,119,6,.14) !important;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .05) !important;
}
.perrier-home .nav-item         { color: #64748b !important; }
.perrier-home .nav-item.active  {
    color: #d97706 !important;
    background: rgba(217,119,6,.08) !important;
}

/* ── Quick actions ── */
.perrier-home .home-quick {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(217,119,6,.12) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .05) !important;
}
.perrier-home .home-quick-item  { color: #334155 !important; background: #f8fafc !important; }
.perrier-home .home-quick-ico   {
    color: #d97706 !important;
    background: linear-gradient(180deg,#ffffff,#fbf9f5) !important;
    border: 1px solid rgba(217,119,6,.14) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .04) !important;
}
.perrier-home .home-quick-item:nth-child(1) .home-quick-ico,
.perrier-home .home-quick-item:nth-child(2) .home-quick-ico { color: #d97706 !important; }

/* ── About section ── */
.perrier-home .about-badge {
    background: rgba(217,119,6,.09) !important;
    border-color: rgba(217,119,6,.14) !important;
    color: #d97706 !important;
}
.perrier-home .about-title span { color: #d97706 !important; }
.perrier-home .about-stat strong { color: #d97706 !important; }
.perrier-home .about-trust { color: #d97706 !important; background: #ffffff !important; border-color: rgba(217,119,6,.14) !important; }
.perrier-home .about-trust i { color: #d97706 !important; }

/* ── Sheet de investimento ── */
.perrier-home .sheet-panel,
.perrier-home .sub-sheet-panel  { background: #ffffff !important; color: #17382b !important; border-color: rgba(217,119,6,.16) !important; }
.perrier-home .ss2-hero         { background: linear-gradient(135deg,#edf7ed,#ffffff) !important; color: #17382b !important; }
.perrier-home .ss2-hero-title   { color: #17382b !important; }
.perrier-home .ss2-close,
.perrier-home .ss2-input-edit   { color: #d97706 !important; border-color: rgba(217,119,6,.18) !important; }
.perrier-home .ss2-range-hex    { background: #d97706 !important; }
.perrier-home .ss2-confirm      {
    background: linear-gradient(135deg,#f59e0b,#d97706) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(217,119,6,.32) !important;
}
.perrier-home .ss2-deposit      { color: #d97706 !important; background: rgba(217,119,6,.09) !important; border-color: rgba(217,119,6,.18) !important; }
.perrier-home .ss2-label        { color: #5c7262 !important; }

/* ── Tabs / botões globais que herdam var(--primary) azul ── */
.perrier-home .tab.active,
.perrier-home .category-tab.active {
    background: #d97706 !important;
    border-color: #d97706 !important;
    box-shadow: 0 7px 18px rgba(217,119,6,.22) !important;
}
.perrier-home .subscribe-btn,
.perrier-home .carteira-btn {
    background: linear-gradient(135deg,#f59e0b,#d97706) !important;
    box-shadow: 0 10px 22px rgba(217,119,6,.30) !important;
}

/* ── hm-badge / usdt-label ── */
.perrier-home .usdt-label,
.perrier-home .hm-badge {
    color: #ffffff !important;
    background: rgba(255,255,255,.13) !important;
    border-color: rgba(227,201,138,.68) !important;
}


/* =====================================================================
   PERRIER HOME 3.0 — Quick Actions: 2 wide green buttons
   Overrides any earlier rules that made them 5-column icon grids.
   ===================================================================== */
.perrier-home .home-quick {
    margin-top: -18px !important;
    padding: 0 16px 4px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative;
    z-index: 3;
}
.perrier-home .home-quick-row--main {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    grid-template-columns: unset !important;
}
.perrier-home .home-quick-item {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #d97706 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
    min-height: 64px !important;
    text-decoration: none;
}
.perrier-home .home-quick-ico {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.15) !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 18px !important;
    color: #fff !important;
}
/* Color overrides from visual-density that clash with new dark bg */
html body.perrier-home .home-quick-item:nth-child(1) .home-quick-ico,
html body.perrier-home .home-quick-item:nth-child(2) .home-quick-ico {
    color: #fff !important;
    background: rgba(255,255,255,.15) !important;
}