/*
 * Prospecta Corban v293 — Percentuais da empresa / tabelas de digitacao.
 * Apenas apresentacao. Limitado a #settings-tables no tema escuro.
 * Preserva logos de bancos, dados, regras de percentual e sincronizacao.
 */
html[data-app-theme="dark"] #settings-tables .automation-table-settings-shell {
  color: #e7f4ff;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-head {
  align-items: center;
  gap: 16px;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-head h3 {
  color: #f0f9ff !important;
  letter-spacing: -.025em !important;
  font-weight: 800 !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-save:not(:disabled) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(144, 225, 255, .69) !important;
  border-radius: 11px !important;
  color: #06213d !important;
  background: linear-gradient(108deg, #49a1fa, #70d2ff 60%, #a1edff) !important;
  box-shadow: 0 0 17px rgba(57, 164, 246, .19), inset 0 1px 0 rgba(255,255,255,.27) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-save:not(:disabled):hover {
  border-color: #b9f2ff !important;
  background: linear-gradient(108deg, #6ab6ff, #a0e8ff) !important;
  box-shadow: 0 0 23px rgba(60, 178, 249, .27) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-save:disabled {
  color: #9bb6cb !important;
  border-color: rgba(83, 151, 214, .27) !important;
  background: rgba(29, 71, 113, .31) !important;
  box-shadow: none !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-save:not(:disabled)::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
  left: -60%;
  top: -70%;
  width: 34%;
  height: 240%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(249,253,255,.32), transparent);
  transform: translate3d(0, 0, 0) skewX(-21deg);
  transition: transform .6s ease, opacity .14s ease;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-save:not(:disabled):is(:hover,:focus-visible)::after {
  opacity: 1;
  transform: translate3d(520%, 0, 0) skewX(-21deg);
}

/* Barra de pesquisa e cards de banco. */
html[data-app-theme="dark"] #settings-tables .automation-table-settings-search {
  border: 1px solid rgba(87, 162, 231, .32) !important;
  border-radius: 12px !important;
  background: linear-gradient(95deg, rgba(18, 49, 82, .96), rgba(11, 32, 58, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(186,227,255,.055) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-search:focus-within {
  border-color: rgba(116, 217, 255, .76) !important;
  box-shadow: 0 0 0 3px rgba(43, 149, 243, .12) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-search svg {
  stroke: #8ed4f3 !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-search input {
  color: #e7f5ff !important;
  background: transparent !important;
  font-size: 12.5px !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-search input::placeholder {
  color: #9ab8d0 !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank {
  border-color: rgba(85, 167, 239, .37) !important;
  background: linear-gradient(160deg, rgba(13, 38, 67, .98), rgba(8, 26, 47, .98)) !important;
  box-shadow: 0 14px 35px rgba(0, 8, 28, .20),
              inset 0 1px 0 rgba(166, 224, 255, .065) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank > header {
  border-bottom-color: rgba(91, 167, 237, .26) !important;
  background: linear-gradient(100deg, rgba(26, 96, 171, .19), rgba(11, 32, 59, .10) 75%) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank header strong {
  color: #f1f9ff !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank header small {
  color: #a2c1d6 !important;
}
/* Alterar somente a MOLDURA do logo, nunca a imagem original do banco. */
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank-logo.automation-bank-logo-frame {
  border-color: rgba(96, 191, 250, .40) !important;
  box-shadow: 0 7px 19px rgba(0, 13, 39, .24), 0 0 15px rgba(48, 144, 243, .08) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank-actions > span,
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank-actions > span.is-ready,
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank header > span.is-ready {
  color: #90dfff !important;
  border-color: rgba(88, 194, 255, .30) !important;
  background: rgba(29, 108, 180, .13) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank-actions button:not(:disabled) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(89, 182, 247, .53) !important;
  color: #b4e8ff !important;
  background: linear-gradient(142deg, rgba(27, 108, 186, .31), rgba(13, 52, 98, .46)) !important;
  box-shadow: inset 0 1px 0 rgba(198,238,255,.09) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank-actions button:not(:disabled):hover {
  color: #f5fcff !important;
  border-color: rgba(130, 224, 255, .82) !important;
  background: linear-gradient(125deg, rgba(35, 126, 214, .52), rgba(29, 93, 160, .40)) !important;
  box-shadow: 0 0 17px rgba(40, 163, 252, .20) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-bank-actions button:disabled {
  border-color: rgba(77, 151, 225, .24) !important;
  color: #93b5cf !important;
  background: rgba(25, 70, 119, .24) !important;
}

/* Grupos de produto e suas faixas de quantidade, chips e setas. */
html[data-app-theme="dark"] #settings-tables .automation-table-product-group {
  border-color: rgba(81, 152, 224, .28) !important;
  background: rgba(7, 27, 51, .71) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-head {
  border-bottom-color: rgba(93, 175, 244, .22) !important;
  color: #eaf7ff !important;
  background: linear-gradient(97deg, rgba(25, 92, 163, .22), rgba(9, 36, 70, .39) 65%, rgba(7, 29, 55, .16)) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-head:hover {
  background: linear-gradient(97deg, rgba(37, 123, 213, .35), rgba(12, 50, 90, .54) 65%, rgba(9, 35, 65, .16)) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-head:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(111, 218, 255, .61) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-head span {
  color: #7edbff !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-head strong {
  color: #f1f9ff !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-head > b {
  color: #9adfff !important;
  border-color: rgba(87, 198, 255, .34) !important;
  background: rgba(25, 110, 187, .15) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-chevron {
  border-right-color: #8cddff !important;
  border-bottom-color: #8cddff !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-product-group.is-collapsed .automation-table-product-head strong::after {
  color: #91b7d1 !important;
}

/* Linhas de tabelas e controles de percentual. */
html[data-app-theme="dark"] #settings-tables .automation-table-settings-row {
  border-color: rgba(86, 154, 220, .24) !important;
  background: linear-gradient(140deg, rgba(15, 45, 80, .82), rgba(8, 28, 51, .96)) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-row:hover {
  border-color: rgba(108, 207, 255, .56) !important;
  background: linear-gradient(140deg, rgba(28, 93, 163, .37), rgba(11, 36, 69, .97)) !important;
  box-shadow: inset 2px 0 rgba(94, 192, 255, .45) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-row small {
  color: #a0bfd4 !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-row strong {
  color: #eaf6ff !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-percent-shell {
  border-color: rgba(89, 188, 248, .39) !important;
  background: rgba(18, 65, 111, .28) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-percent-shell:focus-within {
  border-color: #73d4ff !important;
  box-shadow: 0 0 0 3px rgba(48, 150, 248, .13) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-percent-shell input {
  color: #9bdeff !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-percent-shell b {
  color: #88cfee !important;
  border-left-color: rgba(91, 176, 238, .27) !important;
}
html[data-app-theme="dark"] #settings-tables :is(.automation-table-settings-no-tables, .automation-table-settings-empty) {
  border-color: rgba(93, 166, 224, .27) !important;
  color: #a3bed4 !important;
  background: rgba(12, 39, 68, .43) !important;
}
html[data-app-theme="dark"] #settings-tables .automation-table-settings-empty strong {
  color: #eaf7ff !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-app-theme="dark"] #settings-tables .automation-table-settings-save::after {
    transition: none !important;
    opacity: 0 !important;
  }
}