/*
 * Flux CRM 5.3.4 · camada final de superfícies claras e contraste
 * Carregada por último para neutralizar componentes antigos do tema escuro.
 * Não altera estrutura, dimensões funcionais, IDs, eventos ou regras do sistema.
 */

body[data-theme="crm-premium"]{
  --bg:#f4f7fb!important;
  --panel:#ffffff!important;
  --panel2:#f7f9fc!important;
  --line:#dfe6ee!important;
  --text:#172033!important;
  --muted:#66758a!important;
  --green:#137a52!important;
  --danger:#bd2f46!important;
  --warning:#9a6100!important;
  color-scheme:light!important;
}

/* --------------------------------------------------------------------------
   Cards e caixas que ainda vinham do tema escuro
   -------------------------------------------------------------------------- */
body[data-theme="crm-premium"] .content :is(
  .metrics-kpi,
  .metrics-highlight-stat,
  .global-stat,
  .viz-stat,
  .queue-card,
  .flow-node-card,
  .content-admin-card,
  .collector-history-item,
  .collector-preview-item,
  .collector-result-row,
  .calendar-day,
  .calendar-event,
  .message-builder,
  .message-field,
  .metric-table-wrap,
  .flow-builder-intro,
  .flow-content-legend span,
  .flow-content-section,
  .flow-behavior-section,
  .flow-button-row,
  .flow-ai-node-box,
  .flow-ai-flow-panel,
  .flow-mode-card,
  .flow-manual-steps>div,
  .health-summary-grid .metric-card,
  .activity-chip-grid>div,
  .log-file-grid>div:not(.empty-state),
  .flow-layout-tip,
  .system-update-summary article,
  .cron-card,
  .field-builder,
  .drag-handle,
  .campaign-note,
  .whx-group-preview,
  .whx-example-steps article,
  .subscription-summary,
  .signup-summary,
  .sales-summary,
  .trial-plan-box,
  .signup-legal-box,
  .legal-registration-box,
  .public-link-box,
  .domain-status-box,
  .selected-summary,
  .collector-selected-summary,
  .backup-status-row,
  .tracked-button-box,
  .tracked-link-box,
  .payment-config-box,
  .flow-ai-box,
  .gateway-charge-panel,
  .automation-payment-panel,
  .privacy-settings-panel,
  .welcome-sequence-box,
  .inline-metrics span
){
  background:#ffffff!important;
  background-image:none!important;
  color:#172033!important;
  border-color:#dfe6ee!important;
  box-shadow:0 3px 14px rgba(19,41,70,.055)!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Grades de indicadores que possuem filhos sem classe própria. */
body[data-theme="crm-premium"] .content :is(
  .queue-metrics,
  .flow-stats,
  .metric-grid,
  .tracking-metrics,
  .stats,
  .health-summary-grid,
  .social-metric-grid,
  .fw-metric-grid,
  .live-summary-grid,
  .pricing-card-values
)>:is(article,div,span){
  background:#ffffff!important;
  background-image:none!important;
  color:#172033!important;
  border-color:#dfe6ee!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Métricas por funcionário: correção explícita da tela mostrada. */
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-kpi{
  min-height:118px!important;
  padding:17px!important;
  border:1px solid #dfe6ee!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#ffffff,#f9fbfd)!important;
  box-shadow:0 7px 22px rgba(20,42,70,.07)!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-kpi::after{
  background:radial-gradient(circle,rgba(20,118,255,.12),transparent 70%)!important;
  opacity:.65!important;
  filter:none!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-kpi>span{
  color:#52657c!important;
  text-shadow:none!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-kpi>strong{
  color:#101b35!important;
  text-shadow:none!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-kpi>small{
  color:#68798e!important;
  text-shadow:none!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-highlight-stat{
  border:1px solid #dfe6ee!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-highlight-stat b,
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-ranking-row strong{
  color:#172033!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-highlight-stat span,
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-highlight-main :is(small,p),
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-ranking-row>span{
  color:#66758a!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-ranking-track{
  background:#e9eef5!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .metrics-user-avatar{
  background:#eaf3ff!important;
  border-color:#cfe0f3!important;
  color:#1767c8!important;
  box-shadow:none!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .crm-chart-empty{
  border-color:#d6e0ea!important;
  background:#f8fafc!important;
  color:#66758a!important;
}
body[data-theme="crm-premium"][data-route="user-metrics"] .crm-chart-axis-label{fill:#66758a!important}
body[data-theme="crm-premium"][data-route="user-metrics"] .crm-chart-axis-strong,
body[data-theme="crm-premium"][data-route="user-metrics"] .crm-chart-value{fill:#344258!important}

/* --------------------------------------------------------------------------
   Tipografia: remove cores neon herdadas e aumenta contraste no fundo claro
   -------------------------------------------------------------------------- */
body[data-theme="crm-premium"] .content :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:#172033!important;
  text-shadow:none!important;
  filter:none!important;
}
body[data-theme="crm-premium"] .content :is(p,small,label,.muted){
  color:#66758a!important;
  text-shadow:none!important;
  filter:none!important;
}
body[data-theme="crm-premium"] .content :is(
  .public-url,
  .metric-url,
  .collector-preview-item>span,
  .collector-history-item span,
  .collector-result-row a,
  .whx-group-preview a,
  .legal-check a,
  .link-button
){
  color:#1767c8!important;
  text-shadow:none!important;
}
body[data-theme="crm-premium"] .content :is(code,pre,.code-sample){
  background:#f4f7fa!important;
  color:#314158!important;
  border-color:#d9e2eb!important;
  text-shadow:none!important;
}

/* Badges e estados em tons claros, com texto escuro e legível. */
body[data-theme="crm-premium"] .content :is(
  .badge,
  .inbox-origin-badge,
  .campaign-source-badge,
  .source-chip,
  .message-archive-badge,
  .automation-contact-status,
  .automation-paused-badge,
  .metrics-result-badges span
){
  border:1px solid #cfe0f3!important;
  background:#eaf3ff!important;
  color:#1767c8!important;
  text-shadow:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body[data-theme="crm-premium"] .content :is(
  .badge.green,.badge.success,
  .automation-contact-status:not(.is-paused),
  .metrics-result-badges .won,
  .status-success,.is-success,.trend-up
){
  border-color:#c7ead9!important;
  background:#edf9f3!important;
  color:#137a52!important;
}
body[data-theme="crm-premium"] .content :is(
  .badge.warning,.badge.pending,
  .automation-paused-badge,
  .automation-contact-status.is-paused,
  .metrics-result-badges .open,
  .status-warning,.is-warning,.trend-neutral
){
  border-color:#efdcae!important;
  background:#fff7e5!important;
  color:#925d00!important;
}
body[data-theme="crm-premium"] .content :is(
  .badge.danger,.badge.error,
  .metrics-result-badges .lost,
  .status-danger,.status-error,.is-danger,.is-error,.trend-down
){
  border-color:#efc7ce!important;
  background:#fff0f2!important;
  color:#b72e45!important;
}

/* Estados de mensagem que eram fluorescentes no Inbox. */
body[data-theme="crm-premium"] .content .message-delivery-status.status-read{color:#137a52!important}
body[data-theme="crm-premium"] .content .message-delivery-status.status-delivered{color:#326aa7!important}
body[data-theme="crm-premium"] .content .message-delivery-status.status-failed{color:#b72e45!important}
body[data-theme="crm-premium"] .content .message-archive-badge{
  border-color:#c7ead9!important;
  background:#edf9f3!important;
  color:#137a52!important;
}

/* Caixas e linhas internas que ainda carregavam azul/preto escuro. */
body[data-theme="crm-premium"] .content :is(
  .collector-result-row.head,
  .message-view-tools,
  .flow-content-legend span,
  .calendar-event,
  .drag-handle
){
  background:#f4f7fa!important;
  color:#526174!important;
  border-color:#dfe6ee!important;
}
body[data-theme="crm-premium"] .content .message-media-preview{
  background:#f4f7fa!important;
  border-color:#d9e2eb!important;
}
body[data-theme="crm-premium"] .content .message-media{
  background:#f8fafc!important;
  border-color:#d9e2eb!important;
  color:#344258!important;
}
body[data-theme="crm-premium"] .content .message.is-deleted{
  background:#fff8e9!important;
  border-color:#ecd8aa!important;
  color:#5e4a1e!important;
}

/* Neutraliza brilhos de texto e halos do tema neon dentro da área clara. */
body[data-theme="crm-premium"] .content :is(
  [class*="neon"],
  [class*="glow"],
  [class*="fluor"],
  .status-light,
  .crm-chart-legend i,
  .metrics-ranking-track i
){
  text-shadow:none!important;
  filter:none!important;
}
body[data-theme="crm-premium"] .content .status-light{box-shadow:0 0 0 3px rgba(189,47,70,.10)!important}
body[data-theme="crm-premium"] .content .status-light.on{box-shadow:0 0 0 3px rgba(19,122,82,.10)!important}

/* Botões coloridos conservam contraste após a regra geral de títulos/textos. */
body[data-theme="crm-premium"] .content :is(.btn.primary,.btn.primary *,button.primary,button.primary *){
  color:#ffffff!important;
}
body[data-theme="crm-premium"] .content :is(.btn.danger,.btn.danger *){color:#b72e45!important}

/* Inbox: origem e estados sem verde-limão fluorescente. */
body.inbox-focus-layout .inbox-origin-badge{
  border:1px solid #cfe0f3!important;
  background:#eaf3ff!important;
  color:#1767c8!important;
  text-shadow:none!important;
}
body.inbox-focus-layout .automation-paused-badge{
  border-color:#efdcae!important;
  background:#fff7e5!important;
  color:#925d00!important;
}

/* Campos de cor mantêm a amostra, mas sem o fundo preto ao redor. */
body[data-theme="crm-premium"] .content input[type="color"]{
  background:#ffffff!important;
  border-color:#d9e2eb!important;
}

/* --------------------------------------------------------------------------
   Settings · Uso do plano: correção direta e definitiva dos quatro cards
   -------------------------------------------------------------------------- */
body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-panel{
  background:#ffffff!important;
  background-image:none!important;
  color:#172033!important;
  border-color:#dfe6ee!important;
  box-shadow:0 4px 18px rgba(19,41,70,.055)!important;
}
body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-grid{
  gap:14px!important;
}
body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-card,
body[data-theme="crm-premium"][data-route="settings"] .quota-grid>.quota-item{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:18px 20px!important;
  border:1px solid #dfe6ee!important;
  border-radius:15px!important;
  background:#f8fafc!important;
  background-image:none!important;
  color:#172033!important;
  box-shadow:0 2px 10px rgba(19,41,70,.045)!important;
  text-shadow:none!important;
  filter:none!important;
}
body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-card::before,
body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-card::after,
body[data-theme="crm-premium"][data-route="settings"] .quota-grid>.quota-item::before,
body[data-theme="crm-premium"][data-route="settings"] .quota-grid>.quota-item::after{
  content:none!important;
  display:none!important;
}
body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-card>b,
body[data-theme="crm-premium"][data-route="settings"] .quota-grid>.quota-item>b{
  color:#52657c!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}
body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-card>strong,
body[data-theme="crm-premium"][data-route="settings"] .quota-grid>.quota-item>strong{
  margin-top:9px!important;
  color:#101b35!important;
  font-size:25px!important;
  line-height:1.12!important;
  font-weight:800!important;
  text-shadow:none!important;
}
@media(max-width:760px){
  body[data-theme="crm-premium"][data-route="settings"] .settings-plan-usage-card,
  body[data-theme="crm-premium"][data-route="settings"] .quota-grid>.quota-item{
    min-height:94px!important;
    padding:15px!important;
  }
}


/* ========================================================================== 
   Flux CRM 5.3.4 · correção global final — nenhuma superfície escura na área
   de conteúdo. Esta camada precisa permanecer no fim deste arquivo.
   ========================================================================== */

/* Superfícies estruturais, cards, caixas e barras internas sempre claras. */
body[data-theme="crm-premium"] .content :is(
  .card,
  .panel,
  .box,
  .toolbar,
  .tabs,
  .summary,
  .stat-card,
  .metric-card,
  .table-wrap,
  .metric-table-wrap,
  .cards-list,
  .crm-chart,
  .crm-chart-wrap,
  .crud-tabs,
  .module-tabs,
  .health-tabs,
  .flow-editor-tabs,
  .flux-listing-toolbar,
  .inbox-layout-toolbar,
  .flow-layout-tip,
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-box"],
  [class*="-box "],
  [class$="-summary"],
  [class*="-summary "],
  [class$="-toolbar"],
  [class*="-toolbar "],
  [class$="-tabs"],
  [class*="-tabs "]
){
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  color:#172033!important;
  border-color:#dbe4ee!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Cards recebem acabamento leve, sem blocos cinza/preto. */
body[data-theme="crm-premium"] .content :is(
  .card,
  .stat-card,
  .metric-card,
  [class$="-card"],
  [class*="-card "]
){
  box-shadow:0 5px 18px rgba(20,42,70,.065)!important;
}

/* Painéis grandes permanecem brancos e discretos. */
body[data-theme="crm-premium"] .content :is(
  article.panel,
  section.panel,
  div.panel,
  [class$="-panel"],
  [class*="-panel "]
){
  box-shadow:0 7px 24px rgba(20,42,70,.055)!important;
}

/* Abas automáticas de cadastros/listagens: corrige a faixa cinza da Settings. */
body[data-theme="crm-premium"] .content :is(.crud-tabs,.module-tabs,.health-tabs,.flow-editor-tabs){
  padding:8px!important;
  border:1px solid #dbe4ee!important;
  border-radius:16px!important;
  background:#ffffff!important;
  box-shadow:0 4px 16px rgba(20,42,70,.05)!important;
}
body[data-theme="crm-premium"] .content :is(.crud-tabs,.module-tabs,.health-tabs,.flow-editor-tabs) :is(button,a){
  border:1px solid transparent!important;
  background:transparent!important;
  background-image:none!important;
  color:#52657a!important;
  text-shadow:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body[data-theme="crm-premium"] .content :is(.crud-tabs,.module-tabs,.health-tabs,.flow-editor-tabs) :is(button,a):hover{
  border-color:#d5e4f5!important;
  background:#f3f7fc!important;
  color:#1767c8!important;
}
body[data-theme="crm-premium"] .content :is(.crud-tabs,.module-tabs,.health-tabs,.flow-editor-tabs) :is(button,a).is-active,
body[data-theme="crm-premium"] .content :is(.crud-tabs,.module-tabs,.health-tabs,.flow-editor-tabs) [aria-selected="true"]{
  border-color:#1677ff!important;
  background:linear-gradient(135deg,#1677ff,#7357f5)!important;
  color:#ffffff!important;
  box-shadow:0 7px 18px rgba(22,119,255,.18)!important;
}
body[data-theme="crm-premium"] .content :is(.crud-tabs,.module-tabs,.health-tabs,.flow-editor-tabs) :is(button,a).is-active *,
body[data-theme="crm-premium"] .content :is(.crud-tabs,.module-tabs,.health-tabs,.flow-editor-tabs) [aria-selected="true"] *{
  color:#ffffff!important;
}

/* Barra de busca, paginação e exportação das listagens. */
body[data-theme="crm-premium"] .content .flux-listing-toolbar{
  border:1px solid #dbe4ee!important;
  background:#ffffff!important;
  box-shadow:0 5px 18px rgba(20,42,70,.055)!important;
}
body[data-theme="crm-premium"] .content :is(.flux-listing-search,.flux-listing-page-size select){
  border-color:#d6e0eb!important;
  background:#ffffff!important;
  color:#172033!important;
  box-shadow:none!important;
}
body[data-theme="crm-premium"] .content .flux-listing-search::placeholder{color:#8a98aa!important}
body[data-theme="crm-premium"] .content .flux-listing-page-size{color:#52657a!important}
body[data-theme="crm-premium"] .content .flux-listing-export .btn{
  border-color:#d6e0eb!important;
  background:#ffffff!important;
  color:#27364b!important;
  box-shadow:none!important;
}
body[data-theme="crm-premium"] .content .flux-listing-export .btn:hover{
  border-color:#1677ff!important;
  background:#eef5ff!important;
  color:#1767c8!important;
}
body[data-theme="crm-premium"] .content .flux-listing-page{
  border-color:#d6e0eb!important;
  background:#ffffff!important;
  color:#42536a!important;
}
body[data-theme="crm-premium"] .content .flux-listing-page:hover:not(:disabled){
  border-color:#1677ff!important;
  background:#eef5ff!important;
  color:#1767c8!important;
}
body[data-theme="crm-premium"] .content .flux-listing-page.is-active{
  border-color:#1677ff!important;
  background:#1677ff!important;
  color:#ffffff!important;
}
body[data-theme="crm-premium"] .content .flux-listing-empty{
  border-color:#d6e0eb!important;
  background:#f8fafc!important;
  color:#52657a!important;
}

/* Campos internos de cards e painéis nunca voltam ao azul/preto antigo. */
body[data-theme="crm-premium"] .content :is(
  .panel,
  .card,
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-box"],
  [class*="-box "]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){
  border-color:#d6e0eb!important;
  background:#ffffff!important;
  color:#172033!important;
  box-shadow:none!important;
}
body[data-theme="crm-premium"] .content :is(input,select,textarea)::placeholder{color:#8a98aa!important}

/* Elementos de texto que ainda herdavam azul neon/cinza claro. */
body[data-theme="crm-premium"] .content :is(
  .crud-tabs button,
  .crud-tabs a,
  .module-tabs button,
  .module-tabs a,
  .health-tabs button,
  .health-tabs a,
  .flux-listing-toolbar,
  .flux-listing-toolbar span,
  .flux-listing-toolbar label,
  .flux-listing-summary,
  .panel-head small,
  .panel-head p
){
  text-shadow:none!important;
  filter:none!important;
}

/* Estados selecionados continuam visíveis, porém claros. */
body[data-theme="crm-premium"] .content :is(
  [class$="-card"],
  [class*="-card "],
  [class$="-box"],
  [class*="-box "]
).is-active,
body[data-theme="crm-premium"] .content :is(
  [class$="-card"],
  [class*="-card "],
  [class$="-box"],
  [class*="-box "]
).selected{
  border-color:#9fc7f7!important;
  background:#f1f7ff!important;
}

/* Exceções funcionais: botões primários e ícones de canal mantêm suas cores. */
body[data-theme="crm-premium"] .content :is(.btn.primary,button.primary,[type="submit"].primary){
  background:linear-gradient(135deg,#1677ff,#7357f5)!important;
  color:#ffffff!important;
  border-color:transparent!important;
}
body[data-theme="crm-premium"] .content :is(.btn.primary,button.primary,[type="submit"].primary) *{color:#ffffff!important}
body[data-theme="crm-premium"] .content .inbox-channel-icon{color:#ffffff!important}

/* Settings: reforço específico para a navegação mostrada na captura. */
body[data-theme="crm-premium"][data-route="settings"] .content .crud-tabs{
  background:#ffffff!important;
  border-color:#dbe4ee!important;
}
body[data-theme="crm-premium"][data-route="settings"] .content .crud-tabs button:not(.is-active){
  background:#ffffff!important;
  color:#52657a!important;
}

/* Inbox 5.3.5: mantém os contadores de cada canal totalmente dentro da lateral. */
body.inbox-focus-layout .inbox-channel-tabs,
body[data-route="inbox"] .inbox-channel-tabs{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
body.inbox-focus-layout .inbox-channel-tabs a,
body[data-route="inbox"] .inbox-channel-tabs a{
  position:relative!important;
  box-sizing:border-box!important;
  grid-template-columns:30px minmax(0,1fr) max-content!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-left:10px!important;
  padding-right:12px!important;
  overflow:hidden!important;
}
body.inbox-focus-layout .inbox-channel-tabs a>span:nth-child(2),
body[data-route="inbox"] .inbox-channel-tabs a>span:nth-child(2){
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.inbox-focus-layout .inbox-channel-tabs a>b,
body[data-route="inbox"] .inbox-channel-tabs a>b{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:28px!important;
  max-width:52px!important;
  margin:0!important;
  padding:3px 8px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  line-height:1.25!important;
}
@media(max-width:1180px) and (min-width:761px){
  body.inbox-focus-layout .inbox-channel-tabs a,
  body[data-route="inbox"] .inbox-channel-tabs a{
    grid-template-columns:1fr!important;
    width:100%!important;
    padding:8px!important;
    overflow:visible!important;
  }
  body.inbox-focus-layout .inbox-channel-tabs a>b,
  body[data-route="inbox"] .inbox-channel-tabs a>b{
    position:absolute!important;
    top:2px!important;
    right:2px!important;
    min-width:20px!important;
    max-width:38px!important;
    padding:2px 5px!important;
    font-size:9px!important;
  }
}
@media(max-width:760px){
  body.inbox-focus-layout .inbox-channel-tabs a,
  body[data-route="inbox"] .inbox-channel-tabs a{
    width:48px!important;
    min-width:48px!important;
    overflow:visible!important;
  }
  body.inbox-focus-layout .inbox-channel-tabs a>b,
  body[data-route="inbox"] .inbox-channel-tabs a>b{
    position:absolute!important;
    top:1px!important;
    right:1px!important;
    min-width:18px!important;
    max-width:34px!important;
    padding:1px 4px!important;
    font-size:9px!important;
  }
}

/* =========================================================
   Flux CRM 5.3.7 · company-integrations totalmente clara
   Remove cartões escuros sem alterar formulários ou funções.
   ========================================================= */
body.route-company-integrations .integration-hero,
body.route-company-integrations .integration-settings-grid > .panel,
body.route-company-integrations #backup,
body.route-company-integrations #history {
  background:#ffffff !important;
  color:#10233f !important;
  border-color:#dbe5f0 !important;
  box-shadow:0 12px 32px rgba(15,35,64,.07) !important;
}
body.route-company-integrations .integration-hero h2,
body.route-company-integrations .integration-hero p,
body.route-company-integrations .panel h2,
body.route-company-integrations .panel h3,
body.route-company-integrations .panel b,
body.route-company-integrations .panel strong,
body.route-company-integrations .panel label,
body.route-company-integrations .panel summary {
  color:#10233f !important;
}
body.route-company-integrations .panel .muted,
body.route-company-integrations .panel small,
body.route-company-integrations .integration-hero p {
  color:#667b96 !important;
}
body.route-company-integrations .integration-hero-badges span,
body.route-company-integrations .integration-account,
body.route-company-integrations .integration-enable,
body.route-company-integrations .backup-destination-grid label,
body.route-company-integrations .backup-status-row > div {
  background:#ffffff !important;
  color:#10233f !important;
  border:1px solid #d8e4f0 !important;
  box-shadow:0 7px 20px rgba(15,35,64,.055) !important;
}
body.route-company-integrations .backup-destination-grid label:hover {
  border-color:#9fc0ea !important;
  background:#f8fbff !important;
  transform:translateY(-1px);
}
body.route-company-integrations .backup-destination-grid label:has(input:checked) {
  border-color:#2f80ed !important;
  background:#f1f7ff !important;
  box-shadow:0 0 0 3px rgba(47,128,237,.10),0 8px 22px rgba(15,35,64,.07) !important;
}
body.route-company-integrations .backup-destination-grid b,
body.route-company-integrations .backup-status-row b,
body.route-company-integrations .integration-account b {
  color:#10233f !important;
}
body.route-company-integrations .backup-destination-grid small,
body.route-company-integrations .backup-status-row small,
body.route-company-integrations .integration-account small {
  color:#667b96 !important;
}
body.route-company-integrations .backup-destination-grid input[type="checkbox"],
body.route-company-integrations .integration-enable input[type="checkbox"] {
  accent-color:#1677ff;
}
body.route-company-integrations .backup-destination-badges span,
body.route-company-integrations .backup-destination-badges a {
  background:#eef5ff !important;
  color:#1559a6 !important;
  border:1px solid #cfe0f5 !important;
}
body.route-company-integrations .profile-upload-drop {
  background:#f8fbff !important;
  border-color:#a9c7e8 !important;
  color:#10233f !important;
}
body.route-company-integrations .profile-upload-drop > span {
  background:#e8f2ff !important;
  color:#1677ff !important;
}
body.route-company-integrations input,
body.route-company-integrations select,
body.route-company-integrations textarea,
body.route-company-integrations .password-field {
  background:#ffffff !important;
  color:#10233f !important;
  border-color:#d4e0ed !important;
}
body.route-company-integrations input::placeholder,
body.route-company-integrations textarea::placeholder {
  color:#8b9db2 !important;
}