/* Apresentação exclusiva de Integrações Bancárias. Sem alterar ações ou validações. */
#page-content:has(#cg-banking-form) {
  --bank-border:#b6cbe5;
  --bank-surface:#eaf2fa;
  --bank-fieldset:#f1f6fc;
  --bank-ink:#173b68;
}
#page-content:has(#cg-banking-form) .page-header {
  flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:8px 0 2px;
}
#page-content:has(#cg-banking-form) .page-title {font-size:1.45rem;line-height:1.3;margin:0;}
#page-content:has(#cg-banking-form) .page-subtitle {font-size:13px;line-height:1.45;margin-top:5px;}
#page-content:has(#cg-banking-form) > section {
  border:1px solid #c1d6ee!important;background:#eff6ff!important;
  border-radius:8px!important;padding:13px 16px!important;margin-bottom:16px!important;
  color:#25466b;font-size:13px;line-height:1.55;
}
#page-content:has(#cg-banking-form) > section > strong {color:#183f72;font-size:14px;font-weight:700;}
#page-content:has(#cg-banking-form) > section > p {font-size:12px!important;margin-top:5px!important;line-height:1.6;}
#page-content:has(#cg-banking-form) > div:has(>section>#cg-banking-form) {
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:16px!important;
}
#page-content:has(#cg-banking-form) > div:has(>section>#cg-banking-form) > section,
#cg-bank-new-account-panel,
#cg-bank-online {
  min-width:0;border:1px solid var(--bank-border)!important;border-radius:8px!important;
  background:var(--bank-surface)!important;padding:18px!important;
  box-shadow:0 1px 3px rgba(24,47,83,.05);overflow:hidden;
}
#page-content:has(#cg-banking-form) > div:has(>section>#cg-banking-form) > section > h3,
#cg-bank-new-account-panel > h3,
#cg-bank-online > h3:first-child {
  margin:-18px -18px 16px!important;padding:13px 18px!important;min-height:48px;
  background:linear-gradient(180deg,#496aa1 0%,#182f53 100%);
  border-bottom:1px solid #263f66;color:#fff!important;
  font-size:15px!important;font-weight:700;line-height:1.45;
}
#cg-bank-new-account-panel > p,
#cg-bank-online > p {
  color:#365476;font-size:12px;line-height:1.6;margin:0 0 12px;
}
#cg-bank-new-account-form > div:first-child {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 16px!important;
  border:1px solid #adc5e3;border-radius:7px;background:var(--bank-fieldset);padding:16px;
}
#cg-bank-new-account-form > div:first-child > div {min-width:0;}
#cg-bank-new-account-form > div:first-child > div:nth-child(2) {grid-column:span 2;}
#cg-bank-new-account-form label,
#cg-banking-form > label,
#cg-bank-secret > label,
#cg-bank-charge > label {
  display:block;color:var(--bank-ink);font-size:12px!important;font-weight:700;
  line-height:1.4;margin:0 0 6px;
}
#cg-banking-form {display:flex;flex-direction:column;align-items:stretch;}
#cg-banking-form > label:not(:first-child) {margin-top:11px;}
#cg-banking-form .form-control,
#cg-bank-new-account-form .form-control,
#cg-bank-secret .form-control,
#cg-bank-charge .form-control,
#cg-bank-secret input[type=file] {
  box-sizing:border-box;display:block;width:100%!important;max-width:100%;min-width:0;
  height:40px;min-height:40px;padding:8px 11px;
  border:1px solid #aebfd9;border-radius:5px;background:#fff;color:#17355c;
  font-size:14px!important;font-weight:400;line-height:1.35;margin:0!important;
}
#cg-banking-form .form-control:focus-visible,
#cg-bank-new-account-form .form-control:focus-visible,
#cg-bank-secret :is(input,textarea):focus-visible,
#cg-bank-charge .form-control:focus-visible {outline:2px solid #306cdb;outline-offset:1px;box-shadow:none;}
#cg-banking-form > p {font-size:12px!important;line-height:1.55;margin:9px 0 0!important;}
#cg-banking-form > p:empty,
#cg-banking-feedback:empty,
#cg-finacc-feedback:empty,
#cg-bank-online-status:empty {display:none;}
#cg-banking-form > p[style*="#92400e"] {
  background:#fffaf0;border:1px solid #eed7ad;border-radius:6px;padding:10px 12px;
}
#cg-bank-new-account-toggle {align-self:flex-start;margin-top:10px;margin-bottom:0!important;}
#cg-banking-form > button[type=submit] {align-self:flex-end;margin-top:16px;}
#cg-bank-new-account-form > p {margin:11px 0;font-size:12px!important;line-height:1.55;color:#526d8c;}
#cg-bank-new-account-form > div:nth-last-of-type(1) {
  justify-content:flex-end;align-items:center;gap:10px!important;
  border-top:1px solid #c5d5e9;padding-top:14px;margin-top:14px;
}
#page-content:has(#cg-banking-form) .btn {font-size:13px;min-height:38px;border-radius:5px;justify-content:center;}
#page-content:has(#cg-banking-form) .btn-sm {font-size:12px;min-height:34px;}
#page-content:has(#cg-banking-form) .btn-secondary {border-color:#aebfd9;color:#244a7c;background:#fff;}
#page-content:has(#cg-banking-form) .btn-secondary:hover {background:#f0f6ff;border-color:#7698c5;}
#page-content:has(#cg-banking-form) .btn:focus-visible {outline:2px solid #306cdb;outline-offset:2px;}
#page-content:has(#cg-banking-form) > div:has(>section>#cg-banking-form) > section > p {
  font-size:13px;line-height:1.55;color:#526d8c;
  margin:0;border:1px dashed #b7cce5;background:#f7fbff;padding:16px;border-radius:6px;
}
#page-content:has(#cg-banking-form) > div:has(>section>#cg-banking-form) > section > div {
  padding:12px!important;border:1px solid #c0d2e8!important;border-radius:6px;
  margin-bottom:10px;background:#f8fbff;font-size:13px;line-height:1.6;overflow-wrap:anywhere;
}
#page-content:has(#cg-banking-form) > div:has(>section>#cg-banking-form) > section > div > strong {font-size:14px;color:#173b68;}
#page-content:has(#cg-banking-form) [data-bank-config] {margin-top:9px;}
#page-content:has(#cg-banking-form) > p:last-child {font-size:12px!important;line-height:1.55;color:#607992!important;margin-top:14px!important;}
#cg-bank-online {margin-top:18px!important;}
#cg-bank-online > hr {border:0;border-top:1px solid #c0d1e6;margin:20px 0 16px;}
#cg-bank-online > h3:not(:first-child) {font-size:15px;font-weight:700;color:#183f86;margin:0 0 10px;}
#cg-bank-secret,
#cg-bank-charge {
  max-width:780px;padding:16px;margin:14px 0;
  border:1px solid #adc5e3;border-radius:7px;background:var(--bank-fieldset);
}
#cg-bank-secret > label:not(:first-child),
#cg-bank-charge > label:not(:first-child) {margin-top:13px;}
#cg-bank-secret > br {display:none;}
#cg-bank-secret > p {margin-top:14px;text-align:right;}
#cg-bank-secret input[type=file] {height:auto;min-height:40px;padding:6px;font-size:12px!important;}
#cg-bank-secret input[type=file]::file-selector-button {
  margin-right:9px;padding:5px 9px;border:1px solid #b6c8e3;border-radius:4px;
  background:#f0f6ff;color:#244a7c;font-size:12px;cursor:pointer;
}
#cg-bank-charge > button[type=submit] {display:flex;margin:15px 0 0 auto;}
#cg-bank-online > label {display:flex;align-items:center;gap:7px;font-size:12px;color:#365476;line-height:1.5;}
#cg-bank-online input[type=checkbox] {accent-color:#2563eb;}
#cg-bank-charge-list article {
  border:1px solid #c0d2e8!important;border-radius:7px;background:#f8fbff;
  padding:14px!important;margin-top:12px;font-size:13px;color:#24466e;overflow-wrap:anywhere;
}
#cg-bank-charge-list article p {margin:6px 0;font-size:12px;color:#607992;}
#cg-bank-charge-list article label {display:block;font-size:12px;font-weight:700;margin:9px 0 5px;}
#cg-bank-charge-list textarea {font-size:12px;border-color:#b6c8e3;background:#fff;min-height:74px;resize:vertical;}
#cg-bank-charge-list [data-refresh] {margin-top:10px;}
@media(max-width:1000px) {
  #cg-bank-new-account-form > div:first-child {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #cg-bank-new-account-form > div:first-child > div:nth-child(2) {grid-column:auto;}
}
@media(max-width:760px) {
  #page-content:has(#cg-banking-form) > div:has(>section>#cg-banking-form) {grid-template-columns:minmax(0,1fr)!important;}
}
@media(max-width:560px) {
  #cg-bank-new-account-form > div:first-child {grid-template-columns:minmax(0,1fr)!important;padding:12px;gap:12px!important;}
  #cg-bank-secret,#cg-bank-charge {padding:12px;}
  #cg-bank-new-account-form > div:nth-last-of-type(1) .btn {flex:1 1 130px;}
  #cg-banking-form > button[type=submit] {align-self:stretch;}
}