/* Vchat Developers API · isolated appearance layer.
   Scope: Integraciones > Developers API only. Never affects Vmail, Agency Hub, Inbox.
   All API permissions, limits, key lifecycle and AI prohibitions remain server-side. */
#vchat-frontend-app [data-vchat-panel="integrations"] [data-vchat-dev-api] {
  --dev-ink:#202449;
  --dev-muted:#66708f;
  --dev-line:#dfe3f5;
  --dev-accent:#5645cb;
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:100%;
  margin:0 0 28px!important;
  padding:28px!important;
  border:1px solid #dfe3f8!important;
  border-radius:24px!important;
  background:radial-gradient(ellipse at 95% 0%,rgba(119,124,240,.09),transparent 52%),linear-gradient(160deg,#fbfbff,#f2f4ff)!important;
  color:var(--dev-ink)!important;
  box-shadow:0 14px 32px rgba(30,30,94,.06);
  overflow:hidden;
}
#vchat-frontend-app [data-vchat-dev-api] *,
#vchat-frontend-app [data-vchat-dev-api] *::before,
#vchat-frontend-app [data-vchat-dev-api] *::after {box-sizing:border-box}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-head {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-head>div {flex:1 1 420px;min-width:0}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-kicker,
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-section-eyebrow {
  display:block;color:#6052bc!important;font-size:10px!important;font-weight:850!important;line-height:1.45!important;letter-spacing:.13em!important;text-transform:uppercase!important
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-head h3 {
  margin:7px 0 7px!important;color:#202550!important;font-size:clamp(24px,2.6vw,30px)!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.025em!important
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-head p {
  max-width:760px!important;margin:0!important;color:#5f6887!important;font-size:13px!important;line-height:1.7!important;font-weight:450!important
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-pill {
  align-self:flex-start;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  padding:8px 12px!important;border:1px solid #d6ceff!important;border-radius:999px!important;
  background:#ece9ff!important;color:#46399a!important;font-size:11px!important;font-weight:800!important
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-chips {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0 18px!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-chips span {
  display:inline-flex;align-items:center;min-height:30px;padding:7px 12px!important;
  border:1px solid #dce1f2!important;border-radius:999px!important;background:#fff!important;
  color:#586287!important;font-size:11px!important;font-weight:750!important
}
#vchat-frontend-app [data-vchat-dev-api] :is(.vchat-dev-toggle,.vchat-dev-settings button:not(.vchat-dev-revoke)) {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;
  padding:11px 17px!important;margin:0!important;
  border:1px solid #4840a9!important;border-radius:12px!important;background:#433caa!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-align:center;text-decoration:none!important;line-height:1.35!important;font-weight:800!important;font-size:12px!important;letter-spacing:0!important;
  box-shadow:0 6px 16px rgba(54,46,147,.13);cursor:pointer;
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease
}
#vchat-frontend-app [data-vchat-dev-api] :is(.vchat-dev-toggle,.vchat-dev-settings button:not(.vchat-dev-revoke)):hover {
  background:#302982!important;transform:translateY(-1px);box-shadow:0 10px 21px rgba(54,46,147,.18)
}
#vchat-frontend-app [data-vchat-dev-api] :is(button,a):focus-visible {outline:3px solid #7668eb!important;outline-offset:3px!important}
#vchat-frontend-app [data-vchat-dev-api] :is(button):disabled {opacity:.6;cursor:not-allowed;transform:none!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-settings {
  margin-top:21px!important;padding:23px!important;border:1px solid #dce2f5!important;
  border-radius:20px!important;background:#fff!important;box-shadow:0 6px 22px rgba(22,23,72,.025)
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-settings[hidden] {display:none!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-settings h4 {margin:5px 0 8px!important;color:#23284f!important;font-size:18px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:-.02em}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-row {
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e9ebf5
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-row-main {display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-row-main>strong {color:#22274f;font-size:17px;line-height:1.35;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-row-main>small,
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-heading small {color:#707993!important;font-size:11px;line-height:1.45}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-row-controls {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-status {
  display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #e4e6ef;
  border-radius:999px;background:#f6f7fa;color:#69728c;font-size:11px;font-weight:800
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-status>span {width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#8c93aa}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-status.is-on {background:#ebfbf4;border-color:#bdebd7;color:#10734f}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-status.is-on>span {background:#1da673}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter {
  padding:20px!important;margin:0 0 15px!important;background:#f8f9ff;
  border:1px solid #e8eaf8;border-radius:16px
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-heading>div {display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-heading strong {display:block;font-size:24px!important;line-height:1.25;font-weight:850!important;color:#222653!important;letter-spacing:-.02em}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-heading strong span {color:#9299b4;font-size:16px;font-weight:700}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-percent {padding:9px 11px;min-width:55px;text-align:center;border-radius:12px;background:#eceafd;color:#4534a4;font-size:13px;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-track {margin:0!important;overflow:hidden;height:10px;border-radius:99px;background:#e2e5f3}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-track span {display:block;height:100%;max-width:100%;background:linear-gradient(90deg,#7160ee,#33b9f3);border-radius:99px;transition:width .2s ease}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-footer {display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:12px;color:#737c98;font-size:10px;font-weight:650}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-security {
  display:flex;gap:11px;align-items:flex-start;padding:15px 17px;margin-bottom:22px;
  border-radius:14px;background:#f0f5ff;border:1px solid #dce6fa
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-security-icon {display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#e0ebff;color:#394cb4;font-size:13px;font-weight:900}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-security p {display:flex;flex-direction:column;gap:4px;margin:0!important;color:#5e6d91!important;font-size:11.5px!important;line-height:1.65!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-security strong {color:#263968;font-size:12px!important;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-create {
  padding:22px!important;margin:0 0 24px!important;border:1px solid #e3e6f4;
  border-radius:18px!important;background:linear-gradient(160deg,#fcfcff,#f6f7ff)!important
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-create-heading p {margin:0 0 17px!important;max-width:650px;color:#6c7592!important;font-size:12px!important;line-height:1.6!important}
#vchat-frontend-app [data-vchat-dev-api] label.vchat-dev-name-label {
  display:block;margin:0 0 19px!important;color:#31385c;font-size:12px!important;font-weight:800!important
}
#vchat-frontend-app [data-vchat-dev-api] label.vchat-dev-name-label input[type=text] {
  display:block;width:100%;max-width:100%;min-height:47px;margin-top:9px;padding:11px 14px!important;
  border:1px solid #cbd2ee!important;border-radius:12px!important;background:#fff!important;color:#252b4e!important;
  font-size:14px!important;line-height:1.4;box-shadow:none;outline:none
}
#vchat-frontend-app [data-vchat-dev-api] label.vchat-dev-name-label input[type=text]:focus {border-color:#6958e6!important;box-shadow:0 0 0 3px rgba(108,89,224,.12)!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scopes-heading {display:flex;flex-direction:column;gap:4px;margin:0 0 11px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scopes-heading strong {color:#252b55;font-size:13px;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scopes-heading small {color:#78819d;font-size:11px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scopes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 18px!important}
#vchat-frontend-app [data-vchat-dev-api] label.vchat-dev-scope {
  display:grid;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:12px;
  position:relative;min-width:0;margin:0!important;padding:16px!important;
  border:1px solid #dfe4f3!important;border-radius:14px!important;
  background:#fff!important;color:#30395e!important;cursor:pointer;
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease
}
#vchat-frontend-app [data-vchat-dev-api] label.vchat-dev-scope:hover {border-color:#c6bff3!important;background:#fbfaff!important}
#vchat-frontend-app [data-vchat-dev-api] label.vchat-dev-scope:has(input:checked) {border-color:#a89cf0!important;background:#f4f2ff!important;box-shadow:0 0 0 1px rgba(123,104,223,.09)}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope input[type=checkbox] {
  appearance:auto!important;-webkit-appearance:checkbox!important;display:block!important;position:static!important;
  width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;
  margin:2px 0 0!important;padding:0!important;accent-color:#5d4ddb!important;opacity:1!important;visibility:visible!important;
  cursor:pointer;box-shadow:none!important
}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope-description {display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:4px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope-description strong {display:block;line-height:1.35;color:#283158!important;font-size:12px!important;font-weight:850!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope-description small {display:block;margin:0!important;color:#707995!important;font-size:11px!important;font-weight:500!important;line-height:1.5!important;white-space:normal!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope-description code {display:inline-block;margin-top:5px;padding:4px 7px;border-radius:6px;background:#eff1fb;color:#585e91;font-size:10px!important;font-weight:700;overflow-wrap:anywhere;white-space:normal}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope-check {display:none!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-create-footer {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-create-footer [data-vchat-dev-create] {flex:0 0 auto}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-once {display:flex;align-items:flex-start;gap:8px;flex:1 1 250px;max-width:490px;padding:10px 12px;border:1px solid #dfdef9;border-radius:10px;background:#f0efff;color:#5147a3}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-once>span {font-weight:900;font-size:14px;line-height:1.2}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-once small {color:#5d548a!important;font-size:10.5px!important;line-height:1.5!important;font-weight:600}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-existing-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-count {display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 8px;border-radius:99px;background:#efeff9;color:#5d5f96;font-size:12px;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-empty {display:flex;flex-direction:column;align-items:center;gap:7px;padding:26px 20px!important;border:1px dashed #d5dbed;border-radius:16px;background:#fafbff;text-align:center}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-empty-icon {display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eeedfd;color:#6a59d4;font-size:25px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-empty strong {color:#34395f;font-size:13px;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-empty p {max-width:460px;margin:0!important;color:#74809d!important;font-size:11px!important;line-height:1.6!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key {display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 17px;margin:10px 0;border:1px solid #e3e6f2;border-radius:14px;background:#fafbff}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key-details {display:flex;flex:1 1 270px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key-heading {display:flex;align-items:center;flex-wrap:wrap;gap:9px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key-heading strong {color:#282d56;font-size:13px;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key-state {padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid #c7e9d8;background:#e8f9f0;color:#1d7953}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key-state.is-revoked {border-color:#e8dfdf;background:#f5f3f3;color:#8c6b72}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key-prefix code,#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-secret code {padding:6px 8px;border-radius:7px;background:#eff1fa;color:#3b3c7e;font-size:12px;overflow-wrap:anywhere}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key-details small {color:#7b839e;font-size:10.5px;line-height:1.6;overflow-wrap:anywhere}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key button.vchat-dev-revoke {padding:10px 14px!important;border:1px solid #f0c8cf!important;border-radius:10px!important;background:#fff6f7!important;color:#a5354a!important;-webkit-text-fill-color:#a5354a!important;font-size:11px!important;font-weight:800!important;cursor:pointer}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-key button.vchat-dev-revoke:hover {background:#ffecef!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-secret {display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:17px;margin-top:18px;border:1px solid #a6a0e9;border-radius:14px;background:#f5f4ff;overflow-wrap:anywhere}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-secret strong {color:#343176;font-size:12px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-secret code {max-width:100%;font-size:12px;line-height:1.6;white-space:normal;word-break:break-all}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-disabled-note {margin:0 0 20px;padding:14px 16px;border-radius:12px;background:#f8f9ff;color:#6d7696;font-size:12px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-state-unavailable {display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid #e3e3f1;border-radius:14px;background:#f9f9ff}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-state-icon {font-size:19px}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-state-unavailable strong {font-size:13px;color:#34385b}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-state-unavailable p {margin:7px 0 0!important;color:#68728e!important;font-size:12px!important;line-height:1.6!important}
/* Plan-not-included call to action and public documentation link. */
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-upgrade {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:17px;padding:18px;border:1px solid #d8ddf4;border-radius:16px;background:#fff}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-upgrade-copy {flex:1 1 320px;min-width:0}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-upgrade-copy strong {color:#252954;font-size:14px;font-weight:850}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-upgrade-copy p {max-width:650px;margin:7px 0 0!important;color:#63708d!important;font-size:12px!important;line-height:1.7!important}
#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-upgrade-actions,#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-active-actions {display:flex;align-items:center;gap:11px;flex-wrap:wrap}
#vchat-frontend-app [data-vchat-dev-api] a.vchat-dev-docs-btn,
#vchat-frontend-app [data-vchat-dev-api] a.vchat-dev-docs-btn:visited,
#vchat-frontend-app [data-vchat-dev-api] a.vchat-dev-docs-btn:link {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;
  border:1px solid #c9c9ea;border-radius:12px;background:#fff!important;
  color:#4038a3!important;-webkit-text-fill-color:#4038a3!important;text-align:center;text-decoration:none!important;
  font-size:12px;font-weight:800;line-height:1.4
}
#vchat-frontend-app [data-vchat-dev-api] a.vchat-dev-docs-btn:hover {background:#f1efff!important;color:#292380!important}
@media(max-width:860px) {
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scopes {grid-template-columns:1fr}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-settings {padding:18px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-create {padding:18px!important}
}
@media(max-width:600px) {
  #vchat-frontend-app [data-vchat-panel="integrations"] [data-vchat-dev-api] {padding:19px!important;margin-bottom:18px!important;border-radius:20px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-head h3 {font-size:24px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-pill {font-size:10px}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-settings {padding:14px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-create {padding:14px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter {padding:16px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-row-controls {width:100%;justify-content:space-between}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-row-controls button {flex:1 1 165px}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope {padding:14px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-create-footer [data-vchat-dev-create] {width:100%}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-meter-heading strong {font-size:21px!important}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-upgrade-actions,#vchat-frontend-app [data-vchat-dev-api] .vchat-dev-active-actions {width:100%}
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-active-actions>* {flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce) {
  #vchat-frontend-app [data-vchat-dev-api] :is(.vchat-dev-toggle,.vchat-dev-settings button),
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-scope,
  #vchat-frontend-app [data-vchat-dev-api] .vchat-dev-track span {transition:none!important}
}