/* FUTUREOS ENTERPRISE 5.8.3 — ENTERPRISE DESIGN SYSTEM */
:root{
  --eds-black:#050506;--eds-white:#fff;--eds-paper:#FBFBFC;
  --eds-silver:#E8E8EC;--eds-silver-soft:#F3F3F5;
  --eds-graphite:#3A3A3C;--eds-petroleum:#08272D;
  --eds-petroleum-hover:#0D343B;--eds-teal:#58E7D6;
  --eds-teal-strong:#16D7C7;--eds-text:#1C1C1E;
  --eds-text-2:#4A4A4F;--eds-text-3:#77777D;
}

/* LOGO CONTRAST LAW: dark surface = white, light surface = black */
[data-dark-surface] .theme-brand-logo,
[data-dark-surface] .future-app-brand-logo,
[data-dark-surface] .future-login-logo,
[data-dark-surface] .fsq-logo-image,
img[data-logo-role="inverse"],
.dark-logo-surface .theme-brand-logo,
.dark-logo-surface .fsq-logo-image{
  content:url("../assets/logo-white.png?v=5.8.3")!important;
  filter:none!important;opacity:1!important;
}
[data-light-surface] .theme-brand-logo,
[data-light-surface] .future-login-logo,
[data-light-surface] .fsq-logo-image,
img[data-logo-role="brand"]{
  content:url("../assets/logo-preto.png?v=5.8.3");
  filter:none!important;
}

/* Permanent dark system shell */
.future-app-sidebar,.future-app-topbar{
  background:#050506!important;color:#fff!important;color-scheme:dark!important;
}
.future-app-sidebar .future-app-brand-logo,
.future-app-topbar .theme-brand-logo{
  content:url("../assets/logo-white.png?v=5.8.3")!important;
}
.future-app-brand strong,.future-app-brand span,
.future-app-topbar h1,.future-app-topbar h2,.future-app-topbar strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.future-app-brand small,.future-user-chip span,.future-sync-indicator{
  color:rgba(255,255,255,.64)!important;
}
.future-app-nav-btn{color:rgba(255,255,255,.76)!important}
.future-app-nav-btn span{color:inherit!important}
.future-app-nav-btn i{color:rgba(255,255,255,.68)!important}
.future-app-nav-btn:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.future-app-nav-btn.active{
  background:linear-gradient(90deg,rgba(88,231,214,.16),rgba(88,231,214,.05))!important;
  border-color:rgba(88,231,214,.24)!important;color:#fff!important;
}
.future-app-nav-btn.active i,.future-app-nav-btn:hover i{color:#58E7D6!important}

/* Login card is permanently dark; logos remain white */
.login-stage,.login-panel,.login-intro,.panel-mobile-brand{
  color-scheme:dark!important;
}
.login-stage .fsq-logo-image,.login-panel .fsq-logo-image,
.login-intro .fsq-logo-image,.panel-mobile-brand .fsq-logo-image,
html:not(.dark) .login-stage .fsq-logo-image,
html:not(.dark) .login-panel .fsq-logo-image,
html[data-theme="light"] .login-stage .fsq-logo-image,
html[data-theme="light"] .login-panel .fsq-logo-image{
  content:url("../assets/logo-white.png?v=5.8.3")!important;
  filter:drop-shadow(0 12px 25px rgba(67,234,215,.18))!important;
}

/* OFFICIAL BUTTON SYSTEM */
.fui-btn,.btn,button{
  transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;
}
.fui-btn-primary,.btn-primary,.btn.quantum,.btn-entrar,
[data-action-primary],.future-primary-action{
  background:linear-gradient(90deg,#4DE1D1,#16CDBB)!important;
  border-color:rgba(22,205,187,.72)!important;color:#071416!important;
  box-shadow:0 10px 26px rgba(22,205,187,.16)!important;
}
.fui-btn-primary *,.btn-primary *,.btn.quantum *,.btn-entrar *,
[data-action-primary] *{color:#071416!important}
.fui-btn-primary:hover,.btn-primary:hover,.btn.quantum:hover,
.btn-entrar:hover,[data-action-primary]:hover{
  background:linear-gradient(90deg,#65EBDD,#2BD8C7)!important;
  color:#051112!important;transform:translateY(-1px);
}
.fui-btn-secondary,.btn-secondary,[data-action-secondary],
.future-secondary-action{
  background:#08272D!important;border-color:rgba(88,231,214,.18)!important;
  color:#fff!important;box-shadow:none!important;
}
.fui-btn-secondary *,.btn-secondary *,[data-action-secondary] *{color:#fff!important}
.fui-btn-secondary:hover,.btn-secondary:hover,[data-action-secondary]:hover{
  background:#0D343B!important;border-color:rgba(88,231,214,.36)!important;color:#fff!important;
}

/* Light workspace */
html[data-theme="light"] .future-app-main{
  background:#E9EAED!important;color:#1C1C1E!important;
}
html[data-theme="light"] .future-panel,
html[data-theme="light"] .future-modal,
html[data-theme="light"] .fui-modal,
html[data-theme="light"] .future-list-card,
html[data-theme="light"] .commercial-table-card,
html[data-theme="light"] .financial-table-wrap{
  background:#fff!important;color:#1C1C1E!important;
  border-color:rgba(28,28,30,.10)!important;
  box-shadow:0 14px 38px rgba(28,28,30,.065)!important;
}
html[data-theme="light"] .future-kpi,
html[data-theme="light"] .commercial-kpis article,
html[data-theme="light"] .financial-kpis article,
html[data-theme="light"] .activation-metrics article,
html[data-theme="light"] .labs-kpis article,
html[data-theme="light"] .financial-operation-list article{
  background:linear-gradient(145deg,#F9F9FA,#E6E7EA)!important;
  color:#1C1C1E!important;border:1px solid rgba(28,28,30,.10)!important;
}
html[data-theme="light"] .labs-product-grid>article,
html[data-theme="light"] .financial-subscription-card,
html[data-theme="light"] .financial-partner-card,
html[data-theme="light"] .integration-card{
  background:#F3F3F5!important;color:#1C1C1E!important;
  border-color:rgba(28,28,30,.11)!important;
}
html[data-theme="light"] .labs-product-grid>article *,
html[data-theme="light"] .financial-subscription-card *,
html[data-theme="light"] .financial-partner-card *{color:inherit}
html[data-theme="light"] .labs-product-grid>article p,
html[data-theme="light"] .financial-subscription-card p,
html[data-theme="light"] .financial-partner-card p{color:#4A4A4F!important}
html[data-theme="light"] .labs-product-grid>article>header span,
html[data-theme="light"] .fui-kicker,
html[data-theme="light"] .overline{color:#0D5960!important}

/* Operational tabs retain petroleum */
html[data-theme="light"] .commercial-tabs button,
html[data-theme="light"] .financial-tabs button,
html[data-theme="light"] .labs-tabs button,
html[data-theme="light"] .future-tabs button,
html[data-theme="light"] .segmented-control button{
  background:#08272D!important;color:#fff!important;
  border-color:rgba(88,231,214,.17)!important;
}
html[data-theme="light"] .commercial-tabs button *,
html[data-theme="light"] .financial-tabs button *,
html[data-theme="light"] .labs-tabs button *,
html[data-theme="light"] .future-tabs button *{color:inherit!important}
html[data-theme="light"] .commercial-tabs button.active,
html[data-theme="light"] .financial-tabs button.active,
html[data-theme="light"] .labs-tabs button.active,
html[data-theme="light"] .future-tabs button.active{
  background:#0D343B!important;color:#58E7D6!important;
}

/* Product-card action is always primary teal */
html[data-theme="light"] .labs-product-grid .fui-btn{
  background:linear-gradient(90deg,#4DE1D1,#16CDBB)!important;
  color:#071416!important;border-color:rgba(22,205,187,.72)!important;
}
html[data-theme="light"] .labs-product-grid .fui-btn *{color:#071416!important}

/* Typography hierarchy */
html[data-theme="light"] .future-app-main h1,
html[data-theme="light"] .future-app-main h2,
html[data-theme="light"] .future-app-main h3,
html[data-theme="light"] .future-app-main strong,
html[data-theme="light"] .future-app-main .money{color:#1C1C1E!important}
html[data-theme="light"] .future-app-main p,
html[data-theme="light"] .future-app-main td,
html[data-theme="light"] .future-app-main label{color:#4A4A4F!important}
html[data-theme="light"] .future-app-main small,
html[data-theme="light"] .future-app-main .muted{color:#77777D!important}

/* Tables */
html[data-theme="light"] .future-table thead th,
html[data-theme="light"] .financial-table thead th,
html[data-theme="light"] .commercial-table thead th,
html[data-theme="light"] .ft-table thead th{
  background:#E8E8EC!important;color:#57575D!important;
}
html[data-theme="light"] .future-table tbody td,
html[data-theme="light"] .financial-table tbody td,
html[data-theme="light"] .commercial-table tbody td,
html[data-theme="light"] .ft-table tbody td{
  background:#fff!important;color:#4A4A4F!important;
}
html[data-theme="light"] .future-table tbody tr:nth-child(even) td,
html[data-theme="light"] .financial-table tbody tr:nth-child(even) td,
html[data-theme="light"] .commercial-table tbody tr:nth-child(even) td,
html[data-theme="light"] .ft-table tbody tr:nth-child(even) td{
  background:#F5F5F7!important;
}

/* Forms */
html[data-theme="light"] .future-app-main input,
html[data-theme="light"] .future-app-main select,
html[data-theme="light"] .future-app-main textarea{
  background:#fff!important;color:#1C1C1E!important;
  border-color:rgba(28,28,30,.14)!important;
}
html[data-theme="light"] .future-app-main input:focus,
html[data-theme="light"] .future-app-main select:focus,
html[data-theme="light"] .future-app-main textarea:focus{
  border-color:#16D7C7!important;
  box-shadow:0 0 0 3px rgba(22,215,199,.10)!important;
}

/* Login light mode: text remains readable on dark card */
html[data-theme="light"] body.login-public-page .login-stage,
html[data-theme="light"] body.login-public-page .login-panel{color:#fff!important}
html[data-theme="light"] body.login-public-page .login-stage h1,
html[data-theme="light"] body.login-public-page .login-stage h2,
html[data-theme="light"] body.login-public-page .login-stage strong,
html[data-theme="light"] body.login-public-page .login-panel h2,
html[data-theme="light"] body.login-public-page .login-panel label{color:#fff!important}