/* UKMB shared theme system. Loaded after page styles so the selected palette is authoritative. */
:root {
    --ukmb-theme-page: #f2f0e7; --ukmb-theme-surface: #fffdf7; --ukmb-theme-surface-soft: #eaf0e9;
    --ukmb-theme-border: #d8d7c9; --ukmb-theme-ink: #173f38; --ukmb-theme-muted: #62766e;
    --ukmb-theme-heading: #17483f; --ukmb-theme-gold: #c79b35; --ukmb-theme-nav: #075044;
    --ukmb-theme-input: #fffefa; --ukmb-theme-shadow: 0 8px 24px rgba(27,48,39,.08);
}
html[data-ukmb-theme="dark"] {
    color-scheme: dark; --ukmb-theme-page: #101916; --ukmb-theme-surface: #19241f;
    --ukmb-theme-surface-soft: #202e28; --ukmb-theme-border: #3a4b42; --ukmb-theme-ink: #f1f4ef;
    --ukmb-theme-muted: #c1cec6; --ukmb-theme-heading: #f0cd70; --ukmb-theme-gold: #f0cd70;
    --ukmb-theme-nav: #063d35; --ukmb-theme-input: #202d27; --ukmb-theme-shadow: 0 10px 28px rgba(0,0,0,.25);
}
html[data-ukmb-theme="light"] { color-scheme: light; }

/* Shared theme control */
.ukmb-theme-toggle { display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:66px!important;min-height:34px!important;padding:6px 10px!important;border:1px solid rgba(218,185,104,.55)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff8df!important;font:600 11px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:none!important; }
.ukmb-theme-toggle:hover { background:rgba(255,255,255,.2)!important; }
.ukmb-theme-toggle-icon { font-size:15px!important;line-height:1!important; }
.ukmb-topbar .ukmb-theme-toggle { flex:0 0 auto!important; }
.user-topbar .ukmb-theme-toggle { background:#0b5549!important;color:#fff8df!important; }

/* Light appearance — calm cream canvas, readable dark text and soft surfaces. */
html[data-ukmb-theme="light"] body:has(.ukmb-shell),
html[data-ukmb-theme="light"] body:has(.user-app) { background:var(--ukmb-theme-page)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] .ukmb-main,
html[data-ukmb-theme="light"] .dashboard-content,
html[data-ukmb-theme="light"] .user-app,
html[data-ukmb-theme="light"] .user-main { background:var(--ukmb-theme-page)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section,
html[data-ukmb-theme="light"] .dashboard-content > section,
html[data-ukmb-theme="light"] .dashboard-content .panel,
html[data-ukmb-theme="light"] .user-main .panel,
html[data-ukmb-theme="light"] .user-main section.panel,
html[data-ukmb-theme="light"] .user-main .profile-readiness-panel,
html[data-ukmb-theme="light"] .user-main .quick-access-panel,
html[data-ukmb-theme="light"] .user-main .membership-panel,
html[data-ukmb-theme="light"] .user-main .security-panel {
    background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:var(--ukmb-theme-shadow)!important;
}
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section h1,
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section h2,
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section h3,
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section h4,
html[data-ukmb-theme="light"] .user-main h1,
html[data-ukmb-theme="light"] .user-main h2,
html[data-ukmb-theme="light"] .user-main h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section p,
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section small,
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section label,
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section td,
html[data-ukmb-theme="light"] .dashboard-content .dashboard-section th,
html[data-ukmb-theme="light"] .user-main p,
html[data-ukmb-theme="light"] .user-main small,
html[data-ukmb-theme="light"] .user-main label,
html[data-ukmb-theme="light"] .user-main td,
html[data-ukmb-theme="light"] .user-main th { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] .dashboard-content .overview-card,
html[data-ukmb-theme="light"] .dashboard-content .quick-card,
html[data-ukmb-theme="light"] .dashboard-content .action-card,
html[data-ukmb-theme="light"] .dashboard-content .health-card,
html[data-ukmb-theme="light"] .dashboard-content .management-card,
html[data-ukmb-theme="light"] .dashboard-content .status-item,
html[data-ukmb-theme="light"] .dashboard-content .rule-item,
html[data-ukmb-theme="light"] .user-main .stat-card,
html[data-ukmb-theme="light"] .user-main .quick-card {
    background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:none!important;
}
html[data-ukmb-theme="light"] .dashboard-content .overview-card .info,
html[data-ukmb-theme="light"] .dashboard-content .overview-card .info span,
html[data-ukmb-theme="light"] .dashboard-content .overview-card .info h3,
html[data-ukmb-theme="light"] .dashboard-content .quick-card strong,
html[data-ukmb-theme="light"] .dashboard-content .quick-card small,
html[data-ukmb-theme="light"] .dashboard-content .action-card strong,
html[data-ukmb-theme="light"] .dashboard-content .action-card small,
html[data-ukmb-theme="light"] .dashboard-content .health-card .health-content,
html[data-ukmb-theme="light"] .dashboard-content .management-card h4,
html[data-ukmb-theme="light"] .dashboard-content .management-card p,
html[data-ukmb-theme="light"] .dashboard-content .management-card span,
html[data-ukmb-theme="light"] .dashboard-content .status-item div,
html[data-ukmb-theme="light"] .dashboard-content .rule-item .rule-text,
html[data-ukmb-theme="light"] .user-main .stat-card strong,
html[data-ukmb-theme="light"] .user-main .stat-card span,
html[data-ukmb-theme="light"] .user-main .stat-card small,
html[data-ukmb-theme="light"] .user-main .quick-card strong,
html[data-ukmb-theme="light"] .user-main .quick-card small { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] .dashboard-content table,
html[data-ukmb-theme="light"] .dashboard-content .table-responsive,
html[data-ukmb-theme="light"] .user-main table { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] .dashboard-content input:not([type=checkbox]):not([type=radio]),
html[data-ukmb-theme="light"] .dashboard-content select,
html[data-ukmb-theme="light"] .dashboard-content textarea,
html[data-ukmb-theme="light"] .user-main input:not([type=checkbox]):not([type=radio]),
html[data-ukmb-theme="light"] .user-main select,
html[data-ukmb-theme="light"] .user-main textarea { background:var(--ukmb-theme-input)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }

/* Dark appearance — coherent dark surfaces with gold headings and light body copy. */
html[data-ukmb-theme="dark"] body:has(.ukmb-shell),
html[data-ukmb-theme="dark"] body:has(.user-app) { background:var(--ukmb-theme-page)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .ukmb-main,
html[data-ukmb-theme="dark"] .dashboard-content,
html[data-ukmb-theme="dark"] .user-app,
html[data-ukmb-theme="dark"] .user-main { background:var(--ukmb-theme-page)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section,
html[data-ukmb-theme="dark"] .dashboard-content > section,
html[data-ukmb-theme="dark"] .dashboard-content .panel,
html[data-ukmb-theme="dark"] .user-main .panel,
html[data-ukmb-theme="dark"] .user-main section.panel,
html[data-ukmb-theme="dark"] .user-main .profile-readiness-panel,
html[data-ukmb-theme="dark"] .user-main .quick-access-panel,
html[data-ukmb-theme="dark"] .user-main .membership-panel,
html[data-ukmb-theme="dark"] .user-main .security-panel {
    background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:var(--ukmb-theme-shadow)!important;
}
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section h1,
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section h2,
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section h3,
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section h4,
html[data-ukmb-theme="dark"] .user-main h1,
html[data-ukmb-theme="dark"] .user-main h2,
html[data-ukmb-theme="dark"] .user-main h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section p,
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section small,
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section label,
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section td,
html[data-ukmb-theme="dark"] .dashboard-content .dashboard-section th,
html[data-ukmb-theme="dark"] .user-main p,
html[data-ukmb-theme="dark"] .user-main small,
html[data-ukmb-theme="dark"] .user-main label,
html[data-ukmb-theme="dark"] .user-main td,
html[data-ukmb-theme="dark"] .user-main th { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .dashboard-content .overview-card,
html[data-ukmb-theme="dark"] .dashboard-content .quick-card,
html[data-ukmb-theme="dark"] .dashboard-content .action-card,
html[data-ukmb-theme="dark"] .dashboard-content .health-card,
html[data-ukmb-theme="dark"] .dashboard-content .management-card,
html[data-ukmb-theme="dark"] .dashboard-content .status-item,
html[data-ukmb-theme="dark"] .dashboard-content .rule-item,
html[data-ukmb-theme="dark"] .user-main .stat-card,
html[data-ukmb-theme="dark"] .user-main .quick-card {
    background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:none!important;
}
html[data-ukmb-theme="dark"] .dashboard-content .overview-card .info,
html[data-ukmb-theme="dark"] .dashboard-content .overview-card .info span,
html[data-ukmb-theme="dark"] .dashboard-content .overview-card .info h3,
html[data-ukmb-theme="dark"] .dashboard-content .quick-card strong,
html[data-ukmb-theme="dark"] .dashboard-content .quick-card small,
html[data-ukmb-theme="dark"] .dashboard-content .action-card strong,
html[data-ukmb-theme="dark"] .dashboard-content .action-card small,
html[data-ukmb-theme="dark"] .dashboard-content .health-card .health-content,
html[data-ukmb-theme="dark"] .dashboard-content .management-card h4,
html[data-ukmb-theme="dark"] .dashboard-content .management-card p,
html[data-ukmb-theme="dark"] .dashboard-content .management-card span,
html[data-ukmb-theme="dark"] .dashboard-content .status-item div,
html[data-ukmb-theme="dark"] .dashboard-content .rule-item .rule-text,
html[data-ukmb-theme="dark"] .user-main .stat-card strong,
html[data-ukmb-theme="dark"] .user-main .stat-card span,
html[data-ukmb-theme="dark"] .user-main .stat-card small,
html[data-ukmb-theme="dark"] .user-main .quick-card strong,
html[data-ukmb-theme="dark"] .user-main .quick-card small { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .dashboard-content table,
html[data-ukmb-theme="dark"] .dashboard-content .table-responsive,
html[data-ukmb-theme="dark"] .user-main table { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .dashboard-content input:not([type=checkbox]):not([type=radio]),
html[data-ukmb-theme="dark"] .dashboard-content select,
html[data-ukmb-theme="dark"] .dashboard-content textarea,
html[data-ukmb-theme="dark"] .user-main input:not([type=checkbox]):not([type=radio]),
html[data-ukmb-theme="dark"] .user-main select,
html[data-ukmb-theme="dark"] .user-main textarea { background:var(--ukmb-theme-input)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="dark"] .dashboard-content input::placeholder,
html[data-ukmb-theme="dark"] .user-main input::placeholder,
html[data-ukmb-theme="dark"] .user-main textarea::placeholder { color:#aebdb4!important; }
html[data-ukmb-theme="dark"] .ukmb-footer { background:#061f1b!important;color:#f1f4ef!important; }
html[data-ukmb-theme="dark"] .user-topbar { background:#10221c!important;color:#f1f4ef!important;border-color:#34463d!important; }
html[data-ukmb-theme="dark"] .user-topbar .topbar-title strong { color:#f0cd70!important; }
html[data-ukmb-theme="dark"] .user-topbar .topbar-title span { color:#c1cec6!important; }
html[data-ukmb-theme="dark"] .user-topbar .topbar-search { background:#202d27!important;border-color:#3a4b42!important; }
html[data-ukmb-theme="dark"] .user-topbar .topbar-search input { color:#f1f4ef!important; }
html[data-ukmb-theme="dark"] .user-topbar .topbar-icon { background:#202e28!important;color:#f1f4ef!important;border-color:#3a4b42!important; }
html[data-ukmb-theme="dark"] .user-sidebar { background:linear-gradient(180deg,#062e29 0%,#071c18 100%)!important; }
html[data-ukmb-theme="light"] .user-sidebar { background:linear-gradient(180deg,#075344 0%,#064638 100%)!important; }

/* Search icon remains visible on all admin/consultant widths and themes. */
.ukmb-topbar .search-box button .ukmb-topbar-search-icon { display:block!important;width:15px!important;height:15px!important;stroke:#fff!important;fill:none!important;stroke-width:2.2!important;visibility:visible!important;opacity:1!important; }

/* Theme settings page */
.ukmb-theme-settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px; }
.ukmb-theme-option { display:flex;flex-direction:column;gap:12px;min-height:210px;padding:20px;border:2px solid var(--ukmb-theme-border);border-radius:16px;background:var(--ukmb-theme-surface);color:var(--ukmb-theme-ink);text-align:left;cursor:pointer;box-shadow:var(--ukmb-theme-shadow); }
.ukmb-theme-option.is-selected { border-color:#c99d3e;box-shadow:0 0 0 3px rgba(201,157,62,.16),var(--ukmb-theme-shadow); }
.ukmb-theme-option strong { font-size:17px;color:var(--ukmb-theme-heading); }
.ukmb-theme-option span { color:var(--ukmb-theme-muted);font-size:13px;line-height:1.5; }
.ukmb-theme-preview { display:grid;grid-template-columns:42px 1fr;gap:8px;width:100%;height:88px;padding:9px;border-radius:10px;background:#f0eee5;border:1px solid #d9d6c9; }
.ukmb-theme-preview i { display:block;border-radius:6px;background:#075044; }
.ukmb-theme-preview b { display:block;border-radius:6px;background:#fffdf7;border:1px solid #d8d7c9; }
.ukmb-theme-preview.dark { background:#101916;border-color:#3a4b42; }
.ukmb-theme-preview.dark i { background:#063d35; }
.ukmb-theme-preview.dark b { background:#19241f;border-color:#3a4b42; }
@media(max-width:760px){.ukmb-theme-settings-grid{grid-template-columns:1fr}.ukmb-theme-toggle-label{display:none!important}.ukmb-theme-toggle{min-width:36px!important;padding:6px 9px!important}}
@media(prefers-reduced-motion:reduce){.ukmb-theme-toggle,.ukmb-theme-option{transition:none!important}}
.theme-settings-note { margin:16px 0 0;color:var(--ukmb-theme-muted)!important;font-size:12px;line-height:1.5; }

/* Consultant workspace — shared theme support for its separate page shell. */
html[data-ukmb-theme="light"] .ukmb-consultant-dashboard,
html[data-ukmb-theme="light"] .ukmb-consultant-subpage,
html[data-ukmb-theme="light"] .ukmb-message-new-page,
html[data-ukmb-theme="light"] .ukmb-client-profile-page { background:var(--ukmb-theme-page)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] .ukmb-dashboard-hero,
html[data-ukmb-theme="light"] .ukmb-dashboard-section,
html[data-ukmb-theme="light"] .ukmb-subpage-card,
html[data-ukmb-theme="light"] .ukmb-message-new-card,
html[data-ukmb-theme="light"] .ukmb-profile-card { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:var(--ukmb-theme-shadow)!important; }
html[data-ukmb-theme="light"] .ukmb-dashboard-section h1,
html[data-ukmb-theme="light"] .ukmb-dashboard-section h2,
html[data-ukmb-theme="light"] .ukmb-dashboard-section h3,
html[data-ukmb-theme="light"] .ukmb-subpage-head h1,
html[data-ukmb-theme="light"] .ukmb-subpage-card h2,
html[data-ukmb-theme="light"] .ukmb-subpage-card h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] .ukmb-dashboard-section p,
html[data-ukmb-theme="light"] .ukmb-dashboard-section small,
html[data-ukmb-theme="light"] .ukmb-subpage-card p,
html[data-ukmb-theme="light"] .ukmb-subpage-card label,
html[data-ukmb-theme="light"] .ukmb-subpage-card td,
html[data-ukmb-theme="light"] .ukmb-subpage-card th { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .ukmb-consultant-dashboard,
html[data-ukmb-theme="dark"] .ukmb-consultant-subpage,
html[data-ukmb-theme="dark"] .ukmb-message-new-page,
html[data-ukmb-theme="dark"] .ukmb-client-profile-page { background:var(--ukmb-theme-page)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .ukmb-dashboard-hero,
html[data-ukmb-theme="dark"] .ukmb-dashboard-section,
html[data-ukmb-theme="dark"] .ukmb-subpage-card,
html[data-ukmb-theme="dark"] .ukmb-message-new-card,
html[data-ukmb-theme="dark"] .ukmb-profile-card { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:var(--ukmb-theme-shadow)!important; }
html[data-ukmb-theme="dark"] .ukmb-dashboard-section h1,
html[data-ukmb-theme="dark"] .ukmb-dashboard-section h2,
html[data-ukmb-theme="dark"] .ukmb-dashboard-section h3,
html[data-ukmb-theme="dark"] .ukmb-subpage-head h1,
html[data-ukmb-theme="dark"] .ukmb-subpage-card h2,
html[data-ukmb-theme="dark"] .ukmb-subpage-card h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="dark"] .ukmb-dashboard-section p,
html[data-ukmb-theme="dark"] .ukmb-dashboard-section small,
html[data-ukmb-theme="dark"] .ukmb-subpage-card p,
html[data-ukmb-theme="dark"] .ukmb-subpage-card label,
html[data-ukmb-theme="dark"] .ukmb-subpage-card td,
html[data-ukmb-theme="dark"] .ukmb-subpage-card th { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] .ukmb-subpage-card input,
html[data-ukmb-theme="dark"] .ukmb-subpage-card select,
html[data-ukmb-theme="dark"] .ukmb-subpage-card textarea { background:var(--ukmb-theme-input)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }

/* Additional named cards used by the 10-page admin reference set. */
html[data-ukmb-theme="light"] .dashboard-content .package-card,
html[data-ukmb-theme="light"] .dashboard-content .membership-action-card,
html[data-ukmb-theme="light"] .dashboard-content .matching-center-intro,
html[data-ukmb-theme="light"] .dashboard-content .finance-operation-card,
html[data-ukmb-theme="light"] .dashboard-content .system-header,
html[data-ukmb-theme="light"] .dashboard-content .login-records,
html[data-ukmb-theme="light"] .dashboard-content .security-summary-card { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] .dashboard-content .package-card h3,
html[data-ukmb-theme="light"] .dashboard-content .package-card strong,
html[data-ukmb-theme="light"] .dashboard-content .membership-action-card h3,
html[data-ukmb-theme="light"] .dashboard-content .membership-action-card strong,
html[data-ukmb-theme="light"] .dashboard-content .matching-center-intro strong { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="dark"] .dashboard-content .package-card,
html[data-ukmb-theme="dark"] .dashboard-content .membership-action-card,
html[data-ukmb-theme="dark"] .dashboard-content .matching-center-intro,
html[data-ukmb-theme="dark"] .dashboard-content .finance-operation-card,
html[data-ukmb-theme="dark"] .dashboard-content .system-header,
html[data-ukmb-theme="dark"] .dashboard-content .login-records,
html[data-ukmb-theme="dark"] .dashboard-content .security-summary-card { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="dark"] .dashboard-content .package-card h3,
html[data-ukmb-theme="dark"] .dashboard-content .package-card strong,
html[data-ukmb-theme="dark"] .dashboard-content .membership-action-card h3,
html[data-ukmb-theme="dark"] .dashboard-content .membership-action-card strong,
html[data-ukmb-theme="dark"] .dashboard-content .matching-center-intro strong { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="dark"] .dashboard-content .package-card p,
html[data-ukmb-theme="dark"] .dashboard-content .membership-action-card p,
html[data-ukmb-theme="dark"] .dashboard-content .package-card li,
html[data-ukmb-theme="dark"] .dashboard-content .membership-action-card small { color:var(--ukmb-theme-ink)!important; }

/* ======================================================================
   02 NOV 2026 — SCREENSHOT-DRIVEN THEME PAIRING REPAIR
   Scope: Consultants, Pending Applicants, Payment Queue, Membership
   Control and Matching Center. These rules intentionally follow the
   page-owned stylesheets and only change theme-dependent colors/surfaces.
   ====================================================================== */

/* 1. Consultants Management — preserve emerald consultant profile cards. */
html[data-ukmb-theme="light"] body .consultants-index-page,
html[data-ukmb-theme="dark"] body .consultants-index-page {
    background:var(--ukmb-theme-surface)!important;
    color:var(--ukmb-theme-ink)!important;
    border-color:var(--ukmb-theme-border)!important;
}
html[data-ukmb-theme="light"] body .consultants-index-page .section-header h2,
html[data-ukmb-theme="light"] body .consultants-index-page .section-header p,
html[data-ukmb-theme="dark"] body .consultants-index-page .section-header h2,
html[data-ukmb-theme="dark"] body .consultants-index-page .section-header p {
    color:var(--ukmb-theme-heading)!important;
}
html[data-ukmb-theme="light"] body .consultants-index-page .section-header p { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="dark"] body .consultants-index-page .section-header p { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="light"] body .consultants-index-page .overview-grid,
html[data-ukmb-theme="dark"] body .consultants-index-page .overview-grid {
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
html[data-ukmb-theme="light"] body .consultants-index-page .overview-card,
html[data-ukmb-theme="dark"] body .consultants-index-page .overview-card {
    background:var(--ukmb-theme-surface-soft)!important;
    color:var(--ukmb-theme-ink)!important;
    border-color:var(--ukmb-theme-border)!important;
    box-shadow:var(--ukmb-theme-shadow)!important;
}
html[data-ukmb-theme="light"] body .consultants-index-page .overview-card span,
html[data-ukmb-theme="light"] body .consultants-index-page .overview-card h3,
html[data-ukmb-theme="dark"] body .consultants-index-page .overview-card span,
html[data-ukmb-theme="dark"] body .consultants-index-page .overview-card h3 {
    color:var(--ukmb-theme-ink)!important;
}
html[data-ukmb-theme="light"] body .consultants-index-page .consultant-list-card,
html[data-ukmb-theme="dark"] body .consultants-index-page .consultant-list-card {
    background:linear-gradient(145deg,#08765d,#064b3d)!important;
    border-color:rgba(243,207,105,.42)!important;
}
html[data-ukmb-theme="light"] body .consultants-index-page .consultant-list-body h3,
html[data-ukmb-theme="dark"] body .consultants-index-page .consultant-list-body h3,
html[data-ukmb-theme="light"] body .consultants-index-page .consultant-list-meta b,
html[data-ukmb-theme="dark"] body .consultants-index-page .consultant-list-meta b { color:#f3cf69!important; }
html[data-ukmb-theme="light"] body .consultants-index-page .consultant-list-meta,
html[data-ukmb-theme="dark"] body .consultants-index-page .consultant-list-meta { color:#f1f4ef!important; }

/* 2. Pending Applicants — filter panel, status tabs and table are theme aware. */
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-page-title { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-page-title { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-page-subtitle { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-page-subtitle { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-panel,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .bulk-bar {
    background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-panel,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .bulk-bar {
    background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .filter-group label,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .bulk-bar label { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .filter-group label,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .bulk-bar label { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-panel input:not([type=checkbox]):not([type=radio]),
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-panel select,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .bulk-bar input,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .bulk-bar select {
    background:var(--ukmb-theme-input)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-panel input:not([type=checkbox]):not([type=radio]),
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-panel select,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .bulk-bar input,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .bulk-bar select {
    background:var(--ukmb-theme-input)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-table,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-table td,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-table .table-empty { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-table,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-table td,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-table .table-empty { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-table th,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-table th { background:var(--ukmb-theme-nav)!important;color:#fff8df!important; }
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-applicant-status-links a:not(.is-active) { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) input::placeholder { color:#71847c!important;opacity:1!important; }
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) input::placeholder { color:#aebdb4!important;opacity:1!important; }

/* 3. Payment Queue — correct hard-coded dark palette in light mode and
      dark-on-dark form controls in dark mode without changing actions. */
html[data-ukmb-theme="light"] body .page-payments .dashboard-content { background:var(--ukmb-theme-page)!important;color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] body .page-payments .payments-page,
html[data-ukmb-theme="dark"] body .page-payments .payments-page { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:var(--ukmb-theme-shadow)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-header h2,
html[data-ukmb-theme="dark"] body .page-payments .payment-header h2 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-header p,
html[data-ukmb-theme="dark"] body .page-payments .payment-header p,
html[data-ukmb-theme="light"] body .page-payments .payment-panel-heading p,
html[data-ukmb-theme="dark"] body .page-payments .payment-panel-heading p { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-box,
html[data-ukmb-theme="light"] body .page-payments .payment-panel { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:var(--ukmb-theme-shadow)!important; }
html[data-ukmb-theme="dark"] body .page-payments .payment-box,
html[data-ukmb-theme="dark"] body .page-payments .payment-panel { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-box span,
html[data-ukmb-theme="light"] body .page-payments .payment-box strong,
html[data-ukmb-theme="light"] body .page-payments .payment-box p,
html[data-ukmb-theme="light"] body .page-payments .payment-panel h3,
html[data-ukmb-theme="dark"] body .page-payments .payment-box span,
html[data-ukmb-theme="dark"] body .page-payments .payment-box strong,
html[data-ukmb-theme="dark"] body .page-payments .payment-box p,
html[data-ukmb-theme="dark"] body .page-payments .payment-panel h3 { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-table th { background:var(--ukmb-theme-nav)!important;color:#fff8df!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-table td,
html[data-ukmb-theme="light"] body .page-payments .payment-table,
html[data-ukmb-theme="light"] body .page-payments .payment-table-wrap { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="dark"] body .page-payments .payment-table th { background:var(--ukmb-theme-nav)!important;color:#fff8df!important; }
html[data-ukmb-theme="dark"] body .page-payments .payment-table td,
html[data-ukmb-theme="dark"] body .page-payments .payment-table,
html[data-ukmb-theme="dark"] body .page-payments .payment-table-wrap { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-verify-fields input,
html[data-ukmb-theme="light"] body .page-payments .payment-verify-fields select,
html[data-ukmb-theme="dark"] body .page-payments .payment-verify-fields input,
html[data-ukmb-theme="dark"] body .page-payments .payment-verify-fields select { background:var(--ukmb-theme-input)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-member,
html[data-ukmb-theme="light"] body .page-payments .payment-amount,
html[data-ukmb-theme="dark"] body .page-payments .payment-member,
html[data-ukmb-theme="dark"] body .page-payments .payment-amount { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-date,
html[data-ukmb-theme="light"] body .page-payments .payment-muted,
html[data-ukmb-theme="dark"] body .page-payments .payment-date,
html[data-ukmb-theme="dark"] body .page-payments .payment-muted { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="dark"] body .page-payments .payment-panel-heading p { color:var(--ukmb-theme-muted)!important; }

/* 4. Membership Control — package/action/rule text follows each tile surface. */
html[data-ukmb-theme="light"] body .page-membership .dashboard-content .dashboard-section,
html[data-ukmb-theme="dark"] body .page-membership .dashboard-content .dashboard-section { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] body .page-membership .section-header h2,
html[data-ukmb-theme="light"] body .page-membership .dashboard-section > h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="dark"] body .page-membership .section-header h2,
html[data-ukmb-theme="dark"] body .page-membership .dashboard-section > h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] body .page-membership .overview-card,
html[data-ukmb-theme="light"] body .page-membership .quick-card,
html[data-ukmb-theme="light"] body .page-membership .rule-item,
html[data-ukmb-theme="dark"] body .page-membership .overview-card,
html[data-ukmb-theme="dark"] body .page-membership .quick-card,
html[data-ukmb-theme="dark"] body .page-membership .rule-item { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:none!important; }
html[data-ukmb-theme="light"] body .page-membership .overview-card h3,
html[data-ukmb-theme="light"] body .page-membership .quick-card h4,
html[data-ukmb-theme="light"] body .page-membership .rule-text,
html[data-ukmb-theme="dark"] body .page-membership .overview-card h3,
html[data-ukmb-theme="dark"] body .page-membership .quick-card h4,
html[data-ukmb-theme="dark"] body .page-membership .rule-text { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] body .page-membership .overview-card p,
html[data-ukmb-theme="light"] body .page-membership .quick-card p,
html[data-ukmb-theme="dark"] body .page-membership .overview-card p,
html[data-ukmb-theme="dark"] body .page-membership .quick-card p { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="light"] body .page-membership .overview-grid,
html[data-ukmb-theme="light"] body .page-membership .quick-grid,
html[data-ukmb-theme="light"] body .page-membership .rules-grid,
html[data-ukmb-theme="dark"] body .page-membership .overview-grid,
html[data-ukmb-theme="dark"] body .page-membership .quick-grid,
html[data-ukmb-theme="dark"] body .page-membership .rules-grid { background:transparent!important; }

/* 5. Matching Center — make workflow titles, copy and secondary links legible. */
html[data-ukmb-theme="light"] body .page-matching .dashboard-content .dashboard-section,
html[data-ukmb-theme="dark"] body .page-matching .dashboard-content .dashboard-section { background:var(--ukmb-theme-surface)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important; }
html[data-ukmb-theme="light"] body .page-matching .section-header h2,
html[data-ukmb-theme="light"] body .page-matching .dashboard-section > h3,
html[data-ukmb-theme="dark"] body .page-matching .section-header h2,
html[data-ukmb-theme="dark"] body .page-matching .dashboard-section > h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] body .page-matching .section-header p,
html[data-ukmb-theme="dark"] body .page-matching .section-header p { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="light"] body .page-matching .matching-center-intro,
html[data-ukmb-theme="light"] body .page-matching .quick-card,
html[data-ukmb-theme="dark"] body .page-matching .matching-center-intro,
html[data-ukmb-theme="dark"] body .page-matching .quick-card { background:var(--ukmb-theme-surface-soft)!important;color:var(--ukmb-theme-ink)!important;border-color:var(--ukmb-theme-border)!important;box-shadow:none!important; }
html[data-ukmb-theme="light"] body .page-matching .quick-card h4,
html[data-ukmb-theme="light"] body .page-matching .matching-secondary-links a,
html[data-ukmb-theme="dark"] body .page-matching .quick-card h4,
html[data-ukmb-theme="dark"] body .page-matching .matching-secondary-links a { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] body .page-matching .quick-card p,
html[data-ukmb-theme="light"] body .page-matching .matching-center-intro p,
html[data-ukmb-theme="light"] body .page-matching .matching-secondary-links,
html[data-ukmb-theme="dark"] body .page-matching .quick-card p,
html[data-ukmb-theme="dark"] body .page-matching .matching-center-intro p,
html[data-ukmb-theme="dark"] body .page-matching .matching-secondary-links { color:var(--ukmb-theme-muted)!important; }
html[data-ukmb-theme="dark"] body .page-matching .quick-card p { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="dark"] body .page-matching .matching-secondary-links a { color:#f0cd70!important; }

/* Pending Applicants statistic tiles also follow the selected palette. */
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-dashboard-stats .ukmb-stat-card,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-dashboard-stats .ukmb-stat-card-link {
    background:var(--ukmb-theme-surface-soft)!important;
    color:var(--ukmb-theme-ink)!important;
    border-color:var(--ukmb-theme-border)!important;
    box-shadow:var(--ukmb-theme-shadow)!important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-stat-label,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-stat-value { color:var(--ukmb-theme-ink)!important; }
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-stat-label,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-stat-value { color:#173f38!important; }
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-panel input:focus,
html[data-ukmb-theme="light"] body:has(.ukmb-applicant-status-links) .ukmb-panel select:focus,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-panel input:focus,
html[data-ukmb-theme="dark"] body:has(.ukmb-applicant-status-links) .ukmb-panel select:focus { outline:2px solid var(--ukmb-theme-gold)!important;outline-offset:1px!important; }

/* Payment headings and proof links keep their semantic accent without losing contrast. */
html[data-ukmb-theme="light"] body .page-payments .payment-panel h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="dark"] body .page-payments .payment-panel h3 { color:var(--ukmb-theme-heading)!important; }
html[data-ukmb-theme="light"] body .page-payments .payment-secondary-btn,
html[data-ukmb-theme="light"] body .page-payments .payment-proof-btn { color:#17483f!important;background:#f4e8c8!important;border-color:#d8bd78!important; }
html[data-ukmb-theme="dark"] body .page-payments .payment-secondary-btn,
html[data-ukmb-theme="dark"] body .page-payments .payment-proof-btn { color:#f0cd70!important; }


/* ======================================================================
   02 NOV 2026 — MEMBERSHIP PACKAGES PAGE LAYOUT REPAIR
   Strictly scoped to /admin/clients/membership/packages.php.
   No membership data, permissions, routes or actions are changed.
   ====================================================================== */
.page-membership-packages .dashboard-content > .dashboard-section {
    width:100%;
    max-width:none;
    padding:22px;
}
.page-membership-packages .dashboard-content > .dashboard-section > .section-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:0;
}
.page-membership-packages .package-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch;
    gap:18px!important;
    margin-top:22px!important;
}
.page-membership-packages .package-card {
    box-sizing:border-box;
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    position:relative;
    min-width:0;
    min-height:224px!important;
    height:100%;
    padding:20px 22px 18px 22px!important;
    overflow:hidden;
    border-radius:18px!important;
    border:1px solid var(--ukmb-theme-border)!important;
    background:var(--ukmb-theme-surface-soft)!important;
    color:var(--ukmb-theme-ink)!important;
    box-shadow:var(--ukmb-theme-shadow)!important;
    text-decoration:none;
    text-shadow:none!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.page-membership-packages .package-card::before {
    content:none!important;
    display:none!important;
}
.page-membership-packages .package-card:hover {
    transform:translateY(-3px);
    border-color:var(--ukmb-theme-gold)!important;
    box-shadow:0 12px 24px rgba(0,0,0,.13)!important;
}
.page-membership-packages .package-card:focus-visible {
    outline:3px solid var(--ukmb-theme-gold)!important;
    outline-offset:3px;
}
.page-membership-packages .package-card > .icon {
    position:absolute!important;
    top:18px;
    left:20px;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    margin:0!important;
    border-radius:13px;
    background:linear-gradient(145deg,#ffe58b,#c99b25)!important;
    box-shadow:0 5px 12px rgba(0,0,0,.14);
    font-size:23px!important;
}
.page-membership-packages .package-card h2 {
    position:static!important;
    display:flex;
    align-items:center;
    min-height:46px;
    margin:0 0 12px 62px!important;
    padding:0!important;
    color:var(--ukmb-theme-heading)!important;
    font-family:Inter,Arial,sans-serif;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1.25!important;
    letter-spacing:0;
    white-space:nowrap;
    text-shadow:none!important;
    z-index:1;
}
.page-membership-packages .package-card h3 {
    display:inline-flex!important;
    align-items:center;
    max-width:100%;
    margin:0 0 8px!important;
    padding:5px 10px!important;
    border:1px solid var(--ukmb-theme-border);
    border-radius:7px!important;
    background:var(--ukmb-theme-surface)!important;
    color:var(--ukmb-theme-heading)!important;
    font-family:Inter,Arial,sans-serif;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.2;
    letter-spacing:.04em;
    text-shadow:none!important;
}
.page-membership-packages .package-card ul {
    width:100%;
    margin:4px 0 16px!important;
    padding:0 0 0 18px!important;
    color:var(--ukmb-theme-ink)!important;
}
.page-membership-packages .package-card li {
    margin:0 0 7px!important;
    padding:0;
    color:var(--ukmb-theme-ink)!important;
    font-family:Inter,Arial,sans-serif;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.45!important;
    text-shadow:none!important;
}
.page-membership-packages .package-card:nth-child(7):last-child { grid-column:2; }
.page-membership-packages .package-card-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:auto!important;
    padding:7px 11px;
    border:1px solid var(--ukmb-theme-border);
    border-radius:8px;
    background:var(--ukmb-theme-surface);
    color:var(--ukmb-theme-heading)!important;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    text-shadow:none!important;
}
.page-membership-packages .membership-actions {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin-top:22px!important;
}
.page-membership-packages .membership-action-card {
    box-sizing:border-box;
    min-width:0;
    min-height:92px!important;
    padding:18px!important;
    display:flex;
    align-items:center;
    gap:14px;
    border:1px solid var(--ukmb-theme-border)!important;
    border-radius:14px!important;
    background:var(--ukmb-theme-surface-soft)!important;
    color:var(--ukmb-theme-ink)!important;
    box-shadow:var(--ukmb-theme-shadow)!important;
}
.page-membership-packages .membership-action-card > .icon {
    flex:0 0 28px;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0!important;
    font-size:18px;
}
.page-membership-packages .membership-action-card h3 {
    margin:0 0 5px!important;
    color:var(--ukmb-theme-heading)!important;
    font-size:14px!important;
    line-height:1.3;
    text-shadow:none!important;
}
.page-membership-packages .membership-action-card p {
    margin:0!important;
    color:var(--ukmb-theme-ink)!important;
    font-size:12px!important;
    line-height:1.45;
    text-shadow:none!important;
}
@media (max-width:1100px) {
    .page-membership-packages .package-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .page-membership-packages .membership-actions { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .page-membership-packages .package-card:nth-child(7):last-child { grid-column:1 / -1; }
}
@media (max-width:680px) {
    .page-membership-packages .dashboard-content > .dashboard-section { padding:15px!important; }
    .page-membership-packages .package-grid,
    .page-membership-packages .membership-actions { grid-template-columns:minmax(0,1fr)!important; gap:13px!important; }
    .page-membership-packages .package-card { min-height:205px!important; padding:17px!important; }
    .page-membership-packages .package-card:nth-child(7):last-child { grid-column:auto; }
    .page-membership-packages .section-header > div:last-child { display:flex; flex-wrap:wrap; gap:8px; }
}


/* 02 NOV 2026 — Membership Packages page final cascade correction v2 */
html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid {
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important; gap:18px!important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid > a.package-card {
  box-sizing:border-box!important; display:flex!important; flex-direction:column!important;
  align-items:flex-start!important; justify-content:flex-start!important;
  width:100%!important; min-width:0!important; min-height:232px!important;
  height:auto!important; aspect-ratio:auto!important; padding:20px 22px!important;
  overflow:visible!important; clip-path:none!important; border-radius:16px!important;
  border:1px solid var(--ukmb-theme-border)!important;
  background:var(--ukmb-theme-surface-soft)!important;
  color:var(--ukmb-theme-ink)!important; box-shadow:var(--ukmb-theme-shadow)!important;
  text-decoration:none!important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid > a.package-card::before,
html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid > a.package-card::after {
  content:none!important; display:none!important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid > a.package-card > h2 {
  color:var(--ukmb-theme-heading)!important; margin-left:62px!important;
  white-space:normal!important; overflow:visible!important; text-overflow:clip!important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid > a.package-card > .package-card-action {
  box-sizing:border-box!important; display:inline-flex!important; align-items:center!important;
  justify-content:center!important; align-self:flex-start!important; position:relative!important;
  inset:auto!important; margin: auto 0 0!important; padding:8px 12px!important;
  min-height:34px!important; max-width:100%!important; text-indent:0!important;
  white-space:nowrap!important; overflow:visible!important;
  border:1px solid var(--ukmb-theme-border)!important; border-radius:8px!important;
  background:var(--ukmb-theme-surface)!important; color:var(--ukmb-theme-heading)!important;
  font-size:12px!important; font-weight:700!important; line-height:1.2!important;
  letter-spacing:0!important;
}
html[data-ukmb-theme="dark"] body .ukmb-shell.page-membership-packages .section-header h2 {
  color:#f0cd70!important; text-shadow:none!important;
}
html[data-ukmb-theme="dark"] body .ukmb-shell.page-membership-packages .section-header p {
  color:#c1cec6!important;
}
html[data-ukmb-theme="light"] body .ukmb-shell.page-membership-packages .section-header h2 {
  color:#17483f!important; text-shadow:none!important;
}
html[data-ukmb-theme="light"] body .ukmb-shell.page-membership-packages .section-header p {
  color:#62766e!important;
}
@media (max-width:1100px) {
  html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-card:nth-child(7):last-child {
    grid-column:1 / -1!important;
  }
}
@media (max-width:680px) {
  html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-grid {
    grid-template-columns:minmax(0,1fr)!important; gap:13px!important;
  }
  html[data-ukmb-theme] body .ukmb-shell.page-membership-packages .package-card:nth-child(7):last-child {
    grid-column:auto!important;
  }
}


/* =========================================================
   UKMB PUBLIC WEBSITE — SHARED DARK / LIGHT THEME
   Scope: pages using the canonical partials/header.php shell.
   The page layout and individual branded components remain page-owned.
========================================================= */
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) {
    --ukmb-public-page: #f2f0e7;
    --ukmb-public-section: #f8f6ee;
    --ukmb-public-card: #e8eee8;
    --ukmb-public-border: #d7d9ce;
    --ukmb-public-ink: #183d34;
    --ukmb-public-muted: #63756d;
    background: var(--ukmb-public-page);
    color: var(--ukmb-public-ink);
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) {
    --ukmb-public-page: #050807;
    --ukmb-public-section: #101916;
    --ukmb-public-card: #192720;
    --ukmb-public-border: #34483e;
    --ukmb-public-ink: #f3f5ef;
    --ukmb-public-muted: #bdcbc2;
    background: var(--ukmb-public-page);
    color: var(--ukmb-public-ink);
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content {
    background: var(--ukmb-public-page);
    color: var(--ukmb-public-ink);
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content {
    transition: background-color .2s ease, color .2s ease;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content .section-title,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content .page-title {
    color: var(--ukmb-public-ink);
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content .section-subtitle,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content .page-subtitle {
    color: var(--ukmb-public-muted);
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .section,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .page-section {
    background-color: var(--ukmb-public-section);
    border-color: var(--ukmb-public-border);
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .section,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .page-section {
    background-color: var(--ukmb-public-section);
    border-color: var(--ukmb-public-border);
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .card,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .ukmb-card,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .service-card,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .feature-card,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .testimonial-card,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content .faq-item {
    background-color: var(--ukmb-public-card);
    border-color: var(--ukmb-public-border);
    color: var(--ukmb-public-ink);
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .card,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .ukmb-card,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .service-card,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .feature-card,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .testimonial-card,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content .faq-item {
    background-color: var(--ukmb-public-card);
    border-color: var(--ukmb-public-border);
    color: var(--ukmb-public-ink);
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content input:not([type="checkbox"]):not([type="radio"]),
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content select,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content textarea {
    background-color: #111a16;
    border-color: #46594e;
    color: #f3f5ef;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content input:not([type="checkbox"]):not([type="radio"]),
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content select,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-content textarea {
    background-color: #fffdf7;
    border-color: #c9d1c8;
    color: #183d34;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .ukmb-header {
    background: linear-gradient(135deg, #050807 0%, #0b211b 52%, #050807 100%);
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .ukmb-main-nav,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .ukmb-mobile-menu {
    background: #050807;
    border-color: rgba(212,175,55,.3);
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .ukmb-header {
    background: linear-gradient(135deg, #123f36 0%, #15594c 52%, #123f36 100%);
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .ukmb-main-nav,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .ukmb-mobile-menu {
    background: #0b4039;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .ukmb-footer {
    background: linear-gradient(135deg, #000 0%, #071b15 55%, #000 100%);
    color: #f3f5ef;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .ukmb-footer {
    background: linear-gradient(135deg, #082626 0%, #0b4a4a 55%, #116f6f 100%);
    color: #fff;
}

/* Public header theme switch: same desktop footprint as the Login CTA (135 × 48 px). */
.ukmb-social-icons .ukmb-public-theme-toggle {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font: 700 .88rem/1 Inter, Arial, sans-serif !important;
    cursor: pointer !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.22) !important;
    white-space: nowrap !important;
    transition: transform .2s ease, background-color .2s ease, color .2s ease !important;
}
html[data-ukmb-theme="dark"] .ukmb-social-icons .ukmb-public-theme-toggle {
    background: #000 !important;
    color: #f8f5e9 !important;
    border: 1px solid rgba(240,205,112,.55) !important;
}
html[data-ukmb-theme="light"] .ukmb-social-icons .ukmb-public-theme-toggle {
    background: #f2f0e7 !important;
    color: #183d34 !important;
    border: 1px solid #d6cda9 !important;
}
.ukmb-social-icons .ukmb-public-theme-toggle:hover { transform: translateY(-2px); }
.ukmb-public-theme-toggle .ukmb-theme-toggle-icon { font-size: 16px !important; line-height: 1 !important; }
.ukmb-public-theme-toggle .ukmb-theme-toggle-label { display: inline !important; }
@media (max-width: 768px) {
    .ukmb-social-icons .ukmb-public-theme-toggle {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
        gap: 0 !important;
    }
    .ukmb-public-theme-toggle .ukmb-theme-toggle-label { display: none !important; }
}
@media (max-width: 480px) {
    .ukmb-social-icons .ukmb-public-theme-toggle {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }
}

/* ======================================================================
   02 NOV 2026 — PROJECT-WIDE THEME COVERAGE + COMPACT SHARED CONTROL
   Applies the selected palette to the canonical public, Admin, Consultant
   and Member shells. Page geometry and semantic action/status colors stay
   owned by their existing components.
   ====================================================================== */

/* One consistent compact control in public and authenticated headers.
   135×48 px public control reduced by 25% to approximately 101×36 px.
   Font sizes are intentionally not reduced by this sizing correction. */
.ukmb-theme-toggle,
.ukmb-social-icons .ukmb-public-theme-toggle {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 101px !important;
    min-width: 101px !important;
    max-width: 101px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 12px !important;
    gap: 6px !important;
    border: 1px solid #c9a64d !important;
    border-radius: 999px !important;
    box-shadow: 0 3px 9px rgba(0,0,0,.16) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}
html[data-ukmb-theme="dark"] .ukmb-theme-toggle,
html[data-ukmb-theme="dark"] .ukmb-social-icons .ukmb-public-theme-toggle {
    background: #000000 !important;
    color: #f8f5e9 !important;
    border-color: rgba(240,205,112,.62) !important;
}
html[data-ukmb-theme="light"] .ukmb-theme-toggle,
html[data-ukmb-theme="light"] .ukmb-social-icons .ukmb-public-theme-toggle {
    background: #f2f0e7 !important;
    color: #183d34 !important;
    border-color: #d6cda9 !important;
}
.ukmb-theme-toggle:hover,
.ukmb-social-icons .ukmb-public-theme-toggle:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
}
.ukmb-theme-toggle .ukmb-theme-toggle-icon { flex: 0 0 auto; }
.ukmb-theme-toggle .ukmb-theme-toggle-label { display: inline !important; }
@media (max-width: 768px) {
    .ukmb-theme-toggle,
    .ukmb-social-icons .ukmb-public-theme-toggle {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        gap: 0 !important;
    }
    .ukmb-theme-toggle .ukmb-theme-toggle-label { display: none !important; }
}

/* Admin / staff workspace — common page canvas and content surfaces. */
html[data-ukmb-theme] body:has(.ukmb-shell),
html[data-ukmb-theme] body:has(.ukmb-admin-shell) {
    background: var(--ukmb-theme-page) !important;
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] .ukmb-shell .ukmb-main,
html[data-ukmb-theme] .ukmb-admin-shell .ukmb-main,
html[data-ukmb-theme] .ukmb-shell .dashboard-content,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content {
    background: var(--ukmb-theme-page) !important;
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] .ukmb-shell .dashboard-content > section,
html[data-ukmb-theme] .ukmb-shell .dashboard-content > .dashboard-section,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .dashboard-section,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .panel,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .card,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .content-card,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .form-card,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .filter-card,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .table-responsive,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content > section,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .dashboard-section,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .panel,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .card,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .content-card,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .form-card,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .filter-card,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .table-responsive {
    background: var(--ukmb-theme-surface) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] .ukmb-shell .dashboard-content h1,
html[data-ukmb-theme] .ukmb-shell .dashboard-content h2,
html[data-ukmb-theme] .ukmb-shell .dashboard-content h3,
html[data-ukmb-theme] .ukmb-shell .dashboard-content h4,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content h1,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content h2,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content h3,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content h4 {
    color: var(--ukmb-theme-heading) !important;
}
html[data-ukmb-theme] .ukmb-shell .dashboard-content p,
html[data-ukmb-theme] .ukmb-shell .dashboard-content label,
html[data-ukmb-theme] .ukmb-shell .dashboard-content li,
html[data-ukmb-theme] .ukmb-shell .dashboard-content td,
html[data-ukmb-theme] .ukmb-shell .dashboard-content small,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content p,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content label,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content li,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content td,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content small {
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] .ukmb-shell .dashboard-content .text-muted,
html[data-ukmb-theme] .ukmb-shell .dashboard-content .form-text,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .text-muted,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content .form-text {
    color: var(--ukmb-theme-muted) !important;
}
html[data-ukmb-theme] .ukmb-shell .dashboard-content input:not([type="checkbox"]):not([type="radio"]),
html[data-ukmb-theme] .ukmb-shell .dashboard-content select,
html[data-ukmb-theme] .ukmb-shell .dashboard-content textarea,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content input:not([type="checkbox"]):not([type="radio"]),
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content select,
html[data-ukmb-theme] .ukmb-admin-shell .dashboard-content textarea {
    background: var(--ukmb-theme-input) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme="dark"] .ukmb-shell .dashboard-content input::placeholder,
html[data-ukmb-theme="dark"] .ukmb-shell .dashboard-content textarea::placeholder,
html[data-ukmb-theme="dark"] .ukmb-admin-shell .dashboard-content input::placeholder,
html[data-ukmb-theme="dark"] .ukmb-admin-shell .dashboard-content textarea::placeholder {
    color: #aebdb4 !important;
    opacity: 1 !important;
}

/* Member / Consultant shells share the same tokens and contrast contract. */
html[data-ukmb-theme] body:has(.user-app),
html[data-ukmb-theme] body:has(.ukmb-consultant-dashboard),
html[data-ukmb-theme] body:has(.ukmb-consultant-subpage),
html[data-ukmb-theme] body:has(.ukmb-client-profile-page) {
    background: var(--ukmb-theme-page) !important;
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] .user-app,
html[data-ukmb-theme] .user-main,
html[data-ukmb-theme] .ukmb-consultant-dashboard,
html[data-ukmb-theme] .ukmb-consultant-subpage,
html[data-ukmb-theme] .ukmb-client-profile-page {
    background-color: var(--ukmb-theme-page) !important;
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] .user-main h1,
html[data-ukmb-theme] .user-main h2,
html[data-ukmb-theme] .user-main h3,
html[data-ukmb-theme] .user-main h4,
html[data-ukmb-theme] .ukmb-consultant-dashboard h1,
html[data-ukmb-theme] .ukmb-consultant-dashboard h2,
html[data-ukmb-theme] .ukmb-consultant-subpage h1,
html[data-ukmb-theme] .ukmb-consultant-subpage h2 { color: var(--ukmb-theme-heading) !important; }
html[data-ukmb-theme] .user-main p,
html[data-ukmb-theme] .user-main label,
html[data-ukmb-theme] .user-main li,
html[data-ukmb-theme] .user-main td,
html[data-ukmb-theme] .user-main small,
html[data-ukmb-theme] .ukmb-consultant-dashboard p,
html[data-ukmb-theme] .ukmb-consultant-subpage p,
html[data-ukmb-theme] .ukmb-consultant-subpage label,
html[data-ukmb-theme] .ukmb-consultant-subpage td { color: var(--ukmb-theme-ink) !important; }

/* Public site — cover shared content wrappers used by the different routes,
   not only pages that happen to use the .page-content class. */
html[data-ukmb-theme] body:has(.ukmb-site-chrome) {
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main:not(.ukmb-main-nav),
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .content-wrapper,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .main-content {
    background-color: var(--ukmb-public-page) !important;
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main h1,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main h2,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main h3,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main h4,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content h1,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content h2,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content h3,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content h4 {
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main p,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main label,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main li,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main td,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main small,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content p,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content label,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content li,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content td,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content small {
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main .text-muted,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content .text-muted,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main .form-text,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content .form-text {
    color: var(--ukmb-public-muted) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main .form-control,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main input:not([type="checkbox"]):not([type="radio"]),
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main select,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main textarea,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content .form-control,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content input:not([type="checkbox"]):not([type="radio"]),
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content select,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-content textarea {
    background-color: var(--ukmb-public-card) !important;
    border-color: var(--ukmb-public-border) !important;
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) main input::placeholder,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) main textarea::placeholder,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content input::placeholder,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-content textarea::placeholder {
    color: var(--ukmb-public-muted) !important;
    opacity: 1 !important;
}

/* Shared theme changes animate only color surfaces; no layout transitions. */
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-main,
html[data-ukmb-theme] body:has(.user-app) .user-main,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) main {
    transition: background-color .18s ease, color .18s ease;
}

/* ======================================================================
   03 NOV 2026 — PROJECT-WIDE CONTRAST ACCEPTANCE CORRECTIONS
   This is a continuation of the single shared theme system. It fixes
   component-owned fixed colors observed on DEV without changing layout,
   routes, actions, or business workflows.
   ====================================================================== */

/* Shared Admin / Consultant / Member dashboard cards and tables.
   Semantic action buttons, status badges and the emerald consultant cards
   remain component-owned and are intentionally excluded. */
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .overview-card:not(.consultant-profile-card):not(.consultant-card),
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .quick-card,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .rule-item {
    background: var(--ukmb-theme-surface-soft) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .overview-card h3,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .quick-card h4,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .dashboard-section > h3,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .section-header h2 {
    color: var(--ukmb-theme-heading) !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .overview-card p,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .quick-card p,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .rule-text,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .section-header p {
    color: var(--ukmb-theme-ink) !important;
    opacity: .9 !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table-wrap,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .table-responsive {
    background: var(--ukmb-theme-surface) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table {
    background: var(--ukmb-theme-surface) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table thead th {
    background: var(--ukmb-theme-nav) !important;
    color: #fff8df !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table tbody tr,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table tbody td {
    background: var(--ukmb-theme-surface-soft) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table tbody td strong,
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table tbody td small {
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-shell) .ukmb-shell .dashboard-content .ukmb-table .table-empty {
    color: var(--ukmb-theme-muted) !important;
}

/* Family Center — remove fixed near-black/emerald plates from the page-owned
   wrappers while keeping the established card geometry and green shell. */
html[data-ukmb-theme] body .ukmb-shell.page-family .dashboard-content {
    background: var(--ukmb-theme-page) !important;
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-family .dashboard-content > .dashboard-section {
    background: var(--ukmb-theme-surface) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
    box-shadow: var(--ukmb-theme-shadow) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-family .overview-grid,
html[data-ukmb-theme] body .ukmb-shell.page-family .quick-grid,
html[data-ukmb-theme] body .ukmb-shell.page-family .rules-grid {
    background: transparent !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-family .overview-card,
html[data-ukmb-theme] body .ukmb-shell.page-family .quick-card,
html[data-ukmb-theme] body .ukmb-shell.page-family .rules-grid .rule-item {
    background: var(--ukmb-theme-surface-soft) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
    box-shadow: none !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-family .overview-card h3,
html[data-ukmb-theme] body .ukmb-shell.page-family .quick-card h4,
html[data-ukmb-theme] body .ukmb-shell.page-family .dashboard-section > h3,
html[data-ukmb-theme] body .ukmb-shell.page-family .section-header h2 {
    color: var(--ukmb-theme-heading) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-family .overview-card p,
html[data-ukmb-theme] body .ukmb-shell.page-family .quick-card p,
html[data-ukmb-theme] body .ukmb-shell.page-family .rules-grid .rule-item .rule-text,
html[data-ukmb-theme] body .ukmb-shell.page-family .section-header p {
    color: var(--ukmb-theme-ink) !important;
    opacity: .92 !important;
}

/* Matching Center — the intro, workflow tiles and record links use the
   same theme tokens instead of fixed dark-green foregrounds. */
html[data-ukmb-theme] body .ukmb-shell.page-matching .dashboard-content {
    background: var(--ukmb-theme-page) !important;
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-matching .dashboard-content > .dashboard-section {
    background: var(--ukmb-theme-surface) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
    box-shadow: var(--ukmb-theme-shadow) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-matching .matching-center-intro,
html[data-ukmb-theme] body .ukmb-shell.page-matching .quick-card {
    background: var(--ukmb-theme-surface-soft) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
    box-shadow: none !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-matching .section-header h2,
html[data-ukmb-theme] body .ukmb-shell.page-matching .dashboard-section > h3,
html[data-ukmb-theme] body .ukmb-shell.page-matching .quick-card h4,
html[data-ukmb-theme] body .ukmb-shell.page-matching .matching-secondary-links a {
    color: var(--ukmb-theme-heading) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-matching .section-header p,
html[data-ukmb-theme] body .ukmb-shell.page-matching .matching-center-intro p,
html[data-ukmb-theme] body .ukmb-shell.page-matching .quick-card p,
html[data-ukmb-theme] body .ukmb-shell.page-matching .matching-secondary-links,
html[data-ukmb-theme] body .ukmb-shell.page-matching .matching-secondary-links span {
    color: var(--ukmb-theme-ink) !important;
    opacity: .92 !important;
}

/* Membership Control and Membership History — page cards, rule labels and
   history rows are all readable in both modes. Existing package/action
   buttons and the separately locked Packages page layout are untouched. */
html[data-ukmb-theme] body .ukmb-shell.page-membership .dashboard-content > .dashboard-section {
    background: var(--ukmb-theme-surface) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .overview-grid,
html[data-ukmb-theme] body .ukmb-shell.page-membership .quick-grid,
html[data-ukmb-theme] body .ukmb-shell.page-membership .rules-grid {
    background: transparent !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .overview-card,
html[data-ukmb-theme] body .ukmb-shell.page-membership .quick-card,
html[data-ukmb-theme] body .ukmb-shell.page-membership .rule-item {
    background: var(--ukmb-theme-surface-soft) !important;
    color: var(--ukmb-theme-ink) !important;
    border-color: var(--ukmb-theme-border) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .overview-card h3,
html[data-ukmb-theme] body .ukmb-shell.page-membership .quick-card h4,
html[data-ukmb-theme] body .ukmb-shell.page-membership .section-header h2,
html[data-ukmb-theme] body .ukmb-shell.page-membership .dashboard-section > h3 {
    color: var(--ukmb-theme-heading) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .overview-card p,
html[data-ukmb-theme] body .ukmb-shell.page-membership .quick-card p,
html[data-ukmb-theme] body .ukmb-shell.page-membership .rule-text,
html[data-ukmb-theme] body .ukmb-shell.page-membership .section-header p {
    color: var(--ukmb-theme-ink) !important;
    opacity: .92 !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .ukmb-table-wrap {
    background: var(--ukmb-theme-surface) !important;
    border: 1px solid var(--ukmb-theme-border) !important;
    border-radius: 18px !important;
    padding: 12px !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .ukmb-table thead th {
    background: var(--ukmb-theme-nav) !important;
    color: #fff8df !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .ukmb-table tbody tr,
html[data-ukmb-theme] body .ukmb-shell.page-membership .ukmb-table tbody td {
    background: var(--ukmb-theme-surface-soft) !important;
    color: var(--ukmb-theme-ink) !important;
}
html[data-ukmb-theme] body .ukmb-shell.page-membership .ukmb-table tbody td strong,
html[data-ukmb-theme] body .ukmb-shell.page-membership .ukmb-table tbody td small {
    color: var(--ukmb-theme-ink) !important;
}

/* Public homepage — the hero/header retain their approved branded teal
   treatment. The content sections follow the selected page palette, while
   the service, package and story cards retain their own brand identities. */
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .services,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .packages,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .success-stories {
    background: var(--ukmb-public-section) !important;
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .services .section-title,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .packages .section-title,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .section-title,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .success-stories .section-title {
    color: var(--ukmb-public-ink) !important;
    text-shadow: none !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .services .section-description,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .packages .section-description,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .section-description,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .success-stories .section-description {
    color: var(--ukmb-public-muted) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .branch-card-premium {
    background: var(--ukmb-public-card) !important;
    border-color: var(--ukmb-public-border) !important;
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .branch-card-title,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .profile-name {
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .branch-card-subtitle,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .info-row-text {
    color: var(--ukmb-public-muted) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .branch-profile-box {
    background: var(--ukmb-public-section) !important;
    border-color: var(--ukmb-public-border) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .profile-role,
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .global-branches .info-row-text a {
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .cta-section {
    background: var(--ukmb-public-section) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .cta-wrapper {
    background: var(--ukmb-public-card) !important;
    border: 1px solid var(--ukmb-public-border) !important;
}
html[data-ukmb-theme] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .cta-content {
    background: var(--ukmb-public-section) !important;
    background-color: var(--ukmb-public-section) !important;
    border-color: var(--ukmb-public-border) !important;
}
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .cta-title,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .cta-text,
html[data-ukmb-theme="light"] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .section-badge {
    color: var(--ukmb-public-ink) !important;
}
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .cta-title,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .cta-text,
html[data-ukmb-theme="dark"] body:has(.ukmb-site-chrome) .page-wrapper .cta-section .section-badge {
    color: var(--ukmb-public-ink) !important;
}