/*
  PROSPECTA CORBAN V291 — Importar propostas do banco.
  Camada visual isolada: nao altera markup, eventos, busca ou importacao.
  O layout da area rolavel e do rodape e corrigido em TODOS os temas.
  A nova paleta azul vale somente para o modo escuro.
*/

/* O footer nunca deve sair da viewport, inclusive em Chrome a 100%. */
#bank-recovery-backdrop {
  box-sizing: border-box;
  padding: 14px !important;
  overflow: hidden;
}
#bank-recovery-modal {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  width: min(980px, calc(100vw - 28px)) !important;
  height: min(740px, calc(100dvh - 28px)) !important;
  max-height: calc(100dvh - 28px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#bank-recovery-modal .bank-recovery-head,
#bank-recovery-modal .bank-recovery-controls,
#bank-recovery-modal .bank-recovery-search-form,
#bank-recovery-modal .bank-recovery-summary,
#bank-recovery-modal .bank-recovery-footer {
  flex-shrink: 0 !important;
}
#bank-recovery-modal .bank-recovery-results {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  min-width: 0;
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
#bank-recovery-modal .bank-recovery-footer {
  position: relative;
  z-index: 3;
  display: flex !important;
  justify-content: space-between;
  flex: 0 0 auto !important;
  min-height: 68px;
  padding: 12px 22px !important;
}
#bank-recovery-modal .bank-recovery-footer > div:first-child {
  min-width: 0;
  flex: 1 1 auto;
}
#bank-recovery-modal .bank-recovery-footer-actions {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto;
  gap: 10px !important;
}
#bank-recovery-modal .bank-recovery-footer-actions button {
  flex: 0 0 auto;
  min-height: 40px !important;
  white-space: nowrap;
}
#bank-recovery-import {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 164px;
  visibility: visible !important;
}
/* No celular, os botoes continuam visiveis abaixo do resumo. */
@media (max-width: 620px) {
  #bank-recovery-backdrop { padding: 8px !important; }
  #bank-recovery-modal {
    width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
  }
  #bank-recovery-modal .bank-recovery-footer {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
    padding: 10px 14px !important;
  }
  #bank-recovery-modal .bank-recovery-footer-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
    width: 100%;
    gap: 8px !important;
  }
  #bank-recovery-modal .bank-recovery-footer-actions button {
    min-width: 0 !important;
    width: 100%;
    padding: 0 8px !important;
    white-space: normal;
  }
}
@media (max-height: 600px) {
  #bank-recovery-modal .bank-recovery-head {
    padding-top: 12px !important;
    padding-bottom: 11px !important;
  }
  #bank-recovery-modal .bank-recovery-controls {
    padding-top: 9px !important;
    padding-bottom: 4px !important;
  }
  #bank-recovery-modal .bank-recovery-search-form {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }
  #bank-recovery-modal .bank-recovery-footer {
    min-height: 56px;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}

/* Cor, tipografia e brilho exclusivos do modo escuro. */
html[data-app-theme="dark"] #bank-recovery-backdrop {
  background: radial-gradient(ellipse at 80% 7%, rgba(33, 107, 208, .17), transparent 54%),
              rgba(1, 9, 23, .80) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px;
  line-height: 1.45;
  border: 1px solid rgba(92, 172, 242, .40) !important;
  border-radius: 20px !important;
  color: #e9f6ff !important;
  background: radial-gradient(ellipse at 6% -14%, rgba(32, 116, 242, .20), transparent 42%),
              linear-gradient(162deg, #0c2440, #08192e 53%, #071529) !important;
  box-shadow: 0 28px 100px rgba(0, 5, 24, .68),
              0 0 28px rgba(26, 133, 252, .09),
              inset 0 1px 0 rgba(166, 223, 255, .09) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-head {
  padding: 19px 22px 15px !important;
  border-bottom-color: rgba(83, 164, 241, .24) !important;
  background: linear-gradient(100deg, rgba(30, 101, 184, .16), transparent 76%);
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-head > div > span {
  margin-bottom: 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #79d7ff !important;
  letter-spacing: .11em !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-head h2 {
  color: #f3faff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.18 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-head p {
  color: #a8c2d8 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-close {
  border-color: rgba(91, 166, 233, .33) !important;
  background: rgba(17, 50, 86, .64) !important;
  color: #c0dff3 !important;
  font-size: 21px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-close:hover {
  border-color: rgba(112, 219, 255, .72) !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(44, 166, 252, .16) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-controls {
  gap: 14px !important;
  padding: 15px 22px 6px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-field {
  min-width: 0;
}
html[data-app-theme="dark"] #bank-recovery-modal :is(
  .bank-recovery-field > span, .bank-recovery-search-form > label,
  .bank-recovery-owner > span
) {
  color: #9abdd5 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
}
html[data-app-theme="dark"] #bank-recovery-modal :is(
  .bank-recovery-field select, .bank-recovery-owner select,
  .bank-recovery-corban-select .corban-employee-select-trigger,
  .bank-recovery-corban-select .corban-employee-select-search
) {
  min-height: 42px !important;
  border-color: rgba(84, 156, 222, .37) !important;
  border-radius: 10px !important;
  color: #e5f3ff !important;
  background: linear-gradient(145deg, #112a48, #0b2038) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(164, 218, 255, .04) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal :is(
  .bank-recovery-field select, .bank-recovery-owner select,
  .bank-recovery-corban-select .corban-employee-select-trigger,
  .bank-recovery-corban-select .corban-employee-select-search
):focus,
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-corban-select.is-open .corban-employee-select-trigger {
  border-color: #68ceff !important;
  box-shadow: 0 0 0 3px rgba(48, 160, 248, .13) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-corban-select .corban-employee-select-menu {
  border-color: rgba(89, 176, 248, .42) !important;
  background: #0c213a !important;
  box-shadow: 0 16px 35px rgba(0, 5, 25, .48) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-corban-select .corban-employee-select-option:is(:hover, .is-selected) {
  color: #f4fbff !important;
  background: rgba(48, 143, 240, .25) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal :is(
  .bank-recovery-field small, .bank-recovery-owner small
) {
  color: #8baabd !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-form {
  padding: 9px 22px 13px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell {
  min-height: 46px !important;
  border-color: rgba(85, 166, 238, .42) !important;
  background: rgba(8, 26, 48, .92) !important;
  box-shadow: inset 0 1px 0 rgba(186, 236, 255, .055) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell:focus-within {
  border-color: rgba(102, 206, 255, .83) !important;
  box-shadow: 0 0 0 3px rgba(44, 160, 251, .105) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell > svg {
  stroke: #8bc9ed !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell input {
  color: #eff9ff !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell input::placeholder {
  color: #819cb7 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 136px;
  border-left: 1px solid rgba(127, 220, 255, .30) !important;
  color: #082340 !important;
  background: linear-gradient(105deg, #4aa7ff 0%, #74dbff 65%, #a3edff 100%) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 16px rgba(55, 160, 252, .12) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell button:not(:disabled):hover {
  background: linear-gradient(105deg, #71bbff 0%, #a4eeff 100%) !important;
  box-shadow: 0 0 22px rgba(54, 178, 255, .21) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-search-shell button:disabled {
  opacity: 1 !important;
  color: #8fa8bf !important;
  background: rgba(37, 77, 115, .44) !important;
  box-shadow: none !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-summary {
  margin: 0 22px 9px !important;
  border-color: rgba(80, 170, 240, .29) !important;
  color: #adccde !important;
  background: rgba(28, 99, 171, .13) !important;
  font-size: 11.5px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-results {
  padding: 5px 22px 15px !important;
  scrollbar-color: rgba(73, 164, 239, .49) transparent !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-results::-webkit-scrollbar {
  width: 9px;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-results::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(77, 163, 232, .46);
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-empty {
  min-height: 150px !important;
  border-color: rgba(84, 162, 231, .25) !important;
  color: #91afc8 !important;
  background: rgba(6, 22, 41, .55) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-empty strong {
  color: #dceeff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-empty small {
  color: #95b3c8 !important;
  font-size: 11px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-card {
  border-color: rgba(84, 159, 220, .29) !important;
  background: linear-gradient(140deg, rgba(18, 53, 86, .83), rgba(8, 26, 48, .97)) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-card.is-selected {
  border-color: rgba(105, 210, 255, .69) !important;
  background: linear-gradient(130deg, rgba(35, 110, 196, .28), rgba(9, 34, 67, .91)) !important;
  box-shadow: 0 0 17px rgba(43, 155, 240, .12) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-card-head strong {
  color: #f0f9ff !important;
  font-size: 14px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-card-head small,
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-owner > span {
  color: #a0c0d6 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-badge {
  border-color: rgba(100, 178, 235, .27) !important;
  color: #aecde2 !important;
  background: rgba(21, 74, 134, .21) !important;
  font-size: 10px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-check input {
  accent-color: #53c5ff !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-contract {
  border-color: rgba(91, 164, 226, .24) !important;
  background: rgba(8, 31, 60, .54) !important;
  font-size: 10.5px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-contract b {
  color: #8adcff !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-contract span {
  color: #dbf0ff !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-footer {
  border-top-color: rgba(92, 163, 224, .29) !important;
  background: linear-gradient(90deg, rgba(13, 40, 75, .98), rgba(8, 26, 49, .99)) !important;
  box-shadow: 0 -12px 26px rgba(2, 12, 30, .19) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-footer strong {
  color: #eaf7ff !important;
  font-size: 12.5px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-footer small {
  color: #98b9d0 !important;
  font-size: 10px !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-footer-actions button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(87, 169, 238, .34) !important;
  color: #c5e4f6 !important;
  background: rgba(24, 57, 91, .75) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
html[data-app-theme="dark"] #bank-recovery-modal #bank-recovery-import:not(:disabled) {
  border-color: rgba(146, 232, 255, .75) !important;
  color: #061d37 !important;
  background: linear-gradient(110deg, #429ffa, #79d9ff 65%, #a4f2ff) !important;
  box-shadow: 0 0 18px rgba(62, 168, 248, .24) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal #bank-recovery-import:disabled {
  opacity: 1 !important;
  border-color: rgba(84, 153, 218, .32) !important;
  color: #a2bad0 !important;
  background: rgba(45, 83, 122, .42) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
html[data-app-theme="dark"] #bank-recovery-modal .bank-recovery-footer-actions button:not(:disabled):hover {
  border-color: rgba(136, 225, 255, .72) !important;
  box-shadow: 0 0 19px rgba(48, 166, 247, .16) !important;
}
html[data-app-theme="dark"] #bank-recovery-modal :is(
  .bank-recovery-footer-actions button, .bank-recovery-search-shell button
):not(:disabled)::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  top: -75%;
  left: -55%;
  width: 35%;
  height: 250%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(240, 251, 255, .30), transparent);
  transform: translate3d(0, 0, 0) skewX(-22deg);
  transition: transform .65s ease, opacity .12s ease;
}
html[data-app-theme="dark"] #bank-recovery-modal :is(
  .bank-recovery-footer-actions button, .bank-recovery-search-shell button
):not(:disabled):is(:hover, :focus-visible)::after {
  opacity: 1;
  transform: translate3d(500%, 0, 0) skewX(-22deg);
}
@media (prefers-reduced-motion: reduce) {
  html[data-app-theme="dark"] #bank-recovery-modal :is(
    .bank-recovery-footer-actions button, .bank-recovery-search-shell button
  )::after {
    opacity: 0 !important;
    transition: none !important;
  }
}