/* Dark palette for shared surfaces, readable text, and borders.
   Components retain their original light colors as custom-property fallbacks. */
:root { color-scheme: light; }

/* Shared app chevron. Geometry comes from navigation-icons/chevron_right.svg. */
.rfd-chevron {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    color: inherit;
    font-size: 0;
    line-height: 0;
    background-color: currentColor;
    -webkit-mask: url("/static/navigation-icons/chevron_right.svg") center / contain no-repeat;
    mask: url("/static/navigation-icons/chevron_right.svg") center / contain no-repeat;
    transform-origin: center;
    transition: transform .18s ease;
}
.rfd-chevron--left { transform: rotate(180deg); }
.rfd-chevron--down { transform: rotate(90deg); }
.rfd-chevron--up { transform: rotate(-90deg); }
.rfd-chevron--header { color: #c62828; }

:root[data-theme="dark"] {
    color-scheme: dark;
    --rfd-accent-c9282b: #ff8588;
    --rfd-link-551a8b: #c88eeb;
    --rfd-border-8dc79a: #3d4d5f;
    --rfd-border-9bc7a5: #3d4d5f;
    --rfd-border-9eabb5: #3d4d5f;
    --rfd-border-9fcdb0: #3d4d5f;
    --rfd-border-a9d6b7: #3d4d5f;
    --rfd-border-aab4bc: #3d4d5f;
    --rfd-border-aeb7bf: #3d4d5f;
    --rfd-border-aeb8c0: #3d4d5f;
    --rfd-border-b7c9d3: #3d4d5f;
    --rfd-border-b8c1c8: #3d4d5f;
    --rfd-border-b8c9d5: #3d4d5f;
    --rfd-border-b9c5cc: #3d4d5f;
    --rfd-border-b9c9dd: #3d4d5f;
    --rfd-border-bcc8d0: #3d4d5f;
    --rfd-border-bdcbd2: #3d4d5f;
    --rfd-border-bec9d2: #3d4d5f;
    --rfd-border-bfd0df: #3d4d5f;
    --rfd-border-c7d0d6: #3d4d5f;
    --rfd-border-c8d2dc: #3d4d5f;
    --rfd-border-c9d0d6: #3d4d5f;
    --rfd-border-cbd5dc: #3d4d5f;
    --rfd-border-cccccc: #3d4d5f;
    --rfd-border-ccd3d8: #3d4d5f;
    --rfd-border-ccd5db: #3d4d5f;
    --rfd-border-ccd8df: #3d4d5f;
    --rfd-border-cfd7dd: #3d4d5f;
    --rfd-border-cfd8de: #3d4d5f;
    --rfd-border-d5dfe6: #3d4d5f;
    --rfd-border-d7dfe5: #3d4d5f;
    --rfd-border-d7e2e7: #3d4d5f;
    --rfd-border-d89a9a: #3d4d5f;
    --rfd-border-d89aa7: #3d4d5f;
    --rfd-border-d8a8ae: #3d4d5f;
    --rfd-border-d8dde2: #3d4d5f;
    --rfd-border-d8dee3: #3d4d5f;
    --rfd-border-d8e0e5: #3d4d5f;
    --rfd-border-d8e0e8: #3d4d5f;
    --rfd-border-d8e2e8: #3d4d5f;
    --rfd-border-d8e3e9: #3d4d5f;
    --rfd-border-d9e0e5: #3d4d5f;
    --rfd-border-d9e0e7: #3d4d5f;
    --rfd-border-d9e1e8: #3d4d5f;
    --rfd-border-dbe3ec: #3d4d5f;
    --rfd-border-dce2e8: #3d4d5f;
    --rfd-border-dce3e8: #3d4d5f;
    --rfd-border-dce3eb: #3d4d5f;
    --rfd-border-dce5eb: #3d4d5f;
    --rfd-border-dddddd: #3d4d5f;
    --rfd-border-dde2e8: #3d4d5f;
    --rfd-border-dfe4e8: #3d4d5f;
    --rfd-border-dfe4e9: #3d4d5f;
    --rfd-border-dfe5e9: #3d4d5f;
    --rfd-border-e0b6b6: #3d4d5f;
    --rfd-border-e0e5e9: #3d4d5f;
    --rfd-border-e0e6ea: #3d4d5f;
    --rfd-border-e0e7eb: #3d4d5f;
    --rfd-border-e1e5e8: #3d4d5f;
    --rfd-border-e1e6ea: #3d4d5f;
    --rfd-border-e2e7ec: #3d4d5f;
    --rfd-border-e2e8ed: #3d4d5f;
    --rfd-border-e2eaee: #3d4d5f;
    --rfd-border-e3e6e9: #3d4d5f;
    --rfd-border-e3e7ea: #3d4d5f;
    --rfd-border-e3e8ec: #3d4d5f;
    --rfd-border-e3e8ed: #3d4d5f;
    --rfd-border-e4e7ea: #3d4d5f;
    --rfd-border-e4e8eb: #3d4d5f;
    --rfd-border-e4ecef: #3d4d5f;
    --rfd-border-e5e7ea: #3d4d5f;
    --rfd-border-e5e9ec: #3d4d5f;
    --rfd-border-e5eaee: #3d4d5f;
    --rfd-border-e5ecef: #3d4d5f;
    --rfd-border-e6eaed: #3d4d5f;
    --rfd-border-e7ecef: #3d4d5f;
    --rfd-border-edf0f2: #3d4d5f;
    --rfd-border-edf0f3: #3d4d5f;
    --rfd-border-edf1f3: #3d4d5f;
    --rfd-border-edf1f5: #3d4d5f;
    --rfd-border-edf2f5: #3d4d5f;
    --rfd-border-eef0f3: #3d4d5f;
    --rfd-border-eef1f3: #3d4d5f;
    --rfd-border-ffffff: #3d4d5f;
    --rfd-surface-c8c9cd: #263545;
    --rfd-surface-cbd2d8: #263545;
    --rfd-surface-d9e6ea: #1d2f35;
    --rfd-surface-dff1e3: #1b3721;
    --rfd-surface-dff3e5: #1b3723;
    --rfd-surface-dff4e7: #1b3725;
    --rfd-surface-e5e8eb: #263545;
    --rfd-surface-e6e8ea: #263545;
    --rfd-surface-e7f6ed: #1b3726;
    --rfd-surface-e7f7ec: #1b3723;
    --rfd-surface-e8eaec: #263545;
    --rfd-surface-e8f0f4: #1b2e37;
    --rfd-surface-e8f1fa: #1b2937;
    --rfd-surface-e8f4f7: #1b3137;
    --rfd-surface-e8f6ed: #1b3725;
    --rfd-surface-e9eef2: #1e2a33;
    --rfd-surface-e9f7ed: #1b3723;
    --rfd-surface-e9f7f2: #1b372d;
    --rfd-surface-edf0f5: #1d2634;
    --rfd-surface-edf2f4: #1f2d33;
    --rfd-surface-edf2f5: #1d2c34;
    --rfd-surface-edf7f1: #1b3726;
    --rfd-surface-edf9ef: #1b371f;
    --rfd-surface-eeeeee: #263545;
    --rfd-surface-eef0f3: #222730;
    --rfd-surface-eef1f3: #222a30;
    --rfd-surface-eef1f4: #202932;
    --rfd-surface-eef2f4: #202c32;
    --rfd-surface-eef3f8: #1b2937;
    --rfd-surface-eef6f8: #1b3137;
    --rfd-surface-eef7ff: #1b2a37;
    --rfd-surface-eef8ee: #1b371b;
    --rfd-surface-eef8ef: #1b371d;
    --rfd-surface-eef8f1: #1b3723;
    --rfd-surface-eef9f1: #1b3722;
    --rfd-surface-eef9f2: #1b3725;
    --rfd-surface-f0f3f5: #212a31;
    --rfd-surface-f1f3f5: #222930;
    --rfd-surface-f1f4f6: #202b32;
    --rfd-surface-f1f5f7: #1e2d34;
    --rfd-surface-f2f3f4: #15202c;
    --rfd-surface-f2f4f6: #212930;
    --rfd-surface-f2f5f7: #1f2b33;
    --rfd-surface-f2f5f8: #1d2935;
    --rfd-surface-f2fbf5: #1b3724;
    --rfd-surface-f3e9e9: #351d1d;
    --rfd-surface-f3f7f9: #1b2d36;
    --rfd-surface-f3f8fa: #1b2f37;
    --rfd-surface-f3f8fd: #1b2937;
    --rfd-surface-f4f6f7: #222b2f;
    --rfd-surface-f4f6f8: #202932;
    --rfd-surface-f4f7f9: #1d2b35;
    --rfd-surface-f4f7fb: #1b2737;
    --rfd-surface-f5f7f8: #222b30;
    --rfd-surface-f5f7f9: #1f2933;
    --rfd-surface-f5f7fa: #1b2636;
    --rfd-surface-f5f8fa: #1b2c36;
    --rfd-surface-f7f9fa: #1f2c32;
    --rfd-surface-f7fafb: #1b3036;
    --rfd-surface-f8eaea: #371b1b;
    --rfd-surface-f8fafb: #1e2d34;
    --rfd-surface-f8fbfd: #1b2c37;
    --rfd-surface-ffe9aa: #37301b;
    --rfd-surface-fff0f0: #371b1b;
    --rfd-surface-fff0f1: #371b1c;
    --rfd-surface-fff0f3: #371b20;
    --rfd-surface-fff1f1: #371b1b;
    --rfd-surface-fff1f3: #371b1f;
    --rfd-surface-fff2cd: #37301b;
    --rfd-surface-fff2f3: #371b1d;
    --rfd-surface-fff3f3: #371b1b;
    --rfd-surface-fff4d6: #372f1b;
    --rfd-surface-fff4d9: #372f1b;
    --rfd-surface-fff4f4: #371b1b;
    --rfd-surface-fff5e1: #372e1b;
    --rfd-surface-fff5f5: #371b1b;
    --rfd-surface-fff5f6: #371b1d;
    --rfd-surface-fff6d8: #37301b;
    --rfd-surface-fff7db: #37311b;
    --rfd-surface-fff7dc: #37311b;
    --rfd-surface-fff7e6: #372e1b;
    --rfd-surface-fff7f7: #371b1b;
    --rfd-surface-fff7f8: #371b1e;
    --rfd-surface-fff8dc: #37311b;
    --rfd-surface-fff8df: #37311b;
    --rfd-surface-fff8e6: #372f1b;
    --rfd-surface-fff8f8: #371b1b;
    --rfd-surface-fff8fa: #371b23;
    --rfd-surface-fff9e8: #37301b;
    --rfd-surface-fff9e9: #372f1b;
    --rfd-surface-fffaf0: #372e1b;
    --rfd-surface-fffafa: #371b1b;
    --rfd-surface-ffffff: #1b2633;
    --rfd-text-000000: #edf2f7;
    --rfd-text-006c82: #8bdeee;
    --rfd-text-071a2f: #8cbaee;
    --rfd-text-075d78: #8bd7ee;
    --rfd-text-087cff: #8bbaee;
    --rfd-text-092f43: #8bccee;
    --rfd-text-0d6678: #8bdeee;
    --rfd-text-10243a: #97bbe2;
    --rfd-text-111111: #edf2f7;
    --rfd-text-14202e: #edf2f7;
    --rfd-text-1677d2: #8bbeee;
    --rfd-text-168447: #8decb8;
    --rfd-text-17212b: #edf2f7;
    --rfd-text-172534: #edf2f7;
    --rfd-text-172b4d: #99b3e1;
    --rfd-text-172c46: #9bb9de;
    --rfd-text-17324d: #99bde1;
    --rfd-text-173c4c: #99cbe0;
    --rfd-text-173f5f: #94c1e5;
    --rfd-text-174f60: #94d2e5;
    --rfd-text-17653a: #93e6b8;
    --rfd-text-176a50: #92e7cd;
    --rfd-text-176b35: #92e8b0;
    --rfd-text-176b3a: #92e8b6;
    --rfd-text-1f2933: #edf2f7;
    --rfd-text-213140: #edf2f7;
    --rfd-text-216d31: #99e0a8;
    --rfd-text-236b2e: #9bdea5;
    --rfd-text-237a3b: #98e1ac;
    --rfd-text-244f62: #9ec9db;
    --rfd-text-245b2a: #a0d9a6;
    --rfd-text-246b36: #9cdeac;
    --rfd-text-26323d: #edf2f7;
    --rfd-text-26783a: #9adfab;
    --rfd-text-276142: #a0d9bb;
    --rfd-text-2764a7: #94bbe6;
    --rfd-text-285d89: #98c0e1;
    --rfd-text-287a54: #9bdebf;
    --rfd-text-287b38: #9bdea8;
    --rfd-text-2e7d32: #9edba1;
    --rfd-text-31485a: #edf2f7;
    --rfd-text-315f45: #edf2f7;
    --rfd-text-334155: #edf2f7;
    --rfd-text-33475b: #edf2f7;
    --rfd-text-34424d: #edf2f7;
    --rfd-text-344451: #edf2f7;
    --rfd-text-374151: #edf2f7;
    --rfd-text-37475b: #edf2f7;
    --rfd-text-40566c: #acbdce;
    --rfd-text-43515d: #b2bec7;
    --rfd-text-435565: #afbdca;
    --rfd-text-44515c: #b3bec7;
    --rfd-text-45606e: #aec2cc;
    --rfd-text-46586c: #afbccb;
    --rfd-text-493d20: #edf2f7;
    --rfd-text-52606b: #b3c0ce;
    --rfd-text-52606c: #b3c0ce;
    --rfd-text-52616b: #b3c0ce;
    --rfd-text-526171: #b2bcc7;
    --rfd-text-526174: #b1bbc8;
    --rfd-text-526276: #b1bbc9;
    --rfd-text-52636d: #b3c0ce;
    --rfd-text-52656f: #b3c0c7;
    --rfd-text-526579: #b0bcc9;
    --rfd-text-536779: #b0bdc9;
    --rfd-text-536a78: #b1c0c9;
    --rfd-text-572020: #db9e9e;
    --rfd-text-59636d: #b3c0ce;
    --rfd-text-5b1785: #c88eeb;
    --rfd-text-5c6f79: #b3c0ce;
    --rfd-text-5c6f7b: #b3c0ce;
    --rfd-text-5e6b7a: #b3c0ce;
    --rfd-text-5f470d: #eed18b;
    --rfd-text-5f4a16: #e6ce93;
    --rfd-text-606870: #b3c0ce;
    --rfd-text-607080: #b3c0ce;
    --rfd-text-60717e: #b3c0ce;
    --rfd-text-60727c: #b3c0ce;
    --rfd-text-61717d: #b3c0ce;
    --rfd-text-617487: #b2bdc8;
    --rfd-text-62480f: #edcf8c;
    --rfd-text-637382: #b3c0ce;
    --rfd-text-637487: #b2bcc7;
    --rfd-text-647181: #b3c0ce;
    --rfd-text-64727c: #b3c0ce;
    --rfd-text-64747c: #b3c0ce;
    --rfd-text-657584: #b3c0ce;
    --rfd-text-66727d: #b3c0ce;
    --rfd-text-687785: #b3c0ce;
    --rfd-text-687789: #b3c0ce;
    --rfd-text-6a757f: #b3c0ce;
    --rfd-text-6b7280: #b3c0ce;
    --rfd-text-6b7780: #b3c0ce;
    --rfd-text-6b7a84: #b3c0ce;
    --rfd-text-707986: #b3c0ce;
    --rfd-text-71818a: #b3c0ce;
    --rfd-text-72727a: #b3c0ce;
    --rfd-text-745400: #eed38b;
    --rfd-text-75808a: #b3c0ce;
    --rfd-text-76242f: #e099a3;
    --rfd-text-77838d: #b3c0ce;
    --rfd-text-782d2d: #db9f9f;
    --rfd-text-785b00: #eed68b;
    --rfd-text-78838d: #b3c0ce;
    --rfd-text-7b1fa2: #cf90ea;
    --rfd-text-7b5d5d: #b3c0ce;
    --rfd-text-7b6732: #d9c9a1;
    --rfd-text-7b8791: #b3c0ce;
    --rfd-text-7c7d84: #b3c0ce;
    --rfd-text-805d13: #eece8c;
    --rfd-text-84939b: #b3c0ce;
    --rfd-text-8a4b00: #eec18b;
    --rfd-text-8a5a00: #eecc8b;
    --rfd-text-8a6518: #ebcd8e;
    --rfd-text-8b949d: #b3c0ce;
    --rfd-text-8e1c1c: #e99090;
    --rfd-text-8f1616: #ed8c8c;
    --rfd-text-8f1f2b: #e7929b;
    --rfd-text-96a0a8: #b3c0ce;
    --rfd-text-9a6700: #eecd8b;
    --rfd-text-9aa4ad: #b3c0ce;
    --rfd-text-9b1c1c: #eb8f8f;
    --rfd-text-9d1c1c: #eb8e8e;
    --rfd-text-9d2525: #e69494;
    --rfd-text-9e1b2d: #ec8e9b;
    --rfd-text-9f202c: #e99199;
    --rfd-text-a22b25: #e69793;
    --rfd-text-a33462: #df9ab7;
    --rfd-text-a52a2a: #e49595;
    --rfd-text-a61b1f: #ec8d90;
    --rfd-text-a61f24: #ea8f93;
    --rfd-text-a91e1e: #eb8e8e;
    --rfd-text-a91f1f: #ea8f8f;
    --rfd-text-a91f23: #ea8f92;
    --rfd-text-a91f27: #ea8f94;
    --rfd-text-b05a00: #eebe8b;
    --rfd-text-b3261e: #ec938d;
    --rfd-text-b42328: #e99093;
    --rfd-text-b51f25: #ec8e92;
    --rfd-text-b52222: #ea8f8f;
    --rfd-text-b5262b: #e89194;
    --rfd-text-b7193a: #ee8ba0;
    --rfd-text-b71c1c: #ed8c8c;
    --rfd-text-b7324b: #e397a5;
    --rfd-text-b91c1c: #ee8c8c;
    --rfd-text-bf8100: #eece8b;
    --rfd-text-c62828: #e99191;
    --rfd-text-c9252d: #ea8f93;
    --rfd-text-d39b20: #eecf8c;
    --rfd-text-d6272a: #eb8f90;
    --rfd-text-d69300: #eecf8b;
    --rfd-text-e7a500: #eed28b;
}
:root[data-theme="dark"] body { background: #101923; color: #edf2f7; }

/* Shared compact Back/Home controls for authenticated and nested web screens. */
.small-header > .header-navigation { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; min-width: 92px; }
.small-header > .header-navigation.header-navigation--back-only { min-width: 44px; }
.small-header > .header-navigation > a { display: inline-grid; place-items: center; box-sizing: border-box; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border-radius: 50%; color: var(--rfd-text-c62828, #c62828); text-decoration: none; }
.small-header > .header-navigation > a:hover { background: var(--rfd-surface-f4f7f9, #f4f7f9); }
.small-header > .header-navigation > a:focus-visible { outline: 3px solid var(--rfd-accent-c9282b, #c9282b); outline-offset: 2px; }
.small-header .header-back-button { font-size: 2rem; font-weight: 500; line-height: 1; }
.small-header .header-home-button img { display: block; width: 38px; height: 38px; object-fit: contain; }
@media (max-width: 420px) {
  .small-header { gap: 6px; padding-inline: 10px; }
  .small-header > .header-navigation { min-width: 84px; gap: 0; }
  .small-header > .header-navigation.header-navigation--back-only { min-width: 42px; }
  .small-header > .header-navigation > a { width: 42px; height: 42px; flex-basis: 42px; }
  .small-header > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
:root[data-theme="dark"] :is(input, select, textarea) { color-scheme: dark; }
:root[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]):not([type="file"]), textarea, select) { background-color: #15202c; color: #edf2f7; border-color: #3d4d5f; }
:root[data-theme="dark"] ::placeholder { color: #9bafc1; opacity: 1; }
:root[data-theme="dark"] a:not([class]) { color: #ff9e9f; }
.theme-preference { margin: 1rem 0 1.4rem; }
.theme-preference label { display: block; margin-bottom: .5rem; font-weight: 700; }
.theme-preference select { width: 100%; min-height: 44px; padding: .65rem .8rem; border: 1px solid #aebdc9; border-radius: 10px; background: #fff; color: #17212b; font: inherit; }
.theme-preference p { margin: .5rem 0 0; font-size: .85rem; line-height: 1.5; color: #526579; }
:root[data-theme="dark"] .theme-preference p { color: #b3c0ce; }

:root[data-theme="dark"] .notification-bell-component .notification-bell-base-black { display: none; }
:root[data-theme="dark"] .notification-bell-component .notification-bell-base-white { display: block; }
:root[data-theme="dark"] .settings-section-asset[src*="notification_bell_black"] { filter: invert(1); }
