#mxy-integration-panel {
    margin-top: 20px;
}

.mxy-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}

.mxy-title-wrap h2 {
    margin:0 0 5px 0;
}

.mxy-subtitle {
    color:#667085;
    font-size:14px;
}

.mxy-status-grid {
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(180px, 1fr)
        );
    gap:12px;
    margin-top:18px;
}

.mxy-status-card {
    border:1px solid #eaecf0;
    border-radius:10px;
    padding:14px 16px;
    background:#fff;
}

.mxy-status-name {
    font-size:13px;
    color:#667085;
    margin-bottom:8px;
}

.mxy-status-value {
    font-size:16px;
    font-weight:700;
}

.mxy-ok {
    color:#067647;
}

.mxy-wait {
    color:#b54708;
}

.mxy-bad {
    color:#b42318;
}

.mxy-test {
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid #eaecf0;
}

.mxy-form-grid {
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(220px, 1fr)
        );
    gap:12px;
    margin-top:12px;
}

.mxy-form-grid input {
    width:100%;
    box-sizing:border-box;
}

.mxy-actions {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:14px;
}

.mxy-result {
    margin-top:14px;
    padding:12px 14px;
    border-radius:8px;
    background:#f9fafb;
    border:1px solid #eaecf0;
    font-size:14px;
}

.mxy-hidden {
    display:none !important;
}

#mxy-open-sso {
    background:#067647;
}

#mxy-sync-exam[disabled] {
    cursor:not-allowed;
    opacity:.55;
}