/* Extensão de Linhas; a faixa pertence à casca, o painel às integrações. */
.dc-global[hidden], .dc-panel [hidden] { display: none !important; }
.dc-global { display: flex; align-items: center; gap: 16px; padding: 15px clamp(14px, 2vw, 28px); background: color-mix(in srgb, var(--amarelo) 9%, var(--sup)); border-bottom: 1px solid color-mix(in srgb, var(--amarelo) 32%, var(--linha)); color: var(--amarelo); }
.dc-global > svg { width: 22px; height: 22px; flex: none; }
.dc-global-copy { flex: 1; min-width: 0; }
.dc-global-item + .dc-global-item { margin-top: 9px; }
.dc-global-item strong { display: block; font-size: 14px; font-weight: 650; }
.dc-global-item span { display: block; margin-top: 3px; font-size: 13px; line-height: 1.55; color: var(--texto2); }
.dc-global-link { flex: none; font-size: 14px; font-weight: 650; color: inherit; text-underline-offset: 4px; }
.dc-global.dc-critical { color: var(--erro); background: color-mix(in srgb, var(--erro) 8%, var(--sup)); border-color: color-mix(in srgb, var(--erro) 35%, var(--linha)); }
.dc-panel { margin-bottom: 36px; color: var(--texto); }
.dc-panel *, .dc-global * { box-sizing: border-box; }
.dc-panel :is(h2,h3,p) { margin: 0; }
.dc-panel h2 { font-size: 19px; font-weight: 650; letter-spacing: -.02em; }
.dc-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.dc-heading p { font-size: 14px; color: var(--texto2); line-height: 1.6; margin-top: 6px; }
.dc-actions { display: flex; gap: 8px; flex: none; }
.dc-button { min-height: 40px; padding: 9px 14px; background: var(--sup2); color: var(--texto); border: 1px solid var(--linha2); border-radius: var(--linhas-raio, 6px); font: inherit; font-size: 13px; font-weight: 550; cursor: pointer; transition: background .18s ease; }
.dc-button:hover { background: var(--sup3); }
.dc-button:disabled { opacity: .55; cursor: wait; }
.dc-button.dc-subtle { background: transparent; }
.dc-button.dc-subtle:hover { background: var(--sup2); }
.dc-button.dc-primary { background: var(--marca-2); border-color: var(--marca-2); color: var(--sobre-marca); }
.dc-panel :is(button,a,input):focus-visible, .dc-global a:focus-visible { outline: 2px solid var(--linhas-foco, var(--marca)); outline-offset: 4px; }
.dc-panel :is(input,strong) { font-variant-numeric: tabular-nums; }
.dc-panel input { caret-color: var(--marca-txt); }
.dc-panel ::selection { background: var(--marca-2); color: #fff; }
.dc-panel .dc-sync { font-size: 12px; color: var(--texto3); margin: -5px 0 16px; line-height: 1.5; }
.dc-panel .dc-error { color: var(--erro); }
.dc-balances { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--sup); border: 1px solid var(--linha2); border-radius: var(--linhas-raio, 6px); overflow: hidden; }
.dc-balance { min-width: 0; padding: 24px 26px 0; display: flex; flex-direction: column; }
.dc-balance + .dc-balance { border-left: 1px solid var(--linha); }
.dc-provider-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 26px; flex-wrap: wrap; }
.dc-provider { display: flex; align-items: center; gap: 11px; }
.dc-logo { width: 36px; height: 36px; object-fit: contain; border-radius: 6px; flex: none; }
.dc-provider h3 { font-size: 16px; font-weight: 650; }
.dc-provider span { display: block; margin-top: 3px; font-size: 12px; color: var(--texto3); }
.dc-state { color: var(--texto2); background: var(--sup3); border-radius: 4px; font-size: 11px; padding: 5px 8px; }
.dc-state.dc-attention { color: var(--amarelo); background: color-mix(in srgb, var(--amarelo) 12%, var(--sup)); }
.dc-panel .dc-label { color: var(--texto2); font-size: 13px; }
.dc-money { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 9px 0 23px; }
.dc-money strong { font-size: clamp(28px, 3vw, 42px); font-weight: 570; line-height: 1.2; letter-spacing: -.035em; overflow-wrap: anywhere; }
.dc-money > span { color: var(--texto3); font-size: 13px; }
.dc-money strong.dc-value-unavailable { font-size: 22px; line-height: 1.4; letter-spacing: -.015em; max-width: 24ch; }
.dc-key-limit { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 10px; margin: -5px 0 20px; font-size: 13px; }
.dc-key-limit > span, .dc-key-limit > small { color: var(--texto2); }
.dc-key-limit > strong { font-weight: 650; }
.dc-key-limit > small { font-size: 12px; }
.dc-balance-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -7px 0 17px; }
.dc-balance-actions .dc-link { justify-content: center; text-decoration: none; }
.dc-meter { height: 7px; background: var(--sup3); border-radius: 2px; overflow: hidden; margin-bottom: 18px; }
.dc-meter > span { display: block; height: 100%; background: var(--ok); }
.dc-meter > span.dc-attention { background: var(--amarelo); }
.dc-balance > .dc-button { align-self: flex-start; margin: -9px 0 15px; }
.dc-panel .dc-explanation { color: var(--texto2); line-height: 1.65; font-size: 13px; flex: 1; max-width: 65ch; margin-bottom: 22px; }
.dc-balance-footer { border-top: 1px solid var(--linha); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; flex-wrap: wrap; }
.dc-balance-footer > span { color: var(--texto3); font-size: 12px; }
.dc-link { display: inline-flex; align-items: center; gap: 6px; color: var(--texto); font-size: 12px; text-decoration: none; min-height: 28px; }
.dc-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.dc-link svg { width: 13px; height: 13px; flex: none; }
.dc-other-balances { display: flex; flex-wrap: wrap; gap: 1px; background: var(--linha); border: 1px solid var(--linha); border-radius: var(--linhas-raio, 6px); margin-top: 16px; overflow: hidden; }
.dc-mini { flex: 1 1 calc(25% - 1px); padding: 20px 20px; min-width: 0; background: var(--sup); }
.dc-mini-heading { display: flex; align-items: center; gap: 9px; margin-bottom: 17px; }
.dc-mini-heading .dc-logo { width: 28px; height: 28px; }
.dc-logo.dc-logo-heygen { background: #fff; padding: 4px; }
.dc-mini h3 { font-size: 14px; font-weight: 600; }
.dc-mini-value { display: block; font-size: 26px; letter-spacing: -.025em; font-weight: 570; overflow-wrap: anywhere; }
.dc-mini-unit { display: block; font-size: 12px; color: var(--texto2); margin-top: 2px; }
.dc-panel .dc-mini p { font-size: 12px; color: var(--texto3); line-height: 1.6; margin: 8px 0; overflow-wrap: anywhere; }
.dc-mini-extra strong { color: var(--texto2); font-weight: 600; }
.dc-mini .dc-link { color: var(--texto2); }
.dc-mini-labs69 .dc-button { display: block; max-width: 100%; margin: 12px 0 6px; white-space: normal; }
.dc-form { display: flex; gap: 18px; flex-wrap: wrap; align-items: flex-end; padding: 20px; border: 1px solid var(--linha2); border-radius: 6px; background: var(--sup); margin-bottom: 20px; }
.dc-form-intro { flex: 1; min-width: 200px; }
.dc-form h3 { font-size: 16px; margin-bottom: 6px; }
.dc-form p { font-size: 13px; line-height: 1.6; color: var(--texto2); max-width: 55ch; }
.dc-field { display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: var(--texto2); }
.dc-field input { width: 200px; min-height: 42px; background: var(--void); color: var(--texto); border: 1px solid var(--linha2); border-radius: 4px; padding: 8px 12px; font-size: 16px; }
.dc-form-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dc-panel .dc-feedback { margin: 0 0 18px; font-size: 14px; color: var(--ok); }
.dc-panel .dc-feedback.dc-error { color: var(--erro); }
@media (min-width: 1400px) {
  .dc-mini { flex-basis: calc(14.2857% - 1px); padding: 20px 14px; }
  .dc-mini-value { font-size: 24px; }
}
@media (max-width: 1100px) { .dc-heading { align-items: flex-start; flex-wrap: wrap; }.dc-balance { padding: 22px 20px 0; }.dc-mini { flex-basis: calc(50% - 1px); } }
@media (max-width: 680px) {
  .dc-global { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 9px 12px; padding: 16px 14px; }
  .dc-global-link { grid-column: 2; min-height: 36px; display: flex; align-items: center; }
  .dc-actions { flex-wrap: wrap; }.dc-button { min-height: 44px; }.dc-panel { margin-bottom: 30px; }
  .dc-balances { grid-template-columns: minmax(0, 1fr); }.dc-balance + .dc-balance { border-left: 0; border-top: 1px solid var(--linha); }
  .dc-mini { padding: 18px 14px; }
  .dc-mini-value { font-size: 23px; }.dc-mini .dc-link { min-height: 36px; }
  .dc-form { padding: 18px 16px; }.dc-field { width: 100%; }.dc-field input { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .dc-button { transition: none; } }