.connector-limitations { max-width: 550px; margin-top: 22px; padding: 16px; border: 1px solid rgba(255,190,88,.25); border-radius: 13px; background: rgba(255,190,88,.055); }
.connector-limitations strong { color: #ffd083; }
.connector-limitations p { margin: 6px 0 0; color: #bec6cb; font-size: .84rem; }
.project-connector-form-layout { grid-template-columns: minmax(0,1fr); gap: 28px; max-width: 980px; }
.project-connector-form-layout .connector-limitations,.project-connector-form-layout .security-note { max-width: none; }
.oauth-connect-panel { display:grid; gap:10px; margin-bottom:20px; padding:18px; border:1px solid rgba(200,255,54,.25); border-radius:14px; background:rgba(200,255,54,.045); }
.oauth-connect-panel p { margin:0; color:var(--muted); }
.oauth-connect-panel .button { width:max-content; }
.oauth-connect-panel.is-unavailable { border-color:var(--line); background:rgba(255,255,255,.025); }
.button.is-disabled { opacity:.48; cursor:not-allowed; pointer-events:none; }
.connector-card.availability-unavailable { opacity:.78; }
.connector-support { max-width: 980px; margin-top: 28px; padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg,#10171b,#090d10); }
.connector-support-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.connector-support-heading h2 { margin: 10px 0 5px; font-size: clamp(1.7rem,3vw,2.5rem); }
.connector-support-heading p { margin: 0; color: var(--muted); }
.support-online { display: flex; align-items: center; gap: 8px; white-space: nowrap; color: #b9c2c7; font-size: .75rem; }
.support-online i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(200,255,54,.08); }
.support-messages { display: grid; gap: 13px; max-height: 500px; overflow: auto; margin: 24px 0 14px; padding: 18px; border: 1px solid #252f36; border-radius: 16px; background: #070a0c; }
.support-message { display: flex; align-items: flex-start; gap: 11px; max-width: 84%; }
.support-message-user { justify-self: end; flex-direction: row-reverse; }
.support-avatar { width: 31px; height: 31px; flex: 0 0 31px; display: grid; place-items: center; border-radius: 9px; background: #243023; color: var(--lime); font-size: .59rem; font-weight: 950; }
.support-message-user .support-avatar { background: #27313a; color: #d8dfe3; }
.support-message > div { padding: 11px 14px; border: 1px solid #2c363d; border-radius: 4px 14px 14px; background: #12181c; color: #dce2e5; white-space: pre-wrap; line-height: 1.55; }
.support-message-user > div { border-color: rgba(200,255,54,.22); border-radius: 14px 4px 14px 14px; background: rgba(200,255,54,.08); }
.support-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.support-form textarea { width: 100%; min-height: 58px; max-height: 160px; resize: vertical; padding: 14px; border: 1px solid #303a42; border-radius: 12px; background: #080c0f; color: var(--text); font: inherit; }
.support-form .button { min-height: 58px; }
.support-security { display: block; margin-top: 9px; color: var(--muted); }
.support-typing { display: flex!important; gap: 5px; align-items: center; min-height: 42px; }
.support-typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); animation: support-dot 1s infinite ease-in-out; }
.support-typing i:nth-child(2) { animation-delay: .12s; }
.support-typing i:nth-child(3) { animation-delay: .24s; }
@keyframes support-dot { 0%,70%,100% { opacity: .25; transform: translateY(0); } 35% { opacity: 1; transform: translateY(-3px); } }
@media (max-width:620px) { .connector-support { padding: 17px; } .connector-support-heading { display: grid; } .support-online { grid-row: 1; } .support-message { max-width: 95%; } .support-form { grid-template-columns: 1fr; } .support-form .button { min-height: 48px; } }
@media (prefers-reduced-motion:reduce) { .support-typing i { animation: none; opacity: .7; } }