/* GAM Setup Helper module — chỉ dùng cho acc=GAM. */

/* Modal: tpm-modal-backdrop của project thiếu display:flex → child chiếm full width.
   Scope cố định 2 modal của module GAM. */
#modal-snippet.tpm-modal-backdrop:not(.tpm-hidden),
#modal-ids.tpm-modal-backdrop:not(.tpm-hidden) {
    display: flex;
}

.gam-card {
    margin-bottom: var(--gap-md);
    padding: var(--gap-xl);
}

.gam-actions-row {
    display: flex;
    gap: var(--gap-sm);
    align-items: center;
}

.gam-test-result {
    margin-left: var(--gap-sm);
}

.gam-snippet-hint {
    margin-bottom: var(--gap-sm);
}

.gam-snippet-code {
    width: 100%;
    height: 300px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
}

.gam-snippet-actions {
    margin-top: var(--gap-sm);
}

.gam-snippet-vars {
    margin-top: var(--gap-md);
}

.gam-snippet-vars h4 {
    margin: 0 0 var(--gap-xs);
    font-size: 13px;
}

.gam-flow ol {
    margin: 0;
    padding-left: 20px;
    line-height: 1.6;
}

.gam-flow h3 {
    margin: 0 0 var(--gap-xs);
    font-size: 14px;
}

.gam-config-warn {
    margin-top: var(--gap-xs);
}