/* Meta Embedded Signup — bloque de conexión en modal de config */

.meta-connect-section {
    border: 1px solid rgba(24, 119, 242, 0.35);
    border-radius: 10px;
    padding: 16px 18px 18px;
    background: linear-gradient(160deg, rgba(24, 119, 242, 0.12), rgba(17, 27, 33, 0.4));
}

.meta-connect-lead {
    color: #aebac1;
    font-size: 13px;
    line-height: 1.45;
    margin: 0 0 12px;
}

.meta-manual-hint {
    color: #8696a0;
    font-size: 12px;
    margin: 0 0 12px;
}

.meta-connect-status {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(11, 20, 26, 0.55);
    font-size: 13px;
}

.meta-status-ok {
    color: #25d366;
}

.meta-status-warn {
    color: #f0c674;
}

.meta-status-error {
    color: #f15c6d;
}

.meta-status-idle {
    color: #aebac1;
}

.meta-status-meta {
    color: #8696a0;
    font-size: 11px;
}

.meta-connect-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.meta-connect-actions .btn i {
    margin-right: 6px;
}

#metaConnectBtn {
    background: #1877f2;
}

#metaConnectBtn:hover:not(:disabled) {
    background: #166fe5;
}

#metaConnectBtn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.meta-fixed-host code {
    color: #e9edef;
}

.meta-choice-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.meta-pin-retry {
    width: 140px;
}

.meta-choice-cancel {
    align-self: flex-start;
    padding: 4px 0;
    background: none;
    border: none;
    color: #8696a0;
    cursor: pointer;
}