/* Bride Era R14.7.10 — dark mode integral + banners premium + responsividade final. */
html[data-panel-theme="dark"]{
  color-scheme:dark;
  --paper:#0d0c0c;--white:#1d1a19;--ink-900:#fff7f3;--ink-800:#f2e7e2;--ink-700:#ded0c9;
  --muted-600:#bcaea7;--muted-500:#9f918b;--line:#3d3532;--line-strong:#514640;
  --blush-50:#171414;--blush-100:#211b1a;--blush-200:#322522;--blush-300:#523932;
  --champagne-100:#29231d;--champagne-200:#3b3025;--sage-100:#1d241d;
  --shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 5px 18px rgba(0,0,0,.22);--shadow-md:0 16px 38px rgba(0,0,0,.31);--shadow-lg:0 28px 70px rgba(0,0,0,.42)
}
html[data-panel-theme="dark"] body.app{background:#0d0c0c!important;color:#f2e7e2!important}
html[data-panel-theme="dark"] body.app .app-main,html[data-panel-theme="dark"] body.app .app-content,html[data-panel-theme="dark"] body.app #view{background:#0d0c0c!important;color:#f2e7e2!important}
html[data-panel-theme="dark"] body.app .app-sidebar{background:linear-gradient(180deg,#171414 0%,#121010 100%)!important;border-color:#352e2b!important}
html[data-panel-theme="dark"] body.app .app-topbar{background:rgba(18,16,16,.94)!important;border-color:#352e2b!important;backdrop-filter:blur(18px)!important}
html[data-panel-theme="dark"] body.app h1,html[data-panel-theme="dark"] body.app h2,html[data-panel-theme="dark"] body.app h3,html[data-panel-theme="dark"] body.app h4,html[data-panel-theme="dark"] body.app h5,html[data-panel-theme="dark"] body.app h6{color:#fff7f3!important}
html[data-panel-theme="dark"] body.app p,html[data-panel-theme="dark"] body.app li,html[data-panel-theme="dark"] body.app label,html[data-panel-theme="dark"] body.app .lbl,html[data-panel-theme="dark"] body.app .sub{color:#e0d3cd}
html[data-panel-theme="dark"] body.app .muted,html[data-panel-theme="dark"] body.app small,html[data-panel-theme="dark"] body.app .tiny{color:#ae9f98!important}

/* Todas as superfícies recorrentes do app. */
html[data-panel-theme="dark"] body.app :where(.panel,.kpi,.supplier-kpi,.card,.stat-card,.metric-card,.mini-card,.summary-card,.info-card,.result-card,.list-card,.settings-card,.r1475-settings-addon,.r1477-logo-settings,.r144-dashboard-erp,.r146-ach-card,.r146-life-card,.r1477-request-card,.r1477-result-card,.r1478-daily-calendar>div,.r1478-dashboard-aura,.integrated-context,.table-card,.vendor-card,.eco-card,.pro-card,.exp-card,.agenda-card,.calendar-card,.timeline-card,.notification-card,.conversation-card){
  background:#1f1c1b!important;color:#f2e7e2!important;border-color:#3d3532!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important
}
html[data-panel-theme="dark"] body.app :where(.kpi,.supplier-kpi,.stat-card,.metric-card) :where(.val,b,strong,h3,h4){color:#fff7f3!important}
html[data-panel-theme="dark"] body.app :where(.kpi,.supplier-kpi,.stat-card,.metric-card) :where(.lbl,.sub,small){color:#b8aaa3!important}
html[data-panel-theme="dark"] body.app .supplier-kpi{background:#211e1d!important}
html[data-panel-theme="dark"] body.app .supplier-kpis>.supplier-kpi{background:#211e1d!important;border:1px solid #413936!important}

/* Configurações: remove o grande bloco cinza claro do print. */
html[data-panel-theme="dark"] body.app .r1475-settings-hero{background:radial-gradient(circle at 83% 20%,rgba(192,138,125,.18),transparent 28%),linear-gradient(135deg,#211b1b,#2b2220 52%,#25211d)!important;border-color:#493c37!important}
html[data-panel-theme="dark"] body.app .r1475-settings-hero h2{color:#fff8f4!important}
html[data-panel-theme="dark"] body.app .r1475-settings-hero p{color:#c8bab3!important}
html[data-panel-theme="dark"] body.app .r1475-settings-icon{background:#2d2725!important;color:#f5ded8!important;border:1px solid #51443f!important;box-shadow:none!important}
html[data-panel-theme="dark"] body.app .r1475-settings-nav{background:#121010!important;border-color:#352e2b!important}
html[data-panel-theme="dark"] body.app .r1475-settings-nav button{color:#cdbfb8!important;background:transparent!important}
html[data-panel-theme="dark"] body.app .r1475-settings-nav button:hover{background:#292321!important;color:#fff7f3!important}

/* Formulários, dropdowns, tabelas e modais. */
html[data-panel-theme="dark"] body.app :where(input,select,textarea,[contenteditable="true"]){background:#151313!important;color:#fff7f3!important;border-color:#4b413d!important;box-shadow:none!important}
html[data-panel-theme="dark"] body.app :where(input,textarea)::placeholder{color:#80736d!important}
html[data-panel-theme="dark"] body.app select option{background:#171414!important;color:#fff7f3!important}
html[data-panel-theme="dark"] body.app :where(.modal,.modal-box,.modal-card,.mobile-sheet-card,.drawer,.drawer-card){background:#1c1918!important;color:#f2e7e2!important;border-color:#443a36!important}
html[data-panel-theme="dark"] body.app :where(.modal-head,.modal-footer,.drawer-head){background:#1c1918!important;border-color:#3b3330!important}
html[data-panel-theme="dark"] body.app :where(.tbl,.table,table){--table-bg:#1d1a19;color:#eadfd9}
html[data-panel-theme="dark"] body.app :where(.tbl,.table,table) th{background:#292421!important;color:#d7c9c2!important;border-color:#403835!important}
html[data-panel-theme="dark"] body.app :where(.tbl,.table,table) td{background:#1d1a19!important;color:#eadfd9!important;border-color:#37302d!important}
html[data-panel-theme="dark"] body.app :where(.tbl,.table,table) tr:hover td{background:#272220!important}

/* Botões claros/ghost que ficavam sem contraste. */
html[data-panel-theme="dark"] body.app :where(.btn-ghost,.btn-soft,.btn-icon,.chip,.tab,.tabs button,.integrated-link){background:#2a2523!important;color:#f2e7e2!important;border-color:#4a403c!important}
html[data-panel-theme="dark"] body.app :where(.btn-ghost,.btn-soft,.btn-icon,.tabs button):hover{background:#352f2c!important;color:#fff8f4!important}
html[data-panel-theme="dark"] body.app .btn-primary{color:#fff!important}

/* Componentes que ainda tinham branco literal em módulos antigos. */
html[data-panel-theme="dark"] body.app [style*="background:#fff"],html[data-panel-theme="dark"] body.app [style*="background: #fff"],html[data-panel-theme="dark"] body.app [style*="background:#FFF"],html[data-panel-theme="dark"] body.app [style*="background: #FFF"],html[data-panel-theme="dark"] body.app [style*="background:white"],html[data-panel-theme="dark"] body.app [style*="background: white"]{background:#211e1d!important;color:#f2e7e2!important;border-color:#403835!important}
html[data-panel-theme="dark"] body.app [style*="color:#241"],html[data-panel-theme="dark"] body.app [style*="color: #241"],html[data-panel-theme="dark"] body.app [style*="color:#332"],html[data-panel-theme="dark"] body.app [style*="color: #332"],html[data-panel-theme="dark"] body.app [style*="color:#4A4"],html[data-panel-theme="dark"] body.app [style*="color: #4A4"]{color:#f2e7e2!important}

/* Calendário, mesas, editor visual e cards integrados. */
html[data-panel-theme="dark"] body.app :where(.cal-grid,.cal-dia,.calendar-grid,.calendar-day,.mesa-card,.guest-pool,.table-drop,.seat,.planta-props,.cat-box,.visual-props,.integrated-link,.timeline .tl-item){background:#1d1a19!important;color:#eadfd9!important;border-color:#3b3431!important}
html[data-panel-theme="dark"] body.app :where(.cal-dia.fora,.calendar-day.outside){background:#151313!important;color:#756b66!important}
html[data-panel-theme="dark"] body.app :where(.cal-dia.hoje,.calendar-day.today){outline-color:#9bb18d!important}
html[data-panel-theme="dark"] body.app svg.planta{background:#171515!important}
html[data-panel-theme="dark"] body.app .planta-canvas-wrap{background:#111010!important;border-color:#3b3431!important}

/* ------------ banners dos painéis: transição suave, contraste e movimento ------------ */
.r1478-slider{isolation:isolate;background:#251f1d}
.r1478-slider-track{overflow:hidden!important;isolation:isolate}
.r1478-slide{
  visibility:visible!important;pointer-events:none!important;opacity:0!important;z-index:1!important;
  transform:translate3d(28px,0,0) scale(.985)!important;filter:blur(8px) saturate(.9)!important;
  transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.22,.61,.36,1),filter .85s ease!important;
  will-change:opacity,transform,filter
}
.r1478-slide.active{pointer-events:auto!important;opacity:1!important;z-index:3!important;transform:translate3d(0,0,0) scale(1)!important;filter:none!important}
.r1478-slide::before,.r1478-slide::after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0;filter:blur(1px);opacity:.26;animation:r14710Blob 8s ease-in-out infinite alternate}
.r1478-slide::before{width:220px;height:220px;right:12%;top:-95px;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 68%)}
.r1478-slide::after{width:160px;height:160px;right:29%;bottom:-92px;background:radial-gradient(circle,rgba(255,221,196,.45),transparent 70%);animation-duration:10s;animation-direction:alternate-reverse}
.r1478-slide-copy,.r1478-slide-art{position:relative;z-index:2}
.r1478-slide-art>span{animation:r14710Float 4.8s ease-in-out infinite!important}
.r1478-slide-art i{animation-duration:5.4s!important}
.r1478-slide-cta{position:relative;z-index:5!important;max-width:max-content!important}
.r1478-slider-arrow{z-index:12!important}
.r1478-slider-dots{z-index:12!important;align-items:center!important}
.r1478-slider-dots button{flex:0 0 auto!important;width:8px!important;height:8px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;transform:none!important}
.r1478-slider-dots button.active{width:27px!important;height:8px!important}
@keyframes r14710Float{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-13px,0) rotate(3deg)}}
@keyframes r14710Blob{from{transform:translate3d(-12px,-6px,0) scale(.96)}to{transform:translate3d(24px,20px,0) scale(1.12)}}

/* Tons escuros dedicados: sem filter/brightness que lavava o texto. */
html[data-panel-theme="dark"] body.app .r1478-slide{color:#fff8f5!important}
html[data-panel-theme="dark"] body.app .r1478-slide h2,html[data-panel-theme="dark"] body.app .r1478-slide p,html[data-panel-theme="dark"] body.app .r1478-slide-tag{color:inherit!important;text-shadow:0 1px 18px rgba(0,0,0,.16)}
html[data-panel-theme="dark"] body.app .r1478-slide p{opacity:.86!important}
html[data-panel-theme="dark"] body.app .r1478-slide.tone-rose{background:linear-gradient(125deg,#382626,#6d4140 58%,#84524d)!important}
html[data-panel-theme="dark"] body.app .r1478-slide.tone-plum{background:linear-gradient(125deg,#23191f,#4e3039 58%,#6b414c)!important}
html[data-panel-theme="dark"] body.app .r1478-slide.tone-champagne{background:linear-gradient(125deg,#33291f,#55432d 60%,#795f3b)!important}
html[data-panel-theme="dark"] body.app .r1478-slide.tone-sage{background:linear-gradient(125deg,#1f281f,#344332 60%,#4c6047)!important}
html[data-panel-theme="dark"] body.app .r1478-slide.tone-blue{background:linear-gradient(125deg,#1e2730,#324354 60%,#48647d)!important}
html[data-panel-theme="dark"] body.app .r1478-slide-cta{background:rgba(20,16,15,.38)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important;backdrop-filter:blur(8px)!important}

/* Mobile: só o slide ativo é percebido; indicadores ficam pequenos e limpos. */
@media(max-width:820px){
  .r1478-slider,.r1478-slider-track{overflow:hidden!important}
  .r1478-slide{inset:0!important;width:100%!important;max-width:100%!important;transform:translate3d(18px,0,0) scale(.99)!important}
  .r1478-slide.active{transform:none!important}
  .r1478-slide-art{right:-34px!important;bottom:-26px!important;opacity:.16!important;transform:none!important}
  .r1478-slider-dots{left:24px!important;right:auto!important;bottom:18px!important;display:flex!important;gap:7px!important;width:auto!important;max-width:calc(100% - 48px)!important;background:rgba(0,0,0,.10);padding:6px 8px!important;border-radius:999px!important;backdrop-filter:blur(7px)}
  .r1478-slider-dots button{background:rgba(255,255,255,.52)!important;box-shadow:none!important}
  .r1478-slider-dots button.active{background:#fff!important}
  .r1478-slide-cta{width:auto!important;min-height:44px!important;padding:10px 16px!important;white-space:normal!important}
}

/* Corrige overflow horizontal residual no app inteiro. */
@media(max-width:820px){
  html,body,body.app,.app-shell,.app-main,.app-content,#view{max-width:100%!important;overflow-x:clip!important}
  #view :where(.grid,.row,.toolbar,.tabs,.chips,.form-row,.panel-head,.supplier-kpis,.eco-search,.r144-kanban,.r1477-filter-grid){max-width:100%!important;min-width:0!important}
  #view :where(img,svg,canvas,video,iframe){max-width:100%!important}
}
@media(prefers-reduced-motion:reduce){.r1478-slide,.r1478-slide::before,.r1478-slide::after,.r1478-slide-art>span{transition:none!important;animation:none!important}}

/* R14.7.11 — contador de Aura no topo dos painéis. */
.r14711-aura-top{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;height:38px;padding:4px 11px 4px 7px;border:1px solid color-mix(in srgb,var(--rose-500,#b87b75) 24%,var(--line));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--blush-50) 86%,#fff),color-mix(in srgb,var(--champagne-100) 72%,#fff));color:var(--ink-800);font:inherit;cursor:pointer;box-shadow:0 5px 18px rgba(80,55,48,.06);overflow:visible}.r14711-aura-orb{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fff7ca 0 12%,#f4c66c 35%,#bc7d79 72%,#81545a);color:#fff;font-size:.88rem;box-shadow:0 0 0 3px rgba(220,174,112,.12),0 0 18px rgba(218,158,91,.28)}.r14711-aura-copy{display:grid;text-align:left;line-height:1}.r14711-aura-copy b{font-size:.78rem;font-variant-numeric:tabular-nums}.r14711-aura-copy small{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-500)}.r14711-aura-gain{position:absolute;left:50%;top:-4px;transform:translate(-50%,-55%);opacity:0;pointer-events:none;color:#b9783f;font-weight:800;font-size:.75rem;text-shadow:0 1px #fff}.r14711-aura-top.gain{animation:r14711AuraPulse .72s ease}.r14711-aura-top.gain .r14711-aura-orb{animation:r14711AuraOrb .78s ease}.r14711-aura-top.gain .r14711-aura-gain{animation:r14711AuraGain 1.15s ease forwards}.r14711-aura-spark{position:absolute;left:20px;top:18px;width:5px;height:5px;border-radius:50%;background:#efc46f;pointer-events:none;z-index:-1;animation:r14711AuraSpark 1.05s ease-out forwards;transform:rotate(calc(var(--i)*45deg)) translateX(6px)}@keyframes r14711AuraPulse{45%{transform:scale(1.07);box-shadow:0 7px 28px rgba(208,143,91,.22)}}@keyframes r14711AuraOrb{45%{transform:rotate(16deg) scale(1.18);filter:brightness(1.12)}}@keyframes r14711AuraGain{0%{opacity:0;transform:translate(-50%,0) scale(.7)}22%{opacity:1;transform:translate(-50%,-70%) scale(1.12)}100%{opacity:0;transform:translate(-50%,-190%) scale(.9)}}@keyframes r14711AuraSpark{0%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--i)*45deg)) translateX(35px) scale(.1)}}html[data-panel-theme="dark"] .r14711-aura-top{background:linear-gradient(135deg,#292221,#30271f);border-color:#4a3c34;color:#fff7f3}.native-bride-r14 .r14711-aura-top{height:36px;padding-right:8px}.native-bride-r14 .r14711-aura-copy small{display:none}@media(max-width:820px){.r14711-aura-top{height:35px;padding:4px 6px}.r14711-aura-copy small{display:none}.r14711-aura-orb{width:25px;height:25px}.r14711-aura-copy b{font-size:.7rem}}@media(max-width:390px){.r14711-aura-copy{display:none}.r14711-aura-top{width:34px;padding:4px;justify-content:center}}