.mode-switcher {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin: 8px 0 22px;
    padding: 16px;
    border-radius: 15px;
    background: #f8f6fb;
}

.mode-switcher label {
    display: grid;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
}

.mode-switcher select {
    min-width: 190px;
    min-height: 46px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    padding: 0 12px;
    font-weight: 800;
}

.mode-notice {
    padding: 11px 14px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 800;
}

.mode-notice.sandbox { background: #fff0c8; color: #805a00; }
.mode-notice.live { background: #ffe1e7; color: #a21432; }
.integration-form small { color: var(--muted); font-weight: 500; line-height: 1.35; }
.form-note { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }

@media (max-width: 560px) {
    .mode-switcher { align-items: stretch; flex-direction: column; }
    .mode-switcher select { width: 100%; }
}