.bat-app { color-scheme: light; font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif; color: var(--site-foreground, #172b2a); background: var(--site-background, #fff); --site-primary: #185c49; --site-accent: #e6a45c; --site-background: #fff; --site-foreground: #172b2a; --site-muted: #526460; --site-heading: #173f34; --site-radius: 16px; --site-text-scale: 1; }
.bat-app * { box-sizing: border-box; }
.bat-app { margin: 0; min-height: 100vh; min-height: 100dvh; color: var(--site-foreground, #172b2a); background: var(--site-background, #fff); font-size: calc(16px * var(--site-text-scale, 1)); }
.bat-app .topbar { position: relative; z-index: 2; background: var(--site-background, #fff); border-bottom: 1px solid #e1e8e5; }
.bat-app .bat-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.bat-app .app-header { max-width: 880px; min-height: 88px; margin-inline: auto; padding: 14px 28px; display: flex; align-items: center; gap: 14px; }
.bat-app .app-brand { flex: 1; min-width: 0; display: flex; align-items: center; gap: 11px; }
.bat-app .brand-mark { flex: 0 0 44px; width: 44px; height: 44px; display: block; object-fit: contain; border-radius: 0; background: transparent; }
.bat-app .brand-copy { min-width: 0; }
.bat-app .brand-name { display: block; color: var(--site-heading, var(--site-foreground, #173f34)); font-size: 17px; font-weight: 750; line-height: 1.3; }
.bat-app .app-title { margin: 3px 0 0; color: var(--site-muted, var(--site-foreground, #526460)); font-size: 14px; font-weight: 600; line-height: 1.5; }
.bat-app .header-actions { display: flex; align-items: center; gap: 8px; }
.bat-app .header-button { appearance: none; flex: 0 0 auto; min-width: 66px; min-height: 46px; padding: 7px 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #dce6e2; border-radius: 14px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.bat-app .header-button:hover, .bat-app .header-button[aria-expanded="true"] { background: #f1f6f4; }
.bat-app .header-button:focus-visible, .bat-app .menu-link:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .header-button svg { width: 23px; height: 23px; }
.bat-app .header-button .notification-mark { flex: 0 0 auto; width: 23px; height: 23px; object-fit: contain; }
.bat-app .header-button-label { line-height: 1.25; white-space: nowrap; }
.bat-app .more-options-panel > button { width: 100%; text-align: start; }
.bat-app .more-options-panel .settings-reset { margin-top: 0; }
.bat-app .popover { max-width: 824px; margin: 0 auto 12px; padding: 14px 18px; border: 1px solid #e1e8e5; border-radius: var(--site-radius, 16px); background: var(--site-background, #fff); box-shadow: 0 8px 24px rgb(23 43 42 / 8%); }
.bat-app .menu-heading { margin: 0 0 10px; color: #526460; font-size: 14px; font-weight: 600; }
.bat-app .menu-links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.bat-app .menu-link { appearance: none; min-height: 44px; padding: 8px 12px; border: 1px solid #e1e8e5; border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.bat-app .menu-link:hover, .bat-app .menu-link[aria-current="page"] { background: #f1f6f4; }
.bat-app .notice-panel { max-width: 824px; margin: 0 auto 12px; padding: 13px 18px; border: 1px solid #e1e8e5; border-radius: var(--site-radius, 14px); color: #526460; background: var(--site-background, #f8fbfa); font-size: 15px; line-height: 1.7; }
.bat-app .settings-heading { margin: 0 0 4px; font-size: 18px; line-height: 1.6; }
.bat-app .settings-intro { font-size: 14px; }
.bat-app .settings-options { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 12px; }
.bat-app .setting-option { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 16px; font-weight: 600; cursor: pointer; }
.bat-app .setting-option input { width: 22px; height: 22px; margin: 0; accent-color: var(--site-primary, #185c49); cursor: pointer; }
.bat-app .setting-option input:focus-visible, .bat-app .settings-reset:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 4px; }
.bat-app .settings-reset { appearance: none; min-height: 44px; margin-top: 10px; padding: 8px 14px; border: 1px solid #dce6e2; border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.bat-app .settings-reset:hover { background: #f1f6f4; }
.bat-app .account-form { display: grid; gap: 10px; max-width: 480px; margin-top: 14px; }
.bat-app .account-form label { font-size: 15px; font-weight: 700; }
.bat-app .account-form :is(input, select, textarea) { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #dce6e2; border-radius: 11px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .account-form :is(input, select, textarea):focus-visible, .bat-app .account-action:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .account-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.bat-app .account-action { appearance: none; min-height: 44px; padding: 9px 14px; border: 1px solid var(--site-primary, #185c49); border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-weight: 650; cursor: pointer; }
.bat-app .account-action:hover { background: #f1f6f4; }
.bat-app .video-task-link { display: inline-flex; align-items: center; text-decoration: none; }
.bat-app .account-section { margin-top: 18px; }
.bat-app .account-section h4 { margin: 0; font-size: 16px; line-height: 1.6; }
.bat-app.large-text :is(p, .services-category label, .services-category select, .public-browse-form label, .public-browse-form input, .public-browse-form select, .post-comment-form label, .post-comment-form input, .post-comment-form select, .post-comment-form textarea, .menu-link, .section-toggle, .setting-option, .settings-reset, .more-action, .more-back, .account-form label, .account-form input, .account-form select, .account-form textarea, .account-action, .pwa-install-actions button, button[role="tab"]) { font-size: 20px; }
.bat-app.large-text .social-link { font-size: 20px; }
.bat-app.large-text :is(.section-title, .settings-heading, .pwa-install-panel h2) { font-size: 23px; }
.bat-app.large-text .more-action-group-title { font-size: 21px; }
.bat-app.large-text .app-title { font-size: 18px; }
.bat-app.high-contrast { color: #000; background: #fff; }
.bat-app.high-contrast :is(.topbar, .popover, .notice-panel, .home-section, .pwa-install-panel, .services-category select, nav) { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .home-sections > .home-section:not(.welcome-card) { border-inline-start-color: #000; }
.bat-app.high-contrast :is(p, .app-title, .brand-name, .menu-heading) { color: #000; }
.bat-app.high-contrast :is(.header-button, .menu-link, .section-toggle, .settings-reset, .more-action, .more-back, .account-action, .account-form input, .account-form select, .account-form textarea, .post-comment-form input, .post-comment-form select, .post-comment-form textarea, .pwa-install-actions button, button[role="tab"]) { color: #000; background: #fff; border: 1px solid #000; }
.bat-app.high-contrast .section-toggle[aria-expanded="true"] { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .social-link { color: #000; background: #fff; border: 1px solid #000; }
.bat-app.high-contrast .more-action-group-title { color: #000; }
.bat-app.high-contrast .public-browse-form label { color: #000; }
.bat-app.high-contrast .public-browse-form :is(input, select) { color: #000; background: #fff; border: 1px solid #000; }
.bat-app.high-contrast .pwa-install-panel h2 { color: #000; }
.bat-app.high-contrast button[role="tab"][aria-selected="true"] { color: #fff; background: #000; }
.bat-app.high-contrast .brand-mark { background: transparent; }
.bat-app.high-contrast .setting-option input { accent-color: #000; }
.bat-app.reduce-motion *, .bat-app.reduce-motion *::before, .bat-app.reduce-motion *::after,
.bat-app.user-reduce-motion *, .bat-app.user-reduce-motion *::before, .bat-app.user-reduce-motion *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
.bat-app [hidden] { display: none !important; }
.bat-app :where(a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), summary, [tabindex]):focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app main { max-width: 880px; min-height: calc(100vh - 150px); min-height: calc(100dvh - 150px); margin-inline: auto; padding: 38px 28px 130px; }
.bat-app p { margin: 0; color: #526460; font-size: calc(16px * var(--site-text-scale, 1)); line-height: 1.8; }
.bat-app .services-category { display: grid; gap: 8px; max-width: 480px; margin-top: 24px; }
.bat-app .services-category label { font-size: 16px; font-weight: 700; line-height: 1.6; }
.bat-app .services-category select { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid #dce6e2; border-radius: 11px; color: #172b2a; background: #fff; font: inherit; cursor: pointer; }
.bat-app .services-category select:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .home-sections { display: grid; gap: 16px; margin-top: 24px; }
.bat-app .home-section { padding: 20px; border: 1px solid #dce6e2; border-radius: var(--site-radius, 16px); background: var(--site-background, #fff); }
.bat-app .home-sections > .home-section:not(.welcome-card) { border-inline-start: 4px solid var(--site-accent, #e6a45c); }
.bat-app .section-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.bat-app .section-title { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.6; }
.bat-app .section-toggle { appearance: none; flex-shrink: 0; min-width: 74px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--site-primary, #185c49); border-radius: 11px; color: var(--site-primary, #185c49); background: #f1f6f4; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.bat-app .section-toggle:hover { background: #e5efeb; }
.bat-app .section-toggle[aria-expanded="true"] { background: #e5efeb; }
.bat-app .section-toggle:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .section-content { margin-top: 14px; padding-top: 14px; border-top: 1px solid #e1e8e5; }
.bat-app .more-card { margin-top: 24px; }
.bat-app .more-note { margin-top: 6px; font-size: 14px; }
.bat-app .more-action-groups { display: grid; gap: 20px; margin-top: 20px; }
.bat-app .more-action-group { min-width: 0; }
.bat-app .more-action-group + .more-action-group { padding-block-start: 18px; border-block-start: 1px solid var(--bat-line, #dce6e2); }
.bat-app .more-action-group-title { margin: 0; color: var(--site-heading, #173f34); font-size: 17px; font-weight: 700; line-height: 1.6; }
.bat-app .more-navigation-actions, .bat-app .more-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.bat-app .more-action { appearance: none; width: 100%; min-height: 52px; padding: 12px 16px; border: 1px solid #dce6e2; border-radius: 12px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-size: 16px; font-weight: 600; line-height: 1.7; text-align: start; overflow-wrap: anywhere; cursor: pointer; }
.bat-app .more-action:hover, .bat-app .more-back:hover { background: #f1f6f4; }
.bat-app .more-action:focus-visible, .bat-app .more-back:focus-visible, .bat-app .more-screen-title:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .more-action-auth { grid-column: 1 / -1; border-color: var(--site-primary, #185c49); background: #f1f6f4; }
.bat-app .social-links-section { margin-top: 24px; padding-top: 18px; border-top: 1px solid #dce6e2; }
.bat-app .social-links-title { margin: 0; color: var(--site-heading, #173f34); font-size: 17px; line-height: 1.7; }
.bat-app .social-links-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.bat-app .social-link { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 56px; padding: 10px 14px; border: 1px solid #dce6e2; border-radius: 12px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-weight: 650; line-height: 1.6; text-decoration: none; overflow-wrap: anywhere; }
.bat-app .social-link:hover { background: #f1f6f4; text-decoration: underline; }
.bat-app .social-link:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .social-link-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 13px; font-weight: 800; line-height: 1; }
.bat-app .social-link-label { min-width: 0; }
.bat-app .pwa-install-panel { margin-top: 22px; padding: 18px; border: 1px solid #cbdad4; border-radius: 14px; background: #f6faf8; }
.bat-app .pwa-install-panel h3 { margin: 0; color: var(--site-heading, #173f34); font-size: 17px; line-height: 1.6; }
.bat-app .pwa-install-panel > p { margin: 8px 0 0; line-height: 1.8; }
.bat-app .pwa-install-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.bat-app .pwa-install-actions button { min-width: 48px; min-height: 48px; padding: 10px 16px; border: 1px solid var(--site-primary, #185c49); border-radius: 10px; color: #fff; background: var(--site-primary, #185c49); font: inherit; font-weight: 650; cursor: pointer; }
.bat-app .pwa-install-actions button:hover { filter: brightness(.93); }
.bat-app .pwa-install-actions button:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .pwa-status:empty { display: none; }
@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: window-controls-overlay) {
  .bat-app #bat-pwa-install-panel { display: none !important; }
}
.bat-app .more-screen { margin-top: 24px; }
.bat-app .more-screen-description { margin-top: 8px; }
.bat-app .more-back { appearance: none; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; margin-top: 24px; padding: 10px 20px; border: 1px solid var(--site-primary, #185c49); border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.bat-app .dashboard-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 24px; }
.bat-app .dashboard-tabs button[role="tab"] { min-height: 52px; padding: 10px 12px; border: 1px solid #dce6e2; border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; text-align: center; overflow-wrap: anywhere; }
.bat-app .dashboard-tabs button[role="tab"]:hover { background: #f1f6f4; }
.bat-app .dashboard-tabs button[role="tab"][aria-selected="true"] { color: #fff; background: var(--site-primary, #185c49); border-color: var(--site-primary, #185c49); }
.bat-app .dashboard-panel { margin-top: 20px; padding: 20px; border: 1px solid #dce6e2; border-radius: 12px; background: #f8fbfa; }
.bat-app .dashboard-panel:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .dashboard-section-title { margin: 0 0 8px; font-size: 18px; line-height: 1.6; }
.bat-app.large-text .dashboard-section-title { font-size: 23px; }
.bat-app.high-contrast .dashboard-panel { color: #000; background: #fff; border-color: #000; }
.bat-app .content-list { display: grid; gap: 10px; margin-top: 14px; }
.bat-app .post-search-form, .bat-app .post-comment-form { display: grid; gap: 10px; margin: 10px 0; }
.bat-app .public-browse-form label { display: grid; gap: 5px; color: var(--site-heading, #173f34); font-weight: 600; }
.bat-app .post-search-form input, .bat-app .post-search-form select, .bat-app .post-comment-form input, .bat-app .post-comment-form select, .bat-app .post-comment-form textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #9aaea5; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .post-comment-form textarea { resize: vertical; line-height: 1.7; }
.bat-app .post-search-form input:focus-visible, .bat-app .post-search-form select:focus-visible, .bat-app .post-comment-form :is(input, select, textarea):focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .content-item, .bat-app .data-stat { padding: 12px; border: 1px solid #dce6e2; border-radius: 11px; background: #fff; }
.bat-app .content-item :is(h3, h5) { margin: 0; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
.bat-app .content-item p { margin-top: 6px; }
.bat-app .content-image { display: block; width: 100%; max-height: 280px; margin: 0 0 10px; border-radius: 8px; object-fit: contain; object-position: right center; }
.bat-app .public-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 14px 0; }
.bat-app .public-pagination span { color: var(--site-heading, #173f34); font-weight: 600; }
.bat-app .public-browse-results { margin-top: 10px; }
.bat-app .public-pagination button:focus-visible, .bat-app .public-browse-form button:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .content-item a, .bat-app .content-link { color: var(--site-primary, #185c49); font-weight: 650; text-underline-offset: 3px; }
.bat-app button.content-link { appearance: none; padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; text-align: start; text-decoration: underline; }
.bat-app .content-link:focus-visible, .bat-app button.content-link:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .wordpress-content { overflow-wrap: anywhere; line-height: 1.8; }
.bat-app .wordpress-content :is(h2, h3, h4) { margin: 1em 0 .4em; color: var(--site-heading, #173f34); line-height: 1.6; }
.bat-app .wordpress-content img { max-width: 100%; height: auto; }
.bat-app .wordpress-content :is(table, th, td) { border: 1px solid #cbdad4; border-collapse: collapse; padding: 6px; }
.bat-app .woo-cart-panel { display: grid; gap: 10px; margin: 12px 0; }
.bat-app .woo-cart-panel input[type="number"] { width: min(100%, 240px); min-height: 48px; padding: 9px 12px; border: 1px solid #9aaea5; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .woo-cart-panel input[type="number"]:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .content-meta, .bat-app .content-note { color: #526460; font-size: 14px; line-height: 1.7; }
.bat-app .content-note { margin-top: 10px; }
.bat-app.large-text .wp-in-app-dialog-header h2 { font-size: 23px; }
.bat-app.high-contrast .wp-in-app-dialog { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .wp-in-app-dialog-header, .bat-app.high-contrast .wp-in-app-dialog-fallback { border-color: #000; }
.bat-app.high-contrast .wp-in-app-dialog-header .content-note { color: #000; }
.bat-app .wp-in-app-dialog { width: min(96vw, 1100px); height: min(92dvh, 920px); max-width: none; max-height: none; padding: 0; border: 1px solid #cbdad4; border-radius: 14px; color: var(--site-foreground, #172b2a); background: var(--site-background, #fff); box-shadow: 0 20px 60px rgb(0 0 0 / 24%); }
.bat-app .wp-in-app-dialog::backdrop { background: rgb(12 24 20 / 68%); }
.bat-app .wp-in-app-dialog-header { min-height: 76px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #dce6e2; }
.bat-app .wp-in-app-dialog-header h2 { margin: 0; font-size: 18px; line-height: 1.5; }
.bat-app .wp-in-app-dialog-header .content-note { margin-top: 2px; font-size: 13px; }
.bat-app .wp-in-app-dialog iframe { display: block; width: 100%; height: calc(100% - 124px); border: 0; background: #fff; }
.bat-app .wp-in-app-dialog-fallback { min-height: 46px; padding: 8px 16px; border-top: 1px solid #dce6e2; }
.bat-app .wp-in-app-dialog :focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
@media (max-width: 600px) { .bat-app .wp-in-app-dialog { width: 100vw; height: 100dvh; max-width: 100vw; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; } .bat-app .wp-in-app-dialog-header { align-items: flex-start; flex-direction: column; } .bat-app .wp-in-app-dialog-header .account-action { width: 100%; } .bat-app .wp-in-app-dialog iframe { height: calc(100% - 166px); } }
.bat-app .ai-live-session { margin-top: 18px; padding: 16px; border: 1px solid #cbdad4; border-radius: 12px; background: #f6faf8; }
.bat-app .ai-live-session h3 { margin: 0; color: var(--site-heading, #173f34); font-size: 16px; line-height: 1.7; }
.bat-app .ai-live-session .setting-option { align-items: flex-start; margin-top: 10px; }
.bat-app .ai-live-session .setting-option input { flex: 0 0 22px; margin-top: 5px; }
.bat-app .ai-live-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.bat-app .ai-live-actions button[disabled] { cursor: not-allowed; opacity: .65; }
.bat-app .ai-live-session [role="status"] { min-height: 1.7em; }
.bat-app.large-text .ai-live-session h3 { font-size: 20px; }
.bat-app.high-contrast .ai-live-session { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .ai-live-session h3 { color: #000; }
.bat-app .data-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.bat-app .data-stat strong { display: block; color: #173f34; line-height: 1.6; }
.bat-app .data-stat small { display: block; margin-top: 3px; color: #526460; line-height: 1.6; }
.bat-app .dashboard-refresh { appearance: none; min-height: 46px; margin-top: 14px; padding: 9px 14px; border: 1px solid var(--site-primary, #185c49); border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-weight: 650; cursor: pointer; }
.bat-app .dashboard-refresh:hover { background: #f1f6f4; }
.bat-app .dashboard-refresh:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app.large-text :is(.content-item :is(h3, h5), .data-stat strong) { font-size: 20px; }
.bat-app.high-contrast :is(.content-item, .data-stat) { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast :is(.content-item a, .content-link, .data-stat strong, .content-meta, .content-note, .data-stat small) { color: #000; }
.bat-app.high-contrast .dashboard-refresh { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .dashboard-tabs button[role="tab"] { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .dashboard-tabs button[role="tab"][aria-selected="true"] { color: #fff; background: #000; }
.bat-app nav { position: fixed; z-index: 1; inset-inline: 0; bottom: 0; background: #fff; border-top: 1px solid #e1e8e5; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); }
.bat-app .navigation { max-width: 824px; margin-inline: auto; display: grid; grid-template-columns: repeat(var(--bat-navigation-tab-count, 5), minmax(0, 1fr)); gap: 8px; }
.bat-app .member-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 8px; margin-block: 18px 14px; }
.bat-app .member-tabs button[role="tab"] { min-width: 0; min-height: 48px; padding: 9px 12px; border: 1px solid #cbdad4; border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; flex-direction: row; line-height: 1.45; text-align: center; overflow-wrap: anywhere; }
.bat-app .member-tabs button[role="tab"][aria-selected="true"] { color: #fff; background: var(--site-primary, #185c49); border-color: var(--site-primary, #185c49); }
.bat-app .member-tab-panel { min-width: 0; padding: 14px; border: 1px solid #dce6e2; border-radius: 13px; background: #fff; }
.bat-app .member-tab-panel:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app.high-contrast .member-tab-panel { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .member-tabs button[role="tab"] { color: #000; background: #fff; border-color: #000; }
.bat-app.high-contrast .member-tabs button[role="tab"][aria-selected="true"] { color: #fff; background: #000; }
.bat-app.large-text .member-tab-panel { font-size: 20px; }
.bat-app nav[aria-label="التنقل الداخلي"] { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
.bat-app nav[aria-label="التنقل الداخلي"]:focus-within { outline-offset: -3px; }
.bat-app button[role="tab"] { appearance: none; border: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 66px; border-radius: 14px; color: #526460; background: transparent; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.5; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.bat-app button[role="tab"]:hover { background: #f1f6f4; color: #173f34; }
.bat-app button[role="tab"][aria-selected="true"] { color: #fff; background: var(--site-primary, #185c49); }
.bat-app button[role="tab"]:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 600px) {
.bat-app .app-header { min-height: 80px; padding: 12px; gap: 8px; flex-wrap: wrap; }
.bat-app .app-brand { flex: 1 1 100%; gap: 8px; }
.bat-app .brand-mark { flex-basis: 34px; width: 34px; height: 38px; border-radius: 11px; }
.bat-app .brand-mark svg { width: 26px; height: 26px; }
.bat-app .brand-name { font-size: 13px; }
.bat-app .app-title { font-size: 13px; }
.bat-app .header-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; gap: 4px; }
.bat-app .header-button { flex: 1 1 0; width: auto; height: auto; min-width: 0; min-height: 64px; padding: 6px 3px; flex-direction: column; gap: 3px; border-radius: 12px; }
.bat-app .header-button svg { flex: 0 0 auto; width: 20px; height: 20px; }
.bat-app .header-button-label { max-width: 100%; font-size: clamp(9px, 2.6vw, 12px); line-height: 1.2; white-space: normal; text-align: center; overflow-wrap: anywhere; }
.bat-app.large-text .header-button-label { font-size: 15px; }
  .bat-app .popover, .bat-app .notice-panel { margin-inline: 12px; }
  .bat-app .menu-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bat-app main { padding: 30px 24px 120px; }
  .bat-app .home-section { padding: 16px; }
  .bat-app .more-navigation-actions, .bat-app .more-actions { grid-template-columns: 1fr; }
  .bat-app .social-links-list { grid-template-columns: 1fr; }
  .bat-app .section-header { gap: 12px; }
.bat-app .section-title { font-size: 17px; }
.bat-app .dashboard-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bat-app .dashboard-panel { padding: 16px; }
.bat-app .data-summary { grid-template-columns: 1fr; }
.bat-app nav { padding-inline: 10px; }
.bat-app .navigation { width: max-content; min-width: 100%; grid-template-columns: repeat(var(--bat-navigation-tab-count, 5), minmax(68px, 1fr)); gap: 5px; }
.bat-app .navigation button[role="tab"] { min-width: 68px; padding-inline: 4px; font-size: 13px; border-radius: 12px; }
.bat-app .member-tabs button[role="tab"] { min-height: 48px; font-size: 15px; }
.bat-app .member-tab-panel { padding: 12px; }

    }
@media (max-width: 360px) {
  .bat-app .header-actions { gap: 3px; }
  .bat-app .header-button { min-height: 68px; padding-inline: 1px; }
}
@media (forced-colors: active) {
.bat-app .header-button, .bat-app .menu-link, .bat-app .popover, .bat-app .notice-panel, .bat-app .home-section, .bat-app .section-toggle, .bat-app .services-category select, .bat-app .brand-mark, .bat-app .settings-reset, .bat-app .more-action, .bat-app .social-link, .bat-app .more-back, .bat-app .dashboard-panel { border: 1px solid ButtonText; }
.bat-app button[role="tab"][aria-selected="true"] { border: 2px solid Highlight; }
.bat-app .member-tab-panel { color: CanvasText; background: Canvas; border: 2px solid CanvasText; }
  .bat-app .member-tabs button[role="tab"] { color: ButtonText; background: ButtonFace; border: 2px solid ButtonText; }
  .bat-app .member-tabs button[role="tab"][aria-selected="true"] { color: HighlightText; background: Highlight; border-color: Highlight; }
  .bat-app .more-action-group-title { color: CanvasText; }

    }

  

.bat-app .ai-tools-panel { margin: 22px auto; padding: 18px; max-width: 880px; border: 1px solid #dce6e2; border-radius: var(--site-radius, 16px); background: var(--site-background, #fff); }
.bat-app .ai-tool-card { margin-top: 16px; padding: 18px; border: 1px solid #dce6e2; border-radius: 14px; background: #fff; }
.bat-app .ai-tool-card h3 { margin: 0 0 8px; font-size: 1.12em; }
.bat-app .ai-form { display: grid; gap: 10px; max-width: 720px; margin-top: 12px; }
.bat-app .ai-form > label:not(.setting-option) { font-weight: 700; }
.bat-app .ai-form input:not([type="checkbox"]), .bat-app .ai-form textarea, .bat-app .ai-form select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #9aaea5; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .ai-form textarea { min-height: 110px; resize: vertical; line-height: 1.7; }
.bat-app .ai-form input:focus-visible, .bat-app .ai-form textarea:focus-visible, .bat-app .ai-form select:focus-visible, .bat-app .ai-form button:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .ai-form button:disabled { opacity: .6; cursor: not-allowed; }
.bat-app .ai-result { display: block; margin: 12px 0 0; padding: 12px; border-radius: 10px; background: #f3f7f5; color: #172b2a; font: inherit; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.bat-app .ai-result:empty { display: none; }
.bat-app .custom-tool-form { display: grid; gap: 10px; max-width: 760px; margin-top: 12px; }
.bat-app .custom-tool-form > label:not(.setting-option) { font-weight: 700; }
.bat-app .custom-tool-form input:not([type="checkbox"]), .bat-app .custom-tool-form textarea, .bat-app .custom-tool-form select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #9aaea5; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .custom-tool-form textarea { min-height: 100px; resize: vertical; line-height: 1.7; }
.bat-app .custom-tool-consent { margin: 8px 0; }
.bat-app .custom-tool-builder { margin-top: 16px; }
.bat-app .custom-tool-category-picker, .bat-app .custom-tool-spec-row { margin: 12px 0; padding: 14px; border: 1px solid #cbd9d3; border-radius: 12px; }
.bat-app .custom-tool-category-option { display: inline-flex; margin: 6px 12px 6px 0; }
.bat-app .custom-tool-spec-editor { display: grid; gap: 10px; margin-top: 14px; }
.bat-app .custom-tool-spec-row { display: grid; gap: 8px; }
.bat-app .custom-tool-spec-row input:not([type="checkbox"]), .bat-app .custom-tool-spec-row textarea, .bat-app .custom-tool-spec-row select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #9aaea5; border-radius: 8px; font: inherit; }
.bat-app .custom-tool-spec-row code { direction: ltr; text-align: left; }
.bat-app .custom-tool-preview-card { margin-top: 14px; padding: 16px; border: 2px dashed #6c8e7c; border-radius: 12px; }
.bat-app .custom-tool-preview-card label { display: block; margin-top: 10px; font-weight: 700; }
.bat-app .custom-tool-preview-card input, .bat-app .custom-tool-preview-card textarea, .bat-app .custom-tool-preview-card select { width: 100%; min-height: 42px; }
.bat-app.high-contrast .custom-tool-category-picker, .bat-app.high-contrast .custom-tool-spec-row, .bat-app.high-contrast .custom-tool-preview-card { border: 2px solid currentColor; }
.bat-app #ai-tts-result { display: grid; gap: 12px; }
.bat-app #ai-tts-result audio { width: 100%; }
.bat-app.high-contrast .ai-tools-panel, .bat-app.high-contrast .ai-tool-card { border: 2px solid currentColor; }
@media (max-width: 600px) { .bat-app .ai-tools-panel, .bat-app .ai-tool-card { padding: 14px; } }
.bat-app #ai-tts-result:empty { display: none; }

/* Apply the configured foreground consistently to text that previously used fixed colors. */
.bat-app .menu-heading,
.bat-app .notice-panel,
.bat-app p,
.bat-app .content-meta,
.bat-app .content-note,
.bat-app .data-stat strong,
.bat-app .data-stat small,
.bat-app button[role="tab"] { color: var(--site-foreground, #172b2a); }

@media (prefers-reduced-motion: reduce) {
  .bat-app *,
  .bat-app *::before,
  .bat-app *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}



/* In-app administrator controls: grouped, keyboard-visible, and responsive. */
.bat-app .admin-settings-form { display: grid; gap: 16px; margin-top: 16px; }
.bat-app .admin-settings-form fieldset { min-width: 0; display: grid; gap: 10px; margin: 0; padding: 16px; border: 1px solid #cbdad4; border-radius: 13px; background: #fff; }
.bat-app .admin-settings-form legend { padding-inline: 8px; color: var(--site-heading, #173f34); font-size: 1.05em; font-weight: 750; }
.bat-app .admin-settings-form label { display: block; color: var(--site-foreground, #172b2a); font-weight: 650; line-height: 1.7; }
.bat-app .admin-settings-form input:not([type="checkbox"]):not([type="color"]), .bat-app .admin-settings-form textarea, .bat-app .admin-settings-form select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #9aaea5; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .admin-settings-form textarea { min-height: 110px; resize: vertical; direction: ltr; text-align: left; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9em; line-height: 1.6; }
.bat-app .admin-settings-form input[type="checkbox"] { width: 22px; height: 22px; margin: 0 0 0 8px; accent-color: var(--site-primary, #185c49); vertical-align: middle; }
.bat-app .admin-settings-form :is(input, textarea, select, button):focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .admin-color-grid { display: grid; grid-template-columns: minmax(140px, 1fr) 72px; align-items: center; gap: 8px 12px; margin-top: 6px; }
.bat-app .admin-color-grid input[type="color"] { width: 64px; min-height: 44px; padding: 3px; border: 1px solid #9aaea5; border-radius: 8px; background: #fff; }
.bat-app .admin-warning { padding: 12px; border-inline-start: 4px solid #a14d00; border-radius: 8px; color: #542600; background: #fff4e8; }
.bat-app .admin-form-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.bat-app #dashboard-admin-status[data-state="error"] { padding: 10px; border-inline-start: 4px solid #a32222; color: #721b1b; background: #fff1f1; }
.bat-app .admin-settings-form[aria-busy="true"] { opacity: .72; }
.bat-app .admin-settings-form button:disabled { cursor: wait; opacity: .65; }
.bat-app.high-contrast .admin-settings-form fieldset, .bat-app.high-contrast .admin-warning { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .admin-settings-form legend, .bat-app.high-contrast .admin-warning { color: #000; }
.bat-app.large-text .admin-settings-form label, .bat-app.large-text .admin-settings-form legend { font-size: 1.2em; }
@media (max-width: 600px) {
  .bat-app .admin-settings-form fieldset { padding: 12px; }
  .bat-app .admin-form-actions > button { flex: 1 1 100%; }
}


/* BAT 3.4.27 admin dashboard and loyalty enhancements */
.bat-app .gamification-group-heading { margin-block: 18px 4px; padding-block-end: 6px; border-block-end: 1px solid currentColor; }
.bat-app .admin-dashboard-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 12px; margin: 14px 0 18px; }
.bat-app .admin-summary-card { min-width: 0; padding: 14px; border: 1px solid #cbdad4; border-radius: 14px; background: #fff; box-shadow: 0 3px 12px rgb(20 55 43 / 6%); }
.bat-app .admin-summary-card h4 { margin: 0 0 8px; color: var(--site-heading, #173f34); font-size: 1rem; }
.bat-app .admin-summary-card p { margin: 0; line-height: 1.65; overflow-wrap: anywhere; }
.bat-app .admin-dashboard-controls { display: grid; gap: 12px; margin: 16px 0; padding: 14px; border: 1px solid #cbdad4; border-radius: 14px; background: #f6faf8; }
.bat-app .admin-settings-finder { display: grid; gap: 10px; }
.bat-app .admin-settings-finder h4 { margin: 0; color: var(--site-heading, #173f34); font-size: 1.05rem; }
.bat-app .admin-search-wrap { display: grid; gap: 6px; }
.bat-app .admin-search-wrap label { font-weight: 650; }
.bat-app .admin-search-wrap input { width: 100%; min-width: 0; min-height: 48px; padding: 9px 12px; border: 1px solid #779488; border-radius: 10px; color: #173f34; background: #fff; font: inherit; }
.bat-app .admin-settings-finder :is(input, select):focus-visible, .bat-app .admin-advanced-json summary:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .admin-draft-status[data-state="dirty"] { padding: 10px 12px; border-inline-start: 4px solid #a14d00; border-radius: 8px; background: #fff4e8; }
.bat-app .admin-draft-status[data-state="clean"] { color: #315f4a; }
.bat-app .admin-settings-form fieldset[hidden] { display: none; }
.bat-app .admin-settings-form fieldset h4 { margin: 8px 0 0; color: var(--site-heading, #173f34); }
.bat-app .admin-loyalty-section { margin-block: 18px; }
.bat-app .admin-loyalty-section h4 { margin: 0 0 6px; color: var(--site-heading, #173f34); }
.bat-app .admin-loyalty-list { display: grid; gap: 10px; margin-block: 12px; }
.bat-app .admin-loyalty-item { display: grid; gap: 8px; min-width: 0; padding: 14px; border: 1px solid #cbdad4; border-radius: 12px; background: #fff; }
.bat-app .admin-loyalty-item h5 { margin: 0; color: var(--site-heading, #173f34); font-size: 1.02em; overflow-wrap: anywhere; }
.bat-app .admin-loyalty-item-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.bat-app .admin-loyalty-editor { display: grid; gap: 10px; margin-block: 18px; padding: 16px; border: 1px solid #9bb5aa; border-radius: 13px; background: #fff; }
.bat-app .admin-loyalty-editor[hidden] { display: none; }
.bat-app .admin-loyalty-editor h4 { margin: 0; color: var(--site-heading, #173f34); }
.bat-app .admin-loyalty-editor label { display: block; color: var(--site-foreground, #172b2a); font-weight: 650; line-height: 1.7; }
.bat-app .admin-loyalty-editor input:not([type="checkbox"]), .bat-app .admin-loyalty-editor textarea, .bat-app .admin-loyalty-editor select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #879f95; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .admin-loyalty-editor textarea { min-height: 90px; resize: vertical; line-height: 1.7; }
.bat-app .admin-loyalty-editor fieldset { min-width: 0; display: grid; gap: 10px; margin: 4px 0; padding: 14px; border: 1px solid #cbdad4; border-radius: 11px; }
.bat-app .admin-loyalty-editor legend { padding-inline: 8px; color: var(--site-heading, #173f34); font-weight: 750; }
.bat-app .admin-loyalty-editor input[type="checkbox"] { width: 22px; height: 22px; margin-inline-end: 8px; accent-color: var(--site-primary, #185c49); vertical-align: middle; }
.bat-app .admin-loyalty-editor .admin-loyalty-enabled-label { display: flex; align-items: center; gap: 6px; }
.bat-app .admin-loyalty-editor :is(input, textarea, select, button):focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app #admin-loyalty-save-status[data-state="error"] { padding: 10px; border-inline-start: 4px solid #a32222; color: #721b1b; background: #fff1f1; }
.bat-app #admin-loyalty-save-status[data-state="success"] { color: #315f4a; }
.bat-app #dashboard-panel-loyalty[aria-busy="true"] { opacity: .72; }
.bat-app.high-contrast .admin-loyalty-item, .bat-app.high-contrast .admin-loyalty-editor { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .admin-loyalty-item h5, .bat-app.high-contrast .admin-loyalty-editor legend { color: #000; }
.bat-app.large-text .admin-loyalty-editor label, .bat-app.large-text .admin-loyalty-editor legend { font-size: 1.2em; }
@media (max-width: 600px) { .bat-app .admin-loyalty-editor { padding: 12px; } .bat-app .admin-loyalty-item-actions > button { flex: 1 1 100%; } }
@media (forced-colors: active) {
  .bat-app .admin-loyalty-item, .bat-app .admin-loyalty-editor { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }
  .bat-app .admin-loyalty-item h5, .bat-app .admin-loyalty-editor legend { color: CanvasText; }
  .bat-app .admin-loyalty-editor :is(input, textarea, select) { color: FieldText; background: Field; border: 1px solid ButtonText; }
  .bat-app .admin-loyalty-editor :is(input, textarea, select, button):focus-visible { outline: 3px solid Highlight; outline-offset: 3px; }
}
.bat-app .admin-advanced-json summary, .bat-app .admin-social-links summary { min-height: 44px; padding: 10px 0; color: var(--site-heading, #173f34); font-weight: 750; cursor: pointer; }
.bat-app.high-contrast .admin-summary-card, .bat-app.high-contrast .admin-dashboard-controls { color: #000; background: #fff; border: 2px solid #000; }

.bat-app .admin-content-manager { margin: 12px 0; padding: 12px; border: 1px solid #cbdad4; border-radius: 12px; background: #f8fbf9; }
.bat-app .admin-content-manager > summary { min-height: 44px; padding: 8px 0; color: var(--site-heading, #173f34); font-weight: 750; cursor: pointer; }
.bat-app .admin-content-manager > summary:focus-visible, .bat-app .admin-content-list button:focus-visible, .bat-app .admin-content-editor button:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .admin-content-list { display: grid; gap: 8px; margin: 12px 0; }
.bat-app .admin-content-list[hidden], .bat-app .admin-content-editor[hidden] { display: none; }
.bat-app .admin-content-item { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #9bb5aa; border-radius: 10px; color: #173f34; background: #fff; font: inherit; text-align: start; overflow-wrap: anywhere; cursor: pointer; }
.bat-app .admin-content-item[aria-current="true"] { border-color: #155b48; box-shadow: inset 4px 0 #155b48; }
.bat-app .admin-content-editor { display: grid; gap: 8px; margin-block: 14px; padding: 14px; border: 1px solid #cbdad4; border-radius: 12px; background: #fff; }
.bat-app .admin-content-editor h4 { margin: 0; overflow-wrap: anywhere; }
.bat-app .admin-content-editor textarea { min-height: 12rem; resize: vertical; }
.bat-app #dashboard-admin-content-status[data-state="error"] { padding: 10px; border-inline-start: 4px solid #a32222; color: #721b1b; background: #fff1f1; }
.bat-app #dashboard-admin-content-draft-status[data-state="dirty"] { padding: 8px 10px; border-inline-start: 4px solid #a14d00; background: #fff4e8; }
.bat-app.high-contrast .admin-content-manager, .bat-app.high-contrast .admin-content-editor { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .admin-content-item { color: #000; background: #fff; border: 2px solid #000; }
@media (max-width: 600px) { .bat-app .admin-content-manager, .bat-app .admin-content-editor { padding: 10px; } .bat-app .admin-content-editor textarea { min-height: 10rem; } }

.bat-app .gamification-group-heading { margin: 18px 0 4px; padding-block-end: 6px; border-block-end: 1px solid #cbdad4; color: var(--site-heading, #173f34); font-size: 1.05rem; }
.bat-app .gamification-award-card { display: grid; justify-items: start; gap: 8px; }
.bat-app .gamification-award-image { display: block; width: clamp(64px, 20vw, 96px); height: clamp(64px, 20vw, 96px); object-fit: contain; border-radius: 12px; }
.bat-app.high-contrast .gamification-award-image { border: 2px solid #000; }
.bat-app #admin-loyalty-catalog-status[data-state="error"] { padding: 10px; border-inline-start: 4px solid #a32222; color: #721b1b; background: #fff1f1; }
.bat-app.high-contrast .gamification-group-heading { color: #000; border-color: #000; }


/* BAT 3.4.30 curated catalog tabs and CRUD controls */
.bat-app .managed-catalog-panel { margin-block: 14px; }
.bat-app .managed-catalog-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 14px; }
.bat-app .tools-category-panel { min-width: 0; }
.bat-app .tools-category-tabs { align-items: stretch; }
.bat-app .managed-catalog-tab { min-height: 44px; padding: 8px 14px; border: 1px solid #779488; border-radius: 999px; color: #173f34; background: #fff; font: inherit; font-weight: 650; cursor: pointer; }
.bat-app .managed-catalog-tab[aria-selected="true"] { border-color: var(--site-primary, #155b48); color: #fff; background: var(--site-primary, #155b48); }
.bat-app .managed-catalog-tab:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .managed-catalog-panel [role="status"] { min-height: 1.7em; }
.bat-app .managed-catalog-source { display: inline-block; width: fit-content; padding: 3px 8px; border: 1px solid #779488; border-radius: 999px; color: #173f34; font-size: .85em; font-weight: 700; }
.bat-app .legacy-catalog { margin-block: 14px; padding: 12px; border: 1px dashed #779488; border-radius: 12px; }
.bat-app .legacy-catalog > summary { min-height: 44px; padding: 8px 0; font-weight: 700; cursor: pointer; }
.bat-app .legacy-catalog > summary:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .admin-catalog-section { display: grid; gap: 10px; margin-block: 16px; padding-block-start: 12px; border-block-start: 1px solid #cbdad4; }
.bat-app .admin-catalog-section h4, .bat-app .admin-catalog-editor h5 { margin: 0; color: var(--site-heading, #173f34); }
.bat-app .admin-catalog-list { display: grid; gap: 8px; }
.bat-app .admin-catalog-item { display: grid; gap: 8px; }
.bat-app .admin-catalog-item h5 { margin: 0; overflow-wrap: anywhere; }
.bat-app .admin-catalog-editor { display: grid; gap: 8px; margin-block: 8px; padding: 14px; border: 1px solid #cbdad4; border-radius: 12px; background: #fff; }
.bat-app .admin-catalog-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 12px; align-items: center; }
.bat-app .admin-catalog-editor input, .bat-app .admin-catalog-editor textarea, .bat-app .admin-catalog-editor select { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #9aaea5; border-radius: 9px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .admin-catalog-editor textarea { resize: vertical; }
.bat-app .admin-catalog-editor [aria-invalid="true"] { border: 2px solid #a32222; }
.bat-app #bat-managed-item-form-state[data-state="error"] { padding: 10px; border-inline-start: 4px solid #a32222; color: #721b1b; background: #fff1f1; }
.bat-app .admin-catalog-manager[aria-busy="true"] { opacity: .72; }
.bat-app #bat-managed-catalog-status[data-state="error"] { padding: 10px; border-inline-start: 4px solid #a32222; color: #721b1b; background: #fff1f1; }
.bat-app .admin-catalog-manager :is(button, input, textarea, select):focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app.high-contrast .managed-catalog-tab, .bat-app.high-contrast .managed-catalog-source, .bat-app.high-contrast .legacy-catalog, .bat-app.high-contrast .admin-catalog-editor, .bat-app.high-contrast .admin-catalog-item { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .managed-catalog-tab[aria-selected="true"] { color: #fff; background: #000; }
.bat-app.high-contrast .admin-catalog-editor :is(input, textarea, select) { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .admin-catalog-section h4, .bat-app.high-contrast .admin-catalog-editor h5 { color: #000; }
.bat-app.large-text :is(.managed-catalog-tab, .admin-catalog-editor label, .admin-catalog-editor input, .admin-catalog-editor textarea, .admin-catalog-editor select) { font-size: 20px; }
@media (max-width: 600px) {
  .bat-app .managed-catalog-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bat-app .managed-catalog-tab { width: 100%; overflow-wrap: anywhere; }
  .bat-app .admin-catalog-editor { padding: 10px; }
  .bat-app .admin-catalog-fields { grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) {
  .bat-app .managed-catalog-tab, .bat-app .admin-catalog-item, .bat-app .admin-catalog-editor, .bat-app .admin-catalog-editor :is(input, textarea, select) { border: 2px solid CanvasText; color: CanvasText; background: Canvas; }
  .bat-app .managed-catalog-tab[aria-selected="false"] { border-color: ButtonText; }
  .bat-app .managed-catalog-tab[aria-selected="true"] { color: HighlightText; background: Highlight; }
  .bat-app .managed-catalog-tab:focus-visible, .bat-app .admin-catalog-manager :is(button, input, textarea, select):focus-visible { outline: 3px solid Highlight; outline-offset: 3px; }
}

/* Paginated administration surfaces: keep each settings family on its own screen. */
.bat-app .admin-dashboard-overview-disclosure { margin: 12px 0; padding: 0 14px; border: 1px solid #cbdad4; border-radius: 12px; background: #fff; }
.bat-app .admin-dashboard-overview-disclosure > summary { padding: 12px 0; color: var(--site-heading, #173f34); font-weight: 750; cursor: pointer; }
.bat-app .admin-settings-page-nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 8px; }
.bat-app .admin-settings-page-nav button { min-height: 46px; padding: 9px 12px; border: 1px solid #cbdad4; border-radius: 10px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-weight: 700; text-align: start; cursor: pointer; }
.bat-app .admin-settings-page-nav button[aria-current="page"] { color: #fff; border-color: var(--site-primary, #185c49); background: var(--site-primary, #185c49); }
.bat-app .admin-settings-page-nav button:focus-visible, .bat-app .admin-dashboard-overview-disclosure > summary:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .admin-settings-finder { display: grid; gap: 8px; }
.bat-app .admin-loyalty-manager { display: grid; gap: 10px; margin-block: 14px; padding: 12px; border: 1px solid #cbdad4; border-radius: 12px; background: #f8fbf9; }
.bat-app .admin-loyalty-manager > summary { min-height: 44px; padding: 8px 0; color: var(--site-heading, #173f34); font-weight: 750; cursor: pointer; }
.bat-app .admin-loyalty-list { display: grid; gap: 10px; margin-block: 10px; }
.bat-app .admin-loyalty-item { display: grid; gap: 8px; min-width: 0; padding: 12px; border: 1px solid #cbdad4; border-radius: 10px; background: #fff; }
.bat-app .admin-loyalty-item h5 { margin: 0; overflow-wrap: anywhere; }
.bat-app .admin-loyalty-item p { margin: 0; overflow-wrap: anywhere; }
.bat-app .admin-loyalty-item-actions, .bat-app .admin-loyalty-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bat-app .admin-loyalty-toolbar label { font-weight: 700; }
.bat-app .admin-loyalty-toolbar :is(input, select) { min-height: 44px; max-width: 100%; padding: 8px 10px; border: 1px solid #9aaea5; border-radius: 8px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .admin-loyalty-editor { display: grid; gap: 9px; margin-block: 14px; padding: 14px; border: 1px solid #779488; border-radius: 12px; background: #fff; }
.bat-app .admin-loyalty-editor[hidden], .bat-app .admin-loyalty-editor [hidden] { display: none; }
.bat-app .admin-loyalty-editor h4 { margin: 0; }
.bat-app .admin-loyalty-editor :is(input:not([type="checkbox"]), textarea, select) { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #9aaea5; border-radius: 9px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .admin-loyalty-editor textarea { resize: vertical; }
.bat-app .admin-loyalty-advanced { margin-block: 10px; padding: 10px; border: 1px dashed #9aaea5; border-radius: 10px; }
.bat-app .admin-loyalty-advanced summary { min-height: 44px; padding: 8px 0; font-weight: 700; cursor: pointer; }
.bat-app .admin-loyalty-manager :is(button, input, textarea, select, summary):focus-visible, .bat-app .admin-loyalty-editor :is(button, input, textarea, select):focus-visible, .bat-app .admin-loyalty-advanced summary:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app #admin-loyalty-requests-status[data-state="error"], .bat-app #admin-loyalty-users-status[data-state="error"], .bat-app #admin-loyalty-editor-status[data-state="error"] { padding: 10px; border-inline-start: 4px solid #a32222; color: #721b1b; background: #fff1f1; }
.bat-app #admin-loyalty-requests-status[data-state="success"], .bat-app #admin-loyalty-users-status[data-state="success"] { padding: 8px 10px; border-inline-start: 4px solid #27734f; background: #eff9f2; }
.bat-app.high-contrast .admin-loyalty-manager, .bat-app.high-contrast .admin-loyalty-item, .bat-app.high-contrast .admin-loyalty-editor, .bat-app.high-contrast .admin-loyalty-advanced { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .admin-loyalty-manager > summary, .bat-app.high-contrast .admin-loyalty-editor h4, .bat-app.high-contrast .admin-loyalty-item h5 { color: #000; }
.bat-app.high-contrast .admin-loyalty-toolbar :is(input, select), .bat-app.high-contrast .admin-loyalty-editor :is(input, textarea, select) { color: #000; background: #fff; border: 2px solid #000; }
@media (max-width: 600px) { .bat-app .admin-loyalty-manager, .bat-app .admin-loyalty-editor { padding: 10px; } .bat-app .admin-loyalty-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); } .bat-app .admin-loyalty-toolbar :is(input, select, button) { width: 100%; } }
@media (forced-colors: active) { .bat-app .admin-loyalty-manager, .bat-app .admin-loyalty-item, .bat-app .admin-loyalty-editor, .bat-app .admin-loyalty-advanced { border: 2px solid CanvasText; color: CanvasText; background: Canvas; } .bat-app .admin-loyalty-manager :is(button, input, textarea, select, summary):focus-visible, .bat-app .admin-loyalty-editor :is(button, input, textarea, select):focus-visible { outline: 3px solid Highlight; } }
.bat-app .admin-settings-finder h4, .bat-app .admin-settings-finder p { margin: 0; }
.bat-app.high-contrast .admin-dashboard-overview-disclosure, .bat-app.high-contrast .admin-settings-page-nav button { color: #000; border: 2px solid #000; background: #fff; }
.bat-app.high-contrast .admin-settings-page-nav button[aria-current="page"] { color: #fff; border-color: #000; background: #000; }
@media (max-width: 600px) { .bat-app .admin-settings-page-nav { grid-template-columns: 1fr; } }

@media (forced-colors: active) {
  .bat-app .admin-search-wrap input { color: CanvasText; background: Canvas; border: 2px solid CanvasText; }
  .bat-app .admin-settings-page-nav button:focus-visible, .bat-app .admin-dashboard-overview-disclosure > summary:focus-visible { outline: 3px solid Highlight; outline-offset: 3px; }
}


/* The expandable header navigation is the primary app navigation. */
.bat-app nav#menu-panel { position: relative; inset: auto; bottom: auto; z-index: 2; width: auto; background: var(--site-background, #fff); border-top: 1px solid #e1e8e5; }
.bat-app .header-button { flex: 0 0 auto; min-width: 66px; min-height: 46px; width: auto; height: auto; padding: 7px 10px; gap: 6px; font: inherit; font-size: 13px; font-weight: 650; }
.bat-app .header-button-label { line-height: 1.25; white-space: nowrap; }
.bat-app .more-options-panel > button { width: 100%; text-align: start; }
.bat-app .more-options-panel .settings-reset { margin-top: 0; }
.bat-app main { max-width: 1160px; padding-bottom: 48px; }
@media (max-width: 600px) {
  .bat-app .app-header { display: flex; min-height: 80px; padding: 12px; gap: 8px; flex-wrap: wrap; }
  .bat-app .app-brand { flex: 1 1 100%; }
  .bat-app .header-actions { display: grid; width: 100%; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  .bat-app .header-button { width: auto; min-width: 0; min-height: 64px; padding: 6px 3px; flex-direction: column; gap: 3px; border-radius: 12px; }
  .bat-app .header-button svg { width: 20px; height: 20px; }
  .bat-app .header-button-label { max-width: 100%; font-size: clamp(9px, 2.6vw, 12px); line-height: 1.2; white-space: normal; text-align: center; overflow-wrap: anywhere; }
  .bat-app main { padding: 30px 16px 48px; }
}
@media (max-width: 380px) {
  .bat-app.large-text .header-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Accessible points wallet dashboard. */
.bat-app .wallet-overview { display: grid; gap: 14px; margin-top: 14px; }
.bat-app .wallet-balance-card { padding: 20px; border: 1px solid #cbdad4; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--site-primary, #185c49), #26745f); box-shadow: 0 8px 22px rgb(23 63 52 / 12%); }
.bat-app .wallet-balance-card :is(h3, h5) { margin: 0; color: #fff; font-size: 1rem; }
.bat-app .wallet-balance-card p { color: #fff; }
.bat-app .wallet-balance-value { margin-top: 8px; font-size: clamp(2rem, 7vw, 3.1rem); font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.bat-app .wallet-balance-unit { margin-top: 2px; font-weight: 700; }
.bat-app .wallet-disclaimer { margin-top: 12px; padding-top: 10px; border-top: 1px solid rgb(255 255 255 / 40%); font-size: .9em; }
.bat-app .wallet-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.bat-app .wallet-summary-item { min-width: 0; display: grid; align-content: start; gap: 4px; margin: 0; padding: 12px; border: 1px solid #dce6e2; border-radius: 13px; background: #f7faf8; }
.bat-app .wallet-summary-item dt { font-size: .9em; font-weight: 650; }
.bat-app .wallet-summary-item dd { margin: 0; }
.bat-app .wallet-summary-item strong { font-size: 1.2em; line-height: 1.5; overflow-wrap: anywhere; }
.bat-app .wallet-summary-item small { color: var(--site-muted, #526460); line-height: 1.5; }
.bat-app .wallet-panel, .bat-app .wallet-withdrawal-panel { min-width: 0; padding: 14px; border: 1px solid #dce6e2; border-radius: 14px; background: #fff; }
.bat-app .wallet-panel :is(h3, h5), .bat-app .wallet-withdrawal-panel :is(h3, h5) { margin: 0 0 8px; color: var(--site-heading, #173f34); font-size: 1.05rem; }
.bat-app .wallet-tools, .bat-app .wallet-history { display: grid; gap: 10px; margin-top: 10px; }
.bat-app .wallet-tools:empty { display: none; }
.bat-app .wallet-withdrawal-panel { border-style: dashed; border-color: #a66b19; background: #fffaf2; }
.bat-app .wallet-withdrawal-terms { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 8px; margin: 12px 0; }
.bat-app .wallet-withdrawal-terms > div { min-width: 0; padding: 10px; border: 1px solid #ead9b9; border-radius: 10px; background: #fff; }
.bat-app .wallet-withdrawal-terms dt { font-size: .9em; font-weight: 700; }
.bat-app .wallet-withdrawal-terms dd { margin: 4px 0 0; overflow-wrap: anywhere; font-weight: 650; }
.bat-app .wallet-transfer-form, .bat-app .wallet-withdrawal-form { display: grid; gap: 9px; margin-top: 12px; }
.bat-app .wallet-withdrawal-history { margin-top: 16px; }
.bat-app .wallet-withdrawal-history h4 { margin: 0 0 8px; color: var(--site-heading, #173f34); }
.bat-app .wallet-withdrawal-request { border-inline-start-color: #9b651a; }
.bat-app .wallet-transfer-form label, .bat-app .wallet-withdrawal-form label { font-weight: 700; }
.bat-app .wallet-transfer-form input, .bat-app .wallet-withdrawal-form :is(input, textarea) { width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #879d94; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .wallet-transfer-form :is(input, button):focus-visible, .bat-app .wallet-withdrawal-form :is(input, textarea, button):focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .wallet-transfer-form button, .bat-app .wallet-withdrawal-form button { min-height: 48px; }
.bat-app .wallet-transfer-form :disabled, .bat-app .wallet-withdrawal-form :disabled { cursor: not-allowed; opacity: .7; }
.bat-app .wallet-history-header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(140px, auto); align-items: center; gap: 8px 12px; }
.bat-app .wallet-history-header :is(h3, h5) { grid-column: 1 / -1; }
.bat-app .wallet-history-header label { font-weight: 650; }
.bat-app .wallet-history-header select { min-width: 0; min-height: 44px; padding: 8px 10px; border: 1px solid #879d94; border-radius: 10px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .wallet-history-header select:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .wallet-transaction { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px; padding: 12px; border: 1px solid #dce6e2; border-inline-start: 4px solid #60766d; border-radius: 12px; background: #fff; }
.bat-app .wallet-transaction h6 { margin: 0; font-size: 1rem; }
.bat-app .wallet-transaction-amount { grid-column: 2; grid-row: 1; align-self: start; direction: auto; text-align: end; }
.bat-app .wallet-transaction-earned { border-inline-start-color: #27734f; }
.bat-app .wallet-transaction-spent { border-inline-start-color: #a32222; }
.bat-app .wallet-transaction .content-meta { grid-column: 1 / -1; overflow-wrap: anywhere; }
.bat-app .wallet-transaction-date { grid-column: 1 / -1; color: var(--site-muted, #526460); font-size: .9em; }
.bat-app.high-contrast .wallet-balance-card { color: #000; background: #fff; border: 2px solid #000; box-shadow: none; }
.bat-app.high-contrast .wallet-balance-card :is(h3, h5, p), .bat-app.high-contrast .wallet-summary-item strong, .bat-app.high-contrast .wallet-panel :is(h3, h5), .bat-app.high-contrast .wallet-withdrawal-panel :is(h3, h5) { color: #000; }
.bat-app.high-contrast .wallet-summary-item, .bat-app.high-contrast .wallet-panel, .bat-app.high-contrast .wallet-withdrawal-panel, .bat-app.high-contrast .wallet-withdrawal-terms > div, .bat-app.high-contrast .wallet-transaction { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .wallet-history-header select, .bat-app.high-contrast .wallet-transfer-form input, .bat-app.high-contrast .wallet-withdrawal-form :is(input, textarea) { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .wallet-transfer-form button, .bat-app.high-contrast .wallet-withdrawal-form button { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.large-text .wallet-summary-item small, .bat-app.large-text .wallet-history-header label, .bat-app.large-text .wallet-withdrawal-form label, .bat-app.large-text .wallet-withdrawal-history h4 { font-size: 1.15em; }
.bat-app.large-text :is(.wallet-balance-card h3, .wallet-balance-card h5, .wallet-balance-unit, .wallet-disclaimer, .wallet-summary-item dt, .wallet-history-header h3, .wallet-history-header h5, .wallet-transaction h6, .wallet-transaction-amount, .wallet-transaction-date, .wallet-withdrawal-terms dt, .wallet-withdrawal-terms dd) { font-size: 1.15em; }
@media (max-width: 600px) {
  .bat-app .wallet-summary-grid { grid-template-columns: 1fr; }
  .bat-app .wallet-history-header { grid-template-columns: 1fr; }
  .bat-app .wallet-history-header :is(h3, h5) { grid-column: auto; }
  .bat-app .wallet-transaction { grid-template-columns: minmax(0, 1fr); }
  .bat-app .wallet-transaction-amount { grid-column: 1; grid-row: auto; text-align: start; }
}
@media (forced-colors: active) {
  .bat-app .wallet-balance-card, .bat-app .wallet-summary-item, .bat-app .wallet-panel, .bat-app .wallet-withdrawal-panel, .bat-app .wallet-withdrawal-terms > div, .bat-app .wallet-transaction { color: CanvasText; background: Canvas; border: 2px solid CanvasText; box-shadow: none; }
  .bat-app .wallet-balance-card :is(h3, h5, p), .bat-app .wallet-panel :is(h3, h5), .bat-app .wallet-withdrawal-panel :is(h3, h5) { color: CanvasText; }
  .bat-app .wallet-history-header select, .bat-app .wallet-transfer-form input, .bat-app .wallet-withdrawal-form :is(input, textarea) { color: CanvasText; background: Canvas; border: 2px solid CanvasText; }
  .bat-app .wallet-transfer-form button, .bat-app .wallet-withdrawal-form button { color: ButtonText; background: ButtonFace; border: 2px solid ButtonText; }
  .bat-app .wallet-history-header select:focus-visible { outline: 3px solid Highlight; }
  .bat-app .wallet-transfer-form :is(input, button):focus-visible, .bat-app .wallet-withdrawal-form :is(input, textarea, button):focus-visible { outline: 3px solid Highlight; }
}

/* Rewards and achievements: accessible member dashboard and admin management. */
.bat-app .welcome-card { display: grid; gap: 12px; padding: 18px; border-color: #b8d3c7; color: #fff; background: linear-gradient(135deg, var(--site-primary, #185c49), #26745f); }
.bat-app .welcome-card[hidden] { display: none; }
.bat-app #welcome-card-member, .bat-app #welcome-card-guest { display: grid; gap: 12px; }
.bat-app #welcome-card-member[hidden], .bat-app #welcome-card-guest[hidden] { display: none; }
.bat-app .welcome-card h2, .bat-app .welcome-card p { margin: 0; color: #fff; }
.bat-app .welcome-card h2 { font-size: 1.35rem; line-height: 1.45; }
.bat-app .welcome-card-intro { line-height: 1.65; }
.bat-app .welcome-card-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.bat-app .welcome-card-actions .welcome-card-action { min-width: 10rem; }
.bat-app .welcome-card-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 10px; margin: 0; }
.bat-app .welcome-card-stats > div { min-width: 0; padding: 12px; border: 1px solid rgb(255 255 255 / 48%); border-radius: 12px; background: rgb(0 0 0 / 12%); }
.bat-app .welcome-card-stats dt { font-size: .9em; font-weight: 650; }
.bat-app .welcome-card-stats dd { margin: 5px 0 0; font-size: 1.18em; font-weight: 750; line-height: 1.45; overflow-wrap: anywhere; }
.bat-app .welcome-card .welcome-card-action { justify-self: start; color: var(--site-primary, #185c49); background: #fff; }
.bat-app .welcome-card .welcome-card-action:hover { background: #edf6f1; }
.bat-app .gamification-overview, .bat-app .reward-center-summary, .bat-app .admin-loyalty-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); gap: 10px; margin-block: 14px 18px; }
.bat-app .gamification-overview-card, .bat-app .reward-center-stat, .bat-app .admin-loyalty-stat { min-width: 0; display: grid; align-content: start; gap: 4px; padding: 13px; border: 1px solid #cbdad4; border-radius: 13px; color: var(--site-foreground, #172b2a); background: #f7faf8; }
.bat-app .gamification-overview-card strong, .bat-app .reward-center-stat strong, .bat-app .admin-loyalty-stat strong { color: var(--site-heading, #173f34); font-size: 1.35em; line-height: 1.35; overflow-wrap: anywhere; }
.bat-app .gamification-overview-card span, .bat-app .reward-center-stat span, .bat-app .admin-loyalty-stat span { color: var(--site-muted, #526460); font-size: .92em; font-weight: 650; line-height: 1.45; }
.bat-app .gamification-task-card, .bat-app .gamification-reward-card, .bat-app .gamification-request-card, .bat-app .gamification-badge-card, .bat-app .public-award-card { position: relative; border-inline-start: 4px solid #78978a; box-shadow: 0 3px 12px rgb(20 55 43 / 5%); }
.bat-app .gamification-task-card[data-state="complete"], .bat-app .gamification-badge-card[data-state="earned"] { border-inline-start-color: #27734f; }
.bat-app .gamification-task-card[data-state="pending"], .bat-app .gamification-reward-card[data-state="pending"], .bat-app .gamification-request-card[data-state="pending"], .bat-app .gamification-request-card[data-state="needs_review"] { border-inline-start-color: #a66b19; }
.bat-app .gamification-reward-card[data-state="unavailable"], .bat-app .gamification-request-card[data-state="rejected"] { border-inline-start-color: #a32222; }
.bat-app .gamification-group-heading { margin-block: 24px 8px; padding-block-end: 8px; border-block-end: 2px solid #dce6e2; font-size: 1.12rem; }
.bat-app .gamification-task-group { min-width: 0; display: grid; gap: 10px; }
.bat-app .gamification-task-category-heading { min-width: 0; margin: 8px 0 0; padding-block-end: 7px; border-block-end: 2px solid #dce6e2; color: var(--site-heading, #173f34); font-size: 1.05rem; line-height: 1.55; overflow-wrap: anywhere; }
.bat-app .reward-center-intro { margin-block: 14px; padding: 18px; border: 1px solid #cbdad4; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--site-primary, #185c49), #26745f); }
.bat-app .reward-center-intro h3, .bat-app .reward-center-intro p { margin: 0; color: #fff; }
.bat-app .reward-center-intro h3 { font-size: 1.25rem; }
.bat-app .reward-center-intro p { margin-top: 7px; line-height: 1.7; }
.bat-app .reward-center-section-heading { margin: 24px 0 8px; padding-block-end: 7px; border-block-end: 2px solid #dce6e2; color: var(--site-heading, #173f34); font-size: 1.15rem; }
.bat-app .public-award-card { display: grid; gap: 8px; }
.bat-app .earning-rules-hero { margin-block: 4px 22px; padding: clamp(16px, 3vw, 25px); border: 1px solid #a8c7b8; border-inline-start: 6px solid var(--site-primary, #185c49); border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--site-primary, #185c49), #25765e); box-shadow: 0 8px 24px rgb(20 55 43 / 10%); }
.bat-app .earning-rules-hero h3, .bat-app .earning-rules-hero p { margin: 0; color: #fff; }
.bat-app .earning-rules-hero h3 { font-size: 1.35rem; line-height: 1.5; }
.bat-app .earning-rules-hero p { margin-top: 8px; line-height: 1.8; }
.bat-app .earning-rules-section-heading { margin-top: 22px; }
.bat-app .earning-rule-list { display: grid; gap: 11px; margin: 12px 0 0; padding: 0; list-style: none; }
.bat-app .earning-rule-card, .bat-app .earning-path-card { min-width: 0; display: grid; justify-items: start; gap: 9px; padding: 16px; border: 1px solid #cadbd3; border-inline-start: 5px solid #27734f; border-radius: 14px; background: #fff; box-shadow: 0 3px 12px rgb(20 55 43 / 5%); }
.bat-app .earning-rule-card[data-kind="deduction"] { border-inline-start-color: #a66b19; background: #fffaf1; }
.bat-app .earning-rule-card h4, .bat-app .earning-path-card h4 { margin: 0; color: var(--site-heading, #173f34); font-size: 1.08rem; line-height: 1.6; overflow-wrap: anywhere; }
.bat-app .earning-rule-badge { display: inline-flex; align-items: center; min-height: 30px; padding: 4px 11px; border: 1px solid #9bb5aa; border-radius: 999px; color: #174d37; background: #eff7f2; font-size: .88em; font-weight: 750; line-height: 1.4; }
.bat-app .earning-rule-card[data-kind="deduction"] .earning-rule-badge { border-color: #d1a35f; color: #68420f; background: #fff4df; }
.bat-app .earning-rule-detail { overflow-wrap: anywhere; }
.bat-app .earning-path-card { margin-top: 12px; border-inline-start-color: var(--site-primary, #185c49); background: #f7faf8; }
.bat-app .earning-path-action { margin-top: 12px; }
.bat-app .earning-rules-wallet-note { margin-top: 22px; padding: 13px 15px; border: 1px solid #d4dfda; border-radius: 12px; background: #f8fbfa; }
@media (max-width: 600px) {
  .bat-app .earning-rules-hero { padding: 16px; }
  .bat-app .earning-rule-card, .bat-app .earning-path-card { padding: 14px; }
  .bat-app .earning-path-action { width: 100%; }
}
@media (forced-colors: active) {
  .bat-app :is(.earning-rules-hero, .earning-rule-card, .earning-path-card, .earning-rules-wallet-note) { color: CanvasText; background: Canvas; border: 2px solid CanvasText; box-shadow: none; }
  .bat-app :is(.earning-rules-hero h3, .earning-rules-hero p, .earning-rule-card h4, .earning-path-card h4, .earning-rule-badge) { color: CanvasText; }
  .bat-app .earning-rule-badge { background: Canvas; border: 1px solid CanvasText; }
}
.bat-app .admin-loyalty-overview { margin-block: 12px 16px; }
.bat-app .admin-loyalty-stat { background: #fff; }
.bat-app .admin-loyalty-workflow { margin-block: 12px 16px; padding: 14px; border: 1px solid #cbdad4; border-radius: 14px; background: #f6faf8; }
.bat-app .admin-loyalty-workflow h4 { margin: 0 0 8px; color: var(--site-heading, #173f34); }
.bat-app .admin-loyalty-workflow ol { margin-block: 8px; padding-inline-start: 1.5em; line-height: 1.7; }
.bat-app .admin-loyalty-workflow p { margin-block: 8px 0; }
.bat-app .admin-loyalty-badge { justify-self: start; display: inline-flex; align-items: center; min-height: 28px; padding: 3px 10px; border: 1px solid #9bb5aa; border-radius: 999px; color: #173f34; background: #eff7f2; font-size: .88em; font-weight: 700; line-height: 1.35; }
.bat-app .admin-loyalty-badge[data-state="disabled"], .bat-app .admin-loyalty-badge[data-state="rejected"] { border-color: #c98b8b; color: #721b1b; background: #fff1f1; }
.bat-app .admin-loyalty-badge[data-state="pending"], .bat-app .admin-loyalty-badge[data-state="needs_review"], .bat-app .admin-loyalty-badge[data-state="processing"] { border-color: #cfa15e; color: #68420f; background: #fff7e8; }
.bat-app .admin-loyalty-badge[data-state="approved"], .bat-app .admin-loyalty-badge[data-state="fulfilled"], .bat-app .admin-loyalty-badge[data-state="enabled"] { border-color: #8ab39a; color: #1e5638; background: #eff9f2; }
.bat-app.high-contrast .welcome-card { color: #000; background: #fff; border: 2px solid #000; box-shadow: none; }
.bat-app.high-contrast .welcome-card :is(h2, p) { color: #000; }
.bat-app.high-contrast .welcome-card-stats > div { background: #fff; border-color: #000; }
.bat-app.high-contrast .welcome-card .welcome-card-action { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast :is(.gamification-overview-card, .reward-center-stat, .admin-loyalty-stat, .admin-loyalty-workflow, .admin-loyalty-badge, .reward-center-intro, .earning-rules-hero, .earning-rule-card, .earning-path-card, .earning-rules-wallet-note, .gamification-task-card, .gamification-reward-card, .gamification-request-card, .gamification-badge-card, .public-award-card) { color: #000; background: #fff; border: 2px solid #000; box-shadow: none; }
.bat-app.high-contrast :is(.gamification-overview-card strong, .reward-center-stat strong, .admin-loyalty-stat strong, .admin-loyalty-workflow h4, .reward-center-section-heading, .gamification-task-category-heading, .reward-center-intro h3, .reward-center-intro p, .earning-rules-hero h3, .earning-rules-hero p, .earning-rule-card h4, .earning-path-card h4) { color: #000; }
.bat-app.large-text :is(.gamification-overview-card span, .reward-center-stat span, .admin-loyalty-stat span, .admin-loyalty-badge) { font-size: 1.05em; }
@media (max-width: 600px) { .bat-app .gamification-overview, .bat-app .reward-center-summary, .bat-app .admin-loyalty-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bat-app .reward-center-intro { padding: 14px; } .bat-app .welcome-card-actions { display: grid; grid-template-columns: 1fr; } .bat-app .welcome-card .welcome-card-action { justify-self: stretch; } }
@media (forced-colors: active) { .bat-app .welcome-card { color: CanvasText; background: Canvas; border: 2px solid CanvasText; box-shadow: none; } .bat-app .welcome-card :is(h2, p, dt, dd) { color: CanvasText; } .bat-app .welcome-card-stats > div { background: Canvas; border-color: CanvasText; } .bat-app .welcome-card .welcome-card-action { color: CanvasText; background: Canvas; border: 2px solid CanvasText; } .bat-app :is(.gamification-overview-card, .reward-center-stat, .admin-loyalty-stat, .admin-loyalty-workflow, .admin-loyalty-badge, .reward-center-intro, .gamification-task-card, .gamification-reward-card, .gamification-request-card, .gamification-badge-card, .public-award-card) { color: CanvasText; background: Canvas; border: 2px solid CanvasText; box-shadow: none; } .bat-app :is(.gamification-overview-card strong, .reward-center-stat strong, .admin-loyalty-stat strong, .admin-loyalty-workflow h4, .reward-center-section-heading, .gamification-task-category-heading, .reward-center-intro h3, .reward-center-intro p) { color: CanvasText; } }

/* Member account sub-navigation: touch-friendly horizontal tabs without crowding the page. */
.bat-app .account-tabs { min-width: 0; display: flex; gap: 8px; margin: 18px 0 20px; padding: 4px 3px 10px; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; border-bottom: 1px solid #dce6e2; }
.bat-app .account-tabs [role="tab"] { flex: 0 0 auto; min-width: 48px; min-height: 48px; padding: 10px 14px; border: 1px solid #dce6e2; border-radius: 11px; color: var(--site-primary, #185c49); background: #fff; font: inherit; font-weight: 650; line-height: 1.5; white-space: nowrap; cursor: pointer; scroll-snap-align: start; }
.bat-app .account-tabs [role="tab"]:hover { background: #f1f6f4; }
.bat-app .account-tabs [role="tab"][aria-selected="true"] { color: #fff; background: var(--site-primary, #185c49); border-color: var(--site-primary, #185c49); }
.bat-app .account-tabs [role="tab"]:focus-visible, .bat-app .account-tab-panel:focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .account-tab-panel { min-width: 0; scroll-margin-block: 1rem; }
.bat-app.large-text .account-tabs [role="tab"] { min-height: 52px; font-size: 20px; white-space: normal; }
.bat-app.large-text .account-screen :is(.content-meta, .content-note, .wallet-summary-item dt, .wallet-summary-item dd, .wallet-summary-item small, .wallet-transaction h6, .wallet-transaction-amount, .wallet-transaction-date, .gamification-group-heading, .gamification-task-category-heading, .reward-center-section-heading) { font-size: 20px; }
.bat-app.high-contrast .account-tabs { border-color: #000; }
.bat-app.high-contrast .account-tabs [role="tab"] { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .account-tabs [role="tab"][aria-selected="true"] { color: #fff; background: #000; }
.bat-app.high-contrast .member-page-intro,
.bat-app.high-contrast .account-screen :is(.content-meta, .content-note, .content-item, .data-summary, .wallet-balance-card, .wallet-summary-item, .wallet-panel, .wallet-withdrawal-panel, .wallet-transaction, .gamification-overview-card, .reward-center-stat, .gamification-task-card, .gamification-reward-card, .gamification-request-card, .gamification-badge-card) { color: #000; background: #fff; border-color: #000; box-shadow: none; }
.bat-app.high-contrast .account-screen :is(h2, h3, h4, h5, h6, p, li, dt, dd, small, time, strong, span, label, a) { color: #000; }
.bat-app.high-contrast .account-screen a { text-decoration: underline; }
.bat-app.high-contrast .account-screen .account-tabs [role="tab"][aria-selected="true"],
.bat-app.high-contrast .account-screen .account-tabs [role="tab"][aria-selected="true"] span { color: #fff; }
@media (max-width: 600px) {
  .bat-app .account-tabs { gap: 6px; margin-inline: -4px; padding-inline: 4px; }
  .bat-app .account-tabs [role="tab"] { min-height: 48px; padding-inline: 12px; }
  .bat-app .account-tab-panel { padding-inline: 0; }
}
@media (forced-colors: active) {
  .bat-app .account-tabs { border-color: CanvasText; }
  .bat-app .account-tabs [role="tab"] { color: CanvasText; background: Canvas; border: 2px solid CanvasText; }
  .bat-app .account-tabs [role="tab"][aria-selected="true"] { color: HighlightText; background: Highlight; border-color: Highlight; }
  .bat-app .account-tabs [role="tab"]:focus-visible, .bat-app .account-tab-panel:focus-visible { outline: 3px solid Highlight; }
}


/* 3.7.7 visual system: consistent spacing, clearer administration, and badge chips. */
.bat-app {
  --bat-line: #dce6e2;
  --bat-surface: #f7faf8;
  --bat-card-shadow: 0 6px 20px rgb(23 63 52 / 6%);
}
.bat-app .app-header { max-width: 1160px; width: 100%; padding-inline: clamp(16px, 3vw, 36px); }
.bat-app main { width: 100%; max-width: 1160px; padding-inline: clamp(16px, 3vw, 36px); padding-block-start: clamp(24px, 4vw, 42px); }
.bat-app .home-section,
.bat-app .dashboard-panel,
.bat-app .popover,
.bat-app .notice-panel { border-radius: var(--site-radius, 16px); border-color: var(--bat-line, #dce6e2); }
.bat-app .home-section,
.bat-app .dashboard-panel { box-shadow: var(--bat-card-shadow); }
.bat-app .dashboard-panel { background: var(--bat-surface, #f7faf8); }
.bat-app .dashboard-tabs { grid-template-columns: repeat(auto-fit, minmax(min(100%, 175px), 1fr)); }
.bat-app .admin-dashboard-overview-disclosure,
.bat-app .admin-dashboard-controls,
.bat-app .admin-settings-form fieldset,
.bat-app .admin-catalog-section,
.bat-app .admin-catalog-editor { border-color: var(--bat-line, #dce6e2); }
.bat-app .admin-dashboard-controls { background: var(--bat-surface, #f7faf8); }
.bat-app .admin-dashboard-overview-disclosure > summary,
.bat-app .admin-settings-page-nav button,
.bat-app .admin-catalog-section h4,
.bat-app .admin-catalog-editor h5 { line-height: 1.6; }
.bat-app .admin-catalog-fields { min-width: 0; }
.bat-app .admin-catalog-editor :is(input, textarea, select),
.bat-app .admin-settings-form :is(input, textarea, select) { min-width: 0; }
.bat-app .admin-catalog-item .admin-form-actions,
.bat-app .admin-catalog-manager .admin-form-actions,
.bat-app .admin-content-editor .admin-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.bat-app .admin-catalog-item .admin-form-actions > button,
.bat-app .admin-content-editor .admin-form-actions > button { flex: 0 1 auto; }
.bat-app .admin-dashboard-screen :is(button, input, select, textarea, summary):focus-visible { outline: 3px solid #0b6bb5; outline-offset: 3px; }
.bat-app .welcome-card-stats #welcome-card-badge { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.bat-app .welcome-card-badge-chip { display: inline-flex; max-width: 100%; align-items: center; padding: 4px 9px; border: 1px solid rgb(255 255 255 / 52%); border-radius: 999px; color: #fff; background: rgb(0 0 0 / 14%); font-size: .78em; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.bat-app.large-text .welcome-card-badge-chip { font-size: 1em; }
.bat-app .welcome-card-badge-more { font-weight: 600; }
.bat-app.high-contrast .welcome-card-badge-chip { color: #000; border: 2px solid #000; background: #fff; }
@media (max-width: 782px) {
  .bat-app .admin-dashboard-controls { grid-template-columns: minmax(0, 1fr); }
  .bat-app .admin-catalog-item .admin-form-actions > button,
  .bat-app .admin-content-editor .admin-form-actions > button { flex: 1 1 10rem; }
}
@media (max-width: 600px) {
  .bat-app .app-header { padding-inline: 12px; }
  .bat-app main { padding-inline: 16px; padding-block-start: 24px; }
  .bat-app .admin-dashboard-screen .dashboard-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bat-app .admin-catalog-item .admin-form-actions > button,
  .bat-app .admin-content-editor .admin-form-actions > button { flex: 1 1 100%; }
}
@media (max-width: 380px) {
  .bat-app.large-text .admin-dashboard-screen .dashboard-tabs { grid-template-columns: minmax(0, 1fr); }
}
.bat-app .admin-catalog-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 8px 12px; align-items: center; margin-block: 8px; }
.bat-app .admin-catalog-toolbar :is(input, select),
.bat-app .admin-catalog-reassignment select { width: 100%; min-width: 0; min-height: 46px; padding: 9px 11px; border: 1px solid #83998f; border-radius: 9px; color: #172b2a; background: #fff; font: inherit; }
.bat-app .admin-catalog-reassignment { display: grid; gap: 8px; margin-block-start: 10px; padding: 12px; border: 2px solid #6c887b; border-radius: 10px; background: #f4f8f6; }
.bat-app .admin-catalog-reassignment > :is(p, label) { margin: 0; }
.bat-app .admin-catalog-reassignment .account-action { min-height: 46px; }
.bat-app .admin-catalog-reassignment .account-action:disabled { cursor: not-allowed; opacity: .6; }
.bat-app.high-contrast .admin-catalog-reassignment,
.bat-app.high-contrast .admin-catalog-toolbar :is(input, select),
.bat-app.high-contrast .admin-catalog-reassignment select { color: #000; border: 2px solid #000; background: #fff; }
.bat-app.large-text .admin-catalog-toolbar :is(label, input, select),
.bat-app.large-text .admin-catalog-reassignment :is(label, select, button) { font-size: 20px; }
@media (max-width: 600px) {
  .bat-app .admin-catalog-toolbar { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}
@media (forced-colors: active) {
  .bat-app .admin-catalog-toolbar :is(input, select),
  .bat-app .admin-catalog-reassignment,
  .bat-app .admin-catalog-reassignment select { border: 2px solid CanvasText; color: CanvasText; background: Canvas; }
}
/* Consistent shortcuts across the separate account, points, and wallet pages. */
.bat-app .member-page-intro { max-width: 72ch; margin: 8px 0 10px; color: var(--site-muted, #526460); }
.bat-app .member-page-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 18px; padding: 10px; border: 1px solid #dce6e2; border-radius: 12px; background: #f8fbfa; }
.bat-app .member-page-shortcuts .account-action { flex: 1 1 180px; min-height: 48px; }
.bat-app .member-page-shortcuts .account-action:hover { background: #f1f6f4; }
.bat-app.high-contrast .member-page-shortcuts { color: #000; background: #fff; border: 2px solid #000; }
@media (max-width: 600px) {
  .bat-app .member-page-shortcuts { display: grid; grid-template-columns: minmax(0, 1fr); padding: 8px; }
  .bat-app .member-page-shortcuts .account-action { width: 100%; }
}
@media (forced-colors: active) {
  .bat-app .member-page-shortcuts { color: CanvasText; background: Canvas; border: 2px solid CanvasText; }
}
@media (forced-colors: active) {
  .bat-app .home-section,
  .bat-app .dashboard-panel,
  .bat-app .popover,
  .bat-app .notice-panel,
  .bat-app .welcome-card-badge-chip { box-shadow: none; border: 2px solid CanvasText; }
  .bat-app .welcome-card-badge-chip { color: CanvasText; background: Canvas; }
  .bat-app .admin-dashboard-screen :is(button, input, select, textarea, summary):focus-visible { outline: 3px solid Highlight; }
}

/* Guest gate for member-only points, rewards and wallet pages. */
.bat-app .loyalty-access-gate { margin: 16px 0; padding: 18px; border: 2px solid var(--site-primary, #185c49); border-radius: var(--site-radius, 16px); background: #f8fbfa; }
.bat-app .loyalty-access-gate h3 { margin: 0 0 8px; color: var(--site-heading, #173f34); font-size: 18px; line-height: 1.6; }
.bat-app .loyalty-access-gate [data-loyalty-access-message] { max-width: 68ch; }
.bat-app .loyalty-access-gate .account-actions { margin-top: 14px; }
.bat-app .loyalty-access-gate .account-action { min-width: 150px; }
.bat-app.large-text .loyalty-access-gate h3 { font-size: 23px; }
.bat-app.high-contrast .loyalty-access-gate { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .loyalty-access-gate h3 { color: #000; }
@media (max-width: 600px) { .bat-app .loyalty-access-gate { padding: 14px; } .bat-app .loyalty-access-gate .account-action { width: 100%; } }
@media (forced-colors: active) { .bat-app .loyalty-access-gate { color: CanvasText; background: Canvas; border: 2px solid CanvasText; } }

/* Independent, direct-link authentication pages. */
.bat-app .auth-screen { max-width: 680px; margin-inline: auto; padding: clamp(16px, 3vw, 28px); border: 1px solid #dce6e2; border-radius: var(--site-radius, 16px); background: var(--site-background, #fff); }
.bat-app .auth-screen > h1 { margin: 0 0 8px; font-size: clamp(1.25rem, 3vw, 1.6rem); line-height: 1.5; }
.bat-app .auth-screen .account-form { max-width: none; }
.bat-app .auth-screen .content-link, .bat-app .auth-screen .auth-return a { display: inline-block; min-height: 44px; padding-block: 9px; overflow-wrap: anywhere; }
.bat-app .auth-screen .auth-return { margin-block: 18px 0; }
.bat-app .auth-screen .account-actions a { display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; }
.bat-app.high-contrast .auth-screen { color: #000; background: #fff; border: 2px solid #000; }
.bat-app.high-contrast .auth-screen :is(h1, h2, h3, p, label, a) { color: #000; }
.bat-app.high-contrast .auth-screen a { text-decoration: underline; }
@media (max-width: 600px) { .bat-app .auth-screen { padding: 16px; } .bat-app .auth-screen .account-actions { display: grid; grid-template-columns: minmax(0, 1fr); } .bat-app .auth-screen .account-actions > * { width: 100%; } }
@media (forced-colors: active) { .bat-app .auth-screen { color: CanvasText; background: Canvas; border: 2px solid CanvasText; } .bat-app .auth-screen a, .bat-app .auth-screen .account-action { color: LinkText; } }

/* Anchor actions use the same touch and focus treatment as app buttons. */
.bat-app a.account-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.bat-app a.account-action:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.bat-app.high-contrast a.account-action { color: #000; background: #fff; border: 2px solid #000; text-decoration: underline; }
@media (max-width: 600px) { .bat-app .welcome-card-actions a.account-action { width: 100%; } }

/* Unified, read-only map of app pages and their existing settings sources. */
.bat-app .admin-structure-page-index { margin: 18px 0; padding: 12px; border: 1px solid #dce6e2; border-radius: 14px; background: #fff; }
.bat-app .admin-structure-page-index > summary { min-height: 44px; display: flex; align-items: center; font-weight: 700; cursor: pointer; }
.bat-app .admin-structure-page-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 10px; margin-block: 12px; }
.bat-app .admin-structure-page-card { min-width: 0; padding: 12px; border: 1px solid #dce6e2; border-radius: 12px; overflow-wrap: anywhere; }
.bat-app .admin-structure-page-card h5 { margin: 0 0 5px; font-size: 1rem; }
.bat-app .admin-structure-page-card p { margin: 6px 0 0; }
.bat-app #bat-structure-management-limits { padding-inline-start: 1.5em; }
.bat-app.high-contrast .admin-structure-page-index, .bat-app.high-contrast .admin-structure-page-card { color: #000; background: #fff; border: 2px solid #000; }
@media (max-width: 600px) { .bat-app .admin-structure-page-index { padding: 10px; } .bat-app .admin-structure-page-card { padding: 12px; } }
@media (forced-colors: active) { .bat-app .admin-structure-page-index, .bat-app .admin-structure-page-card { color: CanvasText; background: Canvas; border: 2px solid CanvasText; } }