/* =========================================================
   UHUW COMMUNITY — VARREDURA RADICAL BLACK/DARK
   Regra final: nenhum laranja/orangea/índigo, nenhum card branco.
   Tema único: preto absoluto + detalhes laranja.
   ========================================================= */
:root, html, body {
  color-scheme: dark !important;
  --app-bg-1:#000000!important;
  --app-bg-2:#000000!important;
  --app-bg:#000000!important;
  --app-surface:#050505!important;
  --app-surface-2:#080808!important;
  --app-panel:#050505!important;
  --app-panel-soft:#0b0b0b!important;
  --app-card:#080808!important;
  --app-border:rgba(249,115,22,.24)!important;
  --app-border-soft:rgba(249,115,22,.14)!important;
  --app-text:#ffffff!important;
  --app-text-soft:#e7e5e4!important;
  --app-text-muted:#a8a29e!important;
  --app-success:#f97316!important;
  --app-info:#fb923c!important;
  --app-cta:#f97316!important;
  --app-modal-btn:#f97316!important;
  --app-modal-btn-hover:#ea580c!important;
  --app-modal-btn-text:#ffffff!important;
  --app-light-bg-1:#000000!important;
  --app-light-bg-2:#000000!important;
  --app-light-surface:#050505!important;
  --app-light-surface-2:#080808!important;
  --app-light-panel:#050505!important;
  --app-light-border:rgba(249,115,22,.24)!important;
  --app-light-border-soft:rgba(249,115,22,.14)!important;
  --app-light-text:#ffffff!important;
  --app-light-text-soft:#e7e5e4!important;
  --app-light-text-muted:#a8a29e!important;
  --app-light-accent:#f97316!important;
  --app-light-cta:#f97316!important;
  --tw-ring-color:rgba(249,115,22,.35)!important;
  --tw-shadow-color:rgba(0,0,0,.75)!important;
}
html, body, #app, main, .app-dark-theme, body.app-dark-theme, .theme-light-boot {
  background:#000!important;
  color:#fff!important;
}
body, body.app-dark-theme, body:not(.app-dark-theme) {
  background:
    radial-gradient(circle at 16% 8%, rgba(249,115,22,.10), transparent 24%),
    radial-gradient(circle at 92% 14%, rgba(234,88,12,.06), transparent 22%),
    linear-gradient(180deg,#000 0%,#030303 46%,#000 100%)!important;
}
/* Remove botão flutuante de tema e qualquer controle antigo de light/dark */
#floating-settings-btn,#theme-toggle-btn,.theme-toggle-btn,.theme-toggle,[data-theme-toggle],button[aria-label*="tema"],button[title*="tema"]{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;
}
/* Tudo que pode virar card/painel fica preto */
#app-shell-header,#app-shell-nav,#app-shell-ads,#app-shell-ads .ads-rail,#admin-panel,#admin-login-card,
section,article,aside,header,footer,nav,main,
.card,.dashboard-card,.dashboard-hero-card,.admin-card,.community-card,.support-panel,.support-window,.modal-content,
.profile-modal-card,.mobile-profile-modal-card,.settings-auth-panel,.admin-brand-card,.banner-preview,.brand-preview,
.view-content > div,.view-content section,.view-content article,
[id^="modal-"] .relative,#delete-confirm .relative,
[data-desktop-banner-card],[data-desktop-banner-slot],.mobile-banner-slide,.mobile-banner-placeholder,
[class*="bg-white"],[class*="bg-stone-50"],[class*="bg-stone-100"],[class*="bg-slate-50"],[class*="bg-slate-100"],[class*="bg-zinc-50"],[class*="bg-zinc-100"],
[class*="from-white"],[class*="to-white"],[class*="via-white"],
[class*="from-stone-50"],[class*="to-stone-50"],[class*="via-stone-50"] {
  background-color:#050505!important;
  background-image:linear-gradient(180deg,#0b0b0b 0%,#000 100%)!important;
  color:#fff!important;
  border-color:rgba(249,115,22,.22)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.72), inset 0 1px 0 rgba(249,115,22,.06)!important;
}
#app-shell-header{background:rgba(0,0,0,.94)!important;backdrop-filter:blur(20px)!important;}
#app-shell-nav{background:linear-gradient(180deg,#090909 0%,#000 100%)!important;}
#loading-screen{background:#000!important;}
#loading-screen .loading-screen-panel{background:#050505!important;border:1px solid rgba(249,115,22,.24)!important;color:#fff!important;}
/* Classes roxas/orangeas/índigo/azuis antigas são neutralizadas */
[class*="orange"],[class*="orange"],[class*="orange"],[class*="blue"],[class*="cyan"],
[class*="bg-orange"],[class*="from-orange"],[class*="via-orange"],[class*="to-orange"],
[class*="bg-orange"],[class*="from-orange"],[class*="via-orange"],[class*="to-orange"],
[class*="bg-orange"],[class*="from-orange"],[class*="via-orange"],[class*="to-orange"],
[class*="bg-blue"],[class*="from-blue"],[class*="via-blue"],[class*="to-blue"],
[class*="bg-cyan"],[class*="from-cyan"],[class*="via-cyan"],[class*="to-cyan"],
[class*="bg-\[\#2"],[class*="bg-\[\#3"],[class*="bg-\[\#4"],[class*="bg-\[\#5"],[class*="bg-\[\#6"],[class*="bg-\[\#7"],[class*="bg-\[\#8"],[class*="bg-\[\#9"],
[class*="from-\[\#2"],[class*="from-\[\#3"],[class*="from-\[\#4"],[class*="from-\[\#5"],[class*="from-\[\#6"],[class*="from-\[\#7"],[class*="from-\[\#8"],[class*="from-\[\#9"],
[class*="to-\[\#2"],[class*="to-\[\#3"],[class*="to-\[\#4"],[class*="to-\[\#5"],[class*="to-\[\#6"],[class*="to-\[\#7"],[class*="to-\[\#8"],[class*="to-\[\#9"] {
  background-color:#080808!important;
  background-image:linear-gradient(180deg,#0b0b0b,#000)!important;
  border-color:rgba(249,115,22,.25)!important;
  color:#fff!important;
  --tw-ring-color:rgba(249,115,22,.35)!important;
  --tw-shadow-color:rgba(0,0,0,.85)!important;
}
[class*="text-orange"],[class*="text-orange"],[class*="text-orange"],[class*="text-blue"],[class*="text-cyan"],
[class*="text-\[\#6"],[class*="text-\[\#7"],[class*="text-\[\#8"],[class*="text-\[\#9"],[class*="text-\[\#a"],[class*="text-\[\#A"]{color:#fb923c!important;}
[class*="border-orange"],[class*="border-orange"],[class*="border-orange"],[class*="border-blue"],[class*="border-cyan"]{border-color:rgba(249,115,22,.34)!important;}
[class*="ring-orange"],[class*="ring-orange"],[class*="ring-orange"],[class*="ring-blue"],[class*="ring-cyan"]{--tw-ring-color:rgba(249,115,22,.35)!important;}
/* Texto */
h1,h2,h3,h4,h5,h6,.font-bold,.font-semibold,.font-medium{color:#fff!important;}
p,span,small,label,li,td,th,div{border-color:inherit;}
.text-stone-900,.text-stone-800,.text-slate-900,.text-slate-800,.text-zinc-900,.text-zinc-800{color:#fff!important;}
.text-stone-700,.text-stone-600,.text-stone-500,.text-stone-400,.text-slate-600,.text-slate-500,.text-slate-400,.text-zinc-600,.text-zinc-500,.text-zinc-400{color:#a8a29e!important;}
.text-orange-400,.text-orange-500,.text-orange-600,.text-orange-700,.brand-plus{color:#fb923c!important;}
/* Navegação */
.nav-active,.tab-active,.tab-btn-active,#app-shell-nav-list .nav-active,
[aria-selected="true"],.is-active,.active{
  background:linear-gradient(135deg,rgba(249,115,22,.22),rgba(8,8,8,.98))!important;
  color:#fff!important;
  border-color:rgba(249,115,22,.46)!important;
  border-left-color:#f97316!important;
  box-shadow:0 14px 34px rgba(249,115,22,.12)!important;
}
.nav-inactive,.tab-inactive,#app-shell-nav-list .nav-inactive{background:transparent!important;color:#d6d3d1!important;box-shadow:none!important;}
.nav-inactive:hover,.tab-inactive:hover{background:rgba(249,115,22,.10)!important;color:#fff!important;}
/* Botões */
button,.btn,.btn-primary,.auth-submit-button,#desktop-support-button,#mobile-support-button,.mobile-profile-save-btn,
a[class*="bg-orange"],button[class*="bg-orange"]{
  background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;
  color:#fff!important;
  border-color:rgba(249,115,22,.42)!important;
  box-shadow:0 14px 30px rgba(249,115,22,.18)!important;
}
button.nav-tab,button.nav-inactive,button.tab-inactive,.mobile-profile-secondary-btn,#delete-cancel,button[class*="bg-transparent"],button[class*="bg-white\/0"]{
  background:#0b0b0b!important;
  color:#fff!important;
  border-color:rgba(249,115,22,.20)!important;
  box-shadow:none!important;
}
#desktop-logout,#mobile-menu-logout,[data-logout],button.logout{
  background:rgba(239,68,68,.12)!important;color:#fecaca!important;border-color:rgba(239,68,68,.30)!important;
}
/* Campos */
input,select,textarea,.input,.form-control{
  background:#050505!important;color:#fff!important;border-color:rgba(249,115,22,.24)!important;box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:rgba(231,229,228,.46)!important;}
input:focus,select:focus,textarea:focus{border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.18)!important;outline:none!important;}
option{background:#050505!important;color:#fff!important;}
/* Ícones */
svg,i[data-lucide]{color:currentColor!important;stroke:currentColor!important;}
svg *{stroke:currentColor!important;}
svg [fill="#f97316"],svg [fill="#f97316"],svg [fill="#f97316"],svg [fill="#f97316"],svg [fill="#f97316"],svg [fill="#f97316"],svg [fill="#fb923c"],svg [fill="#fb923c"],svg [fill="#f97316"],svg [fill="#050505"]{fill:#f97316!important;}
svg [stop-color="#f97316"],svg [stop-color="#f97316"],svg [stop-color="#f97316"],svg [stop-color="#f97316"],svg [stop-color="#f97316"],svg [stop-color="#f97316"],svg [stop-color="#fb923c"],svg [stop-color="#fb923c"],svg [stop-color="#f97316"],svg [stop-color="#050505"]{stop-color:#f97316!important;}
.dashboard-stat-icon,.card-icon,.icon-box,.community-icon,[class*="bg-orange"]{
  background:linear-gradient(135deg,rgba(249,115,22,.22),rgba(234,88,12,.12))!important;
  color:#fb923c!important;border:1px solid rgba(249,115,22,.28)!important;
}
/* Banners */
#app-shell-ads .desktop-ads-footer,#app-shell-ads .desktop-ads-footer p,.mobile-banner-note,
#app-shell-ads [data-desktop-banner-card] + div,#app-shell-ads .pt-4{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
#app-shell-ads .desktop-ads-footer span,.mobile-banner-note span{color:#fb923c!important;}
/* Tabelas/listas */
table,thead,tbody,tr,td,th,.list-row{background:#050505!important;color:#fff!important;border-color:rgba(249,115,22,.14)!important;}
/* Scrollbar */
*{scrollbar-color:rgba(249,115,22,.75) rgba(255,255,255,.06)!important;}
::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:#050505;}::-webkit-scrollbar-thumb{background:#f97316;border-radius:999px;border:2px solid #050505;}

/* =========================================================
   PATCH DEFINITIVO — FUNDO 100% BLACK EM CARDS/COLUNAS
   Remove qualquer camada colorida remanescente dentro do app.
   ========================================================= */
:root,html,body,#app{background:#000!important;color:#fff!important;color-scheme:dark!important;}
body::before,body::after,#app::before,#app::after,main::before,main::after{background:transparent!important;}

/* Neutraliza gradientes/classes Tailwind que ainda geravam blocos pretos ou coloridos */
[class*="bg-"],[class*="from-"],[class*="via-"],[class*="to-"],[class*="dark:bg-"],[class*="dark:from-"],[class*="dark:via-"],[class*="dark:to-"]{
  --tw-gradient-from:#050505!important;
  --tw-gradient-to:#000000!important;
  --tw-gradient-stops:#050505,#000000!important;
}

/* Estrutura, colunas, cards, listas, painéis e wrappers sempre pretos */
body div:not(.dashboard-stat-icon):not(.card-icon):not(.icon-box):not(.community-icon):not(.brand-plus):not(.auth-button-spinner),
body section,body article,body aside,body main,body nav,body header,body footer,
body form,body fieldset,body ul,body ol,body li,body dl,body dt,body dd,
body table,body thead,body tbody,body tfoot,body tr,body td,body th,
.card,.panel,.column,.col,.grid-card,.dashboard-card,.dashboard-hero-card,.admin-card,.community-card,
.rounded-\[30px\],.rounded-\[28px\],.rounded-\[26px\],.rounded-3xl,.rounded-2xl,
[class*="card"],[class*="panel"],[class*="column"],[class*="coluna"],[class*="surface"],
[data-desktop-banner-card],[data-desktop-banner-slot],.mobile-banner-slide,.mobile-banner-placeholder{
  background:#050505!important;
  background-color:#050505!important;
  background-image:linear-gradient(180deg,#080808 0%,#000000 100%)!important;
  border-color:rgba(249,115,22,.22)!important;
  color:#fff!important;
  box-shadow:0 18px 48px rgba(0,0,0,.72), inset 0 1px 0 rgba(249,115,22,.055)!important;
}

/* Mesmo se vier por style inline */
body [style*="background"]:not(button):not(.dashboard-stat-icon):not(.card-icon):not(.icon-box):not(.community-icon):not(svg):not(path):not(circle):not(rect):not(stop){
  background:#050505!important;
  background-color:#050505!important;
  background-image:linear-gradient(180deg,#080808,#000)!important;
}

/* Menus e topo */
#app-shell-header,#app-shell-nav,#app-shell-ads,.ads-rail,#admin-panel,#admin-login-card{
  background:#000!important;background-color:#000!important;background-image:linear-gradient(180deg,#050505,#000)!important;
}

/* Detalhes permitidos em laranja: botões, ativos e ícones */
button:not(.nav-tab):not(.nav-inactive):not(.tab-inactive),
.btn-primary,.auth-submit-button,#desktop-support-button,#mobile-support-button,.mobile-profile-save-btn,
a[class*="bg-orange"],button[class*="bg-orange"]{
  background:#f97316!important;background-image:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;border-color:#f97316!important;
}
.nav-active,.tab-active,.tab-btn-active,#app-shell-nav-list .nav-active,[aria-selected="true"],.is-active,.active{
  background:#111!important;background-image:linear-gradient(135deg,rgba(249,115,22,.22),#050505)!important;border-color:#f97316!important;color:#fff!important;
}
.dashboard-stat-icon,.card-icon,.icon-box,.community-icon{
  background:rgba(249,115,22,.16)!important;background-image:none!important;color:#fb923c!important;border-color:rgba(249,115,22,.30)!important;
}

/* Ícones: se algum SVG antigo vinha preto, vira laranja */
svg,svg *,i[data-lucide]{stroke:currentColor!important;color:currentColor!important;}
svg [fill],svg path[fill],svg circle[fill],svg rect[fill]{fill:currentColor!important;}
svg stop{stop-color:#f97316!important;}

/* Texto do anúncio centralizado */
#app-shell-ads .desktop-ads-footer,#app-shell-ads .desktop-ads-footer p,.mobile-banner-note,
#app-shell-ads [data-desktop-banner-card] + div,#app-shell-ads .pt-4{
  text-align:center!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;
}


/* UHUW SEVERE BLACKOUT - camada final anti-cor antiga e anti-tema claro */
:root,html,body,body.light,body.dark,[data-theme="light"],[data-theme="dark"]{color-scheme:dark!important;--app-bg:#000000!important;--app-bg-2:#000000!important;--app-surface:#0a0a0a!important;--app-surface-2:#0d0d0d!important;--app-panel:#0a0a0a!important;--app-panel-soft:#111111!important;--app-card:#0a0a0a!important;--app-card-2:#111111!important;--app-border:rgba(255,255,255,.10)!important;--app-border-soft:rgba(255,255,255,.06)!important;--app-accent:#ff6b00!important;--app-accent-2:#ff8a00!important;--app-primary:#ff6b00!important;--app-primary-2:#ff8a00!important;--brand:#ff6b00!important;--primary:#ff6b00!important;--accent:#ff6b00!important;--orange:#ff6b00!important;--text:#f7f7f7!important;--muted:#b6b6b6!important;}
html,body,main,.app,.page,.layout,.dashboard,.dashboard-shell,.admin-shell,.user-shell{background:#000!important;background-color:#000!important;color:#f7f7f7!important;}
body::before,body::after,.app::before,.app::after,main::before,main::after{background:transparent!important;background-image:none!important;}
.card,.panel,.box,.widget,.tile,.stat-card,.metric-card,.product-card,.dashboard-card,.admin-card,.user-card,.content-card,.settings-card,.table-card,[class*="card"],[class*="Card"],[class*="panel"],[class*="Panel"],[class*="column"],[class*="Column"],[class*="coluna"],[class*="Coluna"],[class*="grid"],[class*="Grid"],[class*="section"],[class*="Section"],aside,nav,header,footer,article,section,form,fieldset,table,thead,tbody,tr,td,th,.modal,.modal-content,.dialog,.drawer,.sidebar,.menu,.dropdown,.popover,.banner-slot,.ad-card,.support-panel,.profile-modal,.community-card,.store-card{background:#0a0a0a!important;background-color:#0a0a0a!important;background-image:none!important;border-color:rgba(255,255,255,.10)!important;color:#f7f7f7!important;}
button,.btn,.button,a.button,input[type="submit"],input[type="button"]{background:#111!important;background-image:none!important;border-color:rgba(255,107,0,.42)!important;color:#f7f7f7!important;}
button.primary,.btn-primary,.primary,.active,.is-active,[aria-selected="true"]{background:#ff6b00!important;background-image:linear-gradient(135deg,#ff6b00,#ff8a00)!important;border-color:#ff8a00!important;color:#000!important;}
input,textarea,select,option{background:#050505!important;background-color:#050505!important;background-image:none!important;border-color:rgba(255,255,255,.14)!important;color:#f7f7f7!important;}
svg,svg *{stroke:currentColor;}
.lucide,[data-lucide],.icon,.material-icons,i[class*="icon"]{color:#ff6b00!important;fill:none!important;stroke:#ff6b00!important;}
#floating-settings-btn,.theme-toggle,[data-theme-toggle],[data-action="toggle-theme"]{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* =========================================================
   UHUW CLEAN BLACK — remove luz/glow laranja de fundos
   Mantém laranja apenas como cor sólida de detalhe/interação.
   ========================================================= */
:root, html, body, #app, main, .app, .page, .layout, .dashboard, .dashboard-shell,
.admin-shell, .user-shell, #app-shell, #app-shell-main, #admin-panel {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
  box-shadow: none !important;
}

body::before, body::after,
#app::before, #app::after,
main::before, main::after,
section::before, section::after,
article::before, article::after,
[class*="card"]::before, [class*="card"]::after,
[class*="panel"]::before, [class*="panel"]::after,
[class*="column"]::before, [class*="column"]::after,
[class*="coluna"]::before, [class*="coluna"]::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Cards, colunas e páginas sem halo/luz/gradiente */
.card, .panel, .box, .widget, .tile, .stat-card, .metric-card, .product-card,
.dashboard-card, .dashboard-stat-card, .dashboard-hero-card, .dashboard-community-overview,
.admin-card, .user-card, .content-card, .settings-card, .table-card, .community-card,
.store-card, .support-panel, .profile-modal, .modal, .modal-content, .dialog, .drawer,
.sidebar, .menu, .dropdown, .popover, .banner-slot, .ad-card, .ads-rail,
[data-desktop-banner-card], [data-desktop-banner-slot], .mobile-banner-slide, .mobile-banner-placeholder,
[class*="card"], [class*="Card"], [class*="panel"], [class*="Panel"],
[class*="column"], [class*="Column"], [class*="coluna"], [class*="Coluna"],
[class*="surface"], [class*="Surface"], aside, nav, header, footer, article, section,
form, fieldset, table, thead, tbody, tr, td, th {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Remove glow/halo de classes utilitárias do Tailwind e estilos inline */
[class*="shadow"], [class*="shadow-orange"], [class*="shadow-amber"], [class*="drop-shadow"],
[style*="box-shadow"], [style*="text-shadow"], [style*="filter"], [style*="drop-shadow"] {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

[class*="bg-gradient"], [class*="from-orange"], [class*="via-orange"], [class*="to-orange"],
[class*="from-amber"], [class*="via-amber"], [class*="to-amber"],
[style*="radial-gradient"], [style*="linear-gradient"] {
  background-image: none !important;
}

/* Detalhes laranja sem luz de fundo */
button, .btn, .button, a.button, input[type="submit"], input[type="button"],
.auth-submit-button, .btn-primary, .primary, .active, .is-active, [aria-selected="true"],
.nav-active, .tab-active, .tab-btn-active {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

button.primary, .btn-primary, .auth-submit-button, .primary,
button[class*="bg-orange"], a[class*="bg-orange"] {
  background: #ff6b00 !important;
  background-color: #ff6b00 !important;
  background-image: none !important;
  color: #000000 !important;
  border-color: #ff6b00 !important;
}

.nav-active, .tab-active, .tab-btn-active, .is-active, [aria-selected="true"] {
  background: #111111 !important;
  background-color: #111111 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #ff6b00 !important;
}

.dashboard-stat-icon, .card-icon, .icon-box, .community-icon, .brand-plus,
[class*="icon-box"], [class*="IconBox"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: rgba(255,107,0,.34) !important;
  box-shadow: none !important;
  color: #ff6b00 !important;
}

/* Garante que fundos com estilo inline não recriem luz laranja em páginas/cards */
body [style*="background"]:not(button):not(a):not(svg):not(path):not(circle):not(rect):not(stop):not(.dashboard-stat-icon):not(.card-icon):not(.icon-box):not(.community-icon) {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* feed shift */
.main-content,.feed-column,.content-column{position:relative;left:10%;}

/* feed shift */
@media (min-width:1024px){ .feed, .feed-column, .main-content, .content-column, .dashboard-feed{position:relative;left:10%;} }


/* ChatGPT fix: ads footer left aligned */
.ads-footer,
.ads-contact,
.ads-column .ads-footer,
.ads-column .contact-box{
 width:100%;
 text-align:left !important;
 display:flex;
 flex-direction:column;
 align-items:flex-start !important;
 justify-content:flex-start !important;
 padding:12px 16px;
 margin-top:12px;
}
.ads-footer strong,.ads-contact strong,.ads-column .ads-footer strong,
.ads-footer p,.ads-contact p,.ads-column .ads-footer p{
 text-align:left !important;
 width:100%;
}