/**
 * Styles for the standalone settings page (ConfigPage::render_settings_page).
 * The mode cursor styles come from mode-cursor.css (dependency).
 */
.wrap.pay4all-for-mypos .p4all-color-sections {
    display: grid;
    gap: 18px;
    margin: 8px 0 24px;
    max-width: 820px;
}
.wrap.pay4all-for-mypos .p4all-color-section {
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 6px;
    padding: 16px 22px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}
.wrap.pay4all-for-mypos .p4all-color-section > h2,
.wrap.pay4all-for-mypos h2 {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 10px;
    border: 0;
    border-bottom: 1px solid #f0f0f1;
    color: var(--wp-admin-theme-color, #2271b1);
}
.wrap.pay4all-for-mypos .p4all-color-section .form-table       { margin-top: 0; }
.wrap.pay4all-for-mypos .p4all-color-section .form-table th    { padding-left: 0; }
.wrap.pay4all-for-mypos .p4all-badge {
    display: inline-block;
    background: #f0f6fc;
    color: #2271b1;
    border: 1px solid #c3d9ea;
    padding: 2px 8px;
    border-radius: 12px;
    font-family: Menlo, Consolas, monospace;
    font-size: .85em;
    margin-left: .5rem;
}

/* Test/Live tabs — CSS-only via sibling ~ selector on hidden radios */
.p4a-tabs-radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    height: 0;
    width: 0;
}
.p4a-tabs {
    display: flex;
    gap: 2px;
    border-bottom: 2px solid #dcdcde;
    margin: 0 0 16px;
}
.p4a-tab {
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: 0;
    margin-bottom: -2px;
    font-weight: 600;
    font-size: 13px;
    color: #646970;
    background: #f6f7f7;
    border-radius: 6px 6px 0 0;
}
.p4a-tab:hover { color: #1d2327; }
.p4a-tab-panel { display: none; }
#p4a-tab-radio-test:checked ~ .p4a-tabs .p4a-tab[for="p4a-tab-radio-test"],
#p4a-tab-radio-live:checked ~ .p4a-tabs .p4a-tab[for="p4a-tab-radio-live"] {
    background: #fff;
    border-color: #dcdcde;
    border-bottom-color: #fff;
    color: #1d2327;
}
#p4a-tab-radio-test:checked ~ .p4a-tab-panel-test,
#p4a-tab-radio-live:checked ~ .p4a-tab-panel-live { display: block; }
.p4a-tab-panel .description { margin-top: 0; }
