/* First 4 Logistics: official navy #131D44 and red #B9192F. Shared by every HTML page.
   Legacy orange utilities map to navy, so older screens get navy actions and neutral
   tints; red stays for brand accents and destructive (bg-red-*) actions. */
:root,html[class]{--platform-primary:#131d44!important;--platform-accent:#b9192f!important;--theme-primary:#131d44!important;--theme-primary-hover:#24315f!important;--theme-accent:#131d44!important;--theme-light:#f3f5fa!important;accent-color:#131d44}
html [class~="bg-orange-50"],html [class~="hover:bg-orange-50"]:hover,html [class~="focus:bg-orange-50"]:focus,html [class~="focus-visible:bg-orange-50"]:focus-visible,html [class~="active:bg-orange-50"]:active,html .group:hover [class~="group-hover:bg-orange-50"],html .peer:checked ~ [class~="peer-checked:bg-orange-50"],html.dark-mode [class~="dark:bg-orange-50"]{background-color:#f3f5fa!important}
html [class~="text-orange-50"],html [class~="hover:text-orange-50"]:hover,html [class~="focus:text-orange-50"]:focus,html [class~="focus-visible:text-orange-50"]:focus-visible,html [class~="active:text-orange-50"]:active,html .group:hover [class~="group-hover:text-orange-50"],html .peer:checked ~ [class~="peer-checked:text-orange-50"],html.dark-mode [class~="dark:text-orange-50"]{color:#f3f5fa!important}
html [class~="border-orange-50"],html [class~="hover:border-orange-50"]:hover,html [class~="focus:border-orange-50"]:focus,html [class~="focus-visible:border-orange-50"]:focus-visible,html [class~="active:border-orange-50"]:active,html .group:hover [class~="group-hover:border-orange-50"],html .peer:checked ~ [class~="peer-checked:border-orange-50"],html.dark-mode [class~="dark:border-orange-50"]{border-color:#e8ecf5!important}
html [class~="ring-orange-50"],html [class~="hover:ring-orange-50"]:hover,html [class~="focus:ring-orange-50"]:focus,html [class~="focus-visible:ring-orange-50"]:focus-visible,html [class~="active:ring-orange-50"]:active,html .group:hover [class~="group-hover:ring-orange-50"],html .peer:checked ~ [class~="peer-checked:ring-orange-50"],html.dark-mode [class~="dark:ring-orange-50"]{--tw-ring-color:#dbe1ea!important}
html [class~="fill-orange-50"],html [class~="hover:fill-orange-50"]:hover,html [class~="focus:fill-orange-50"]:focus,html [class~="focus-visible:fill-orange-50"]:focus-visible,html [class~="active:fill-orange-50"]:active,html .group:hover [class~="group-hover:fill-orange-50"],html .peer:checked ~ [class~="peer-checked:fill-orange-50"],html.dark-mode [class~="dark:fill-orange-50"]{fill:#f3f5fa!important}
html [class~="stroke-orange-50"],html [class~="hover:stroke-orange-50"]:hover,html [class~="focus:stroke-orange-50"]:focus,html [class~="focus-visible:stroke-orange-50"]:focus-visible,html [class~="active:stroke-orange-50"]:active,html .group:hover [class~="group-hover:stroke-orange-50"],html .peer:checked ~ [class~="peer-checked:stroke-orange-50"],html.dark-mode [class~="dark:stroke-orange-50"]{stroke:#f3f5fa!important}
html [class~="decoration-orange-50"],html [class~="hover:decoration-orange-50"]:hover,html [class~="focus:decoration-orange-50"]:focus,html [class~="focus-visible:decoration-orange-50"]:focus-visible,html [class~="active:decoration-orange-50"]:active,html .group:hover [class~="group-hover:decoration-orange-50"],html .peer:checked ~ [class~="peer-checked:decoration-orange-50"],html.dark-mode [class~="dark:decoration-orange-50"]{text-decoration-color:#f3f5fa!important}
html [class~="accent-orange-50"],html [class~="hover:accent-orange-50"]:hover,html [class~="focus:accent-orange-50"]:focus,html [class~="focus-visible:accent-orange-50"]:focus-visible,html [class~="active:accent-orange-50"]:active,html .group:hover [class~="group-hover:accent-orange-50"],html .peer:checked ~ [class~="peer-checked:accent-orange-50"],html.dark-mode [class~="dark:accent-orange-50"]{accent-color:#f3f5fa!important}
html [class~="from-orange-50"]{--tw-gradient-from:#f3f5fa var(--tw-gradient-from-position)!important;--tw-gradient-to:#f3f5fa00 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-50"]{--tw-gradient-stops:var(--tw-gradient-from),#f3f5fa var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-50"]{--tw-gradient-to:#f3f5fa var(--tw-gradient-to-position)!important}
html [class~="bg-orange-100"],html [class~="hover:bg-orange-100"]:hover,html [class~="focus:bg-orange-100"]:focus,html [class~="focus-visible:bg-orange-100"]:focus-visible,html [class~="active:bg-orange-100"]:active,html .group:hover [class~="group-hover:bg-orange-100"],html .peer:checked ~ [class~="peer-checked:bg-orange-100"],html.dark-mode [class~="dark:bg-orange-100"]{background-color:#e8ecf5!important}
html [class~="text-orange-100"],html [class~="hover:text-orange-100"]:hover,html [class~="focus:text-orange-100"]:focus,html [class~="focus-visible:text-orange-100"]:focus-visible,html [class~="active:text-orange-100"]:active,html .group:hover [class~="group-hover:text-orange-100"],html .peer:checked ~ [class~="peer-checked:text-orange-100"],html.dark-mode [class~="dark:text-orange-100"]{color:#e8ecf5!important}
html [class~="border-orange-100"],html [class~="hover:border-orange-100"]:hover,html [class~="focus:border-orange-100"]:focus,html [class~="focus-visible:border-orange-100"]:focus-visible,html [class~="active:border-orange-100"]:active,html .group:hover [class~="group-hover:border-orange-100"],html .peer:checked ~ [class~="peer-checked:border-orange-100"],html.dark-mode [class~="dark:border-orange-100"]{border-color:#dbe1ea!important}
html [class~="ring-orange-100"],html [class~="hover:ring-orange-100"]:hover,html [class~="focus:ring-orange-100"]:focus,html [class~="focus-visible:ring-orange-100"]:focus-visible,html [class~="active:ring-orange-100"]:active,html .group:hover [class~="group-hover:ring-orange-100"],html .peer:checked ~ [class~="peer-checked:ring-orange-100"],html.dark-mode [class~="dark:ring-orange-100"]{--tw-ring-color:#c3cbd8!important}
html [class~="fill-orange-100"],html [class~="hover:fill-orange-100"]:hover,html [class~="focus:fill-orange-100"]:focus,html [class~="focus-visible:fill-orange-100"]:focus-visible,html [class~="active:fill-orange-100"]:active,html .group:hover [class~="group-hover:fill-orange-100"],html .peer:checked ~ [class~="peer-checked:fill-orange-100"],html.dark-mode [class~="dark:fill-orange-100"]{fill:#e8ecf5!important}
html [class~="stroke-orange-100"],html [class~="hover:stroke-orange-100"]:hover,html [class~="focus:stroke-orange-100"]:focus,html [class~="focus-visible:stroke-orange-100"]:focus-visible,html [class~="active:stroke-orange-100"]:active,html .group:hover [class~="group-hover:stroke-orange-100"],html .peer:checked ~ [class~="peer-checked:stroke-orange-100"],html.dark-mode [class~="dark:stroke-orange-100"]{stroke:#e8ecf5!important}
html [class~="decoration-orange-100"],html [class~="hover:decoration-orange-100"]:hover,html [class~="focus:decoration-orange-100"]:focus,html [class~="focus-visible:decoration-orange-100"]:focus-visible,html [class~="active:decoration-orange-100"]:active,html .group:hover [class~="group-hover:decoration-orange-100"],html .peer:checked ~ [class~="peer-checked:decoration-orange-100"],html.dark-mode [class~="dark:decoration-orange-100"]{text-decoration-color:#e8ecf5!important}
html [class~="accent-orange-100"],html [class~="hover:accent-orange-100"]:hover,html [class~="focus:accent-orange-100"]:focus,html [class~="focus-visible:accent-orange-100"]:focus-visible,html [class~="active:accent-orange-100"]:active,html .group:hover [class~="group-hover:accent-orange-100"],html .peer:checked ~ [class~="peer-checked:accent-orange-100"],html.dark-mode [class~="dark:accent-orange-100"]{accent-color:#e8ecf5!important}
html [class~="from-orange-100"]{--tw-gradient-from:#e8ecf5 var(--tw-gradient-from-position)!important;--tw-gradient-to:#e8ecf500 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-100"]{--tw-gradient-stops:var(--tw-gradient-from),#e8ecf5 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-100"]{--tw-gradient-to:#e8ecf5 var(--tw-gradient-to-position)!important}
html [class~="bg-orange-200"],html [class~="hover:bg-orange-200"]:hover,html [class~="focus:bg-orange-200"]:focus,html [class~="focus-visible:bg-orange-200"]:focus-visible,html [class~="active:bg-orange-200"]:active,html .group:hover [class~="group-hover:bg-orange-200"],html .peer:checked ~ [class~="peer-checked:bg-orange-200"],html.dark-mode [class~="dark:bg-orange-200"]{background-color:#d5dcea!important}
html [class~="text-orange-200"],html [class~="hover:text-orange-200"]:hover,html [class~="focus:text-orange-200"]:focus,html [class~="focus-visible:text-orange-200"]:focus-visible,html [class~="active:text-orange-200"]:active,html .group:hover [class~="group-hover:text-orange-200"],html .peer:checked ~ [class~="peer-checked:text-orange-200"],html.dark-mode [class~="dark:text-orange-200"]{color:#d5dcea!important}
html [class~="border-orange-200"],html [class~="hover:border-orange-200"]:hover,html [class~="focus:border-orange-200"]:focus,html [class~="focus-visible:border-orange-200"]:focus-visible,html [class~="active:border-orange-200"]:active,html .group:hover [class~="group-hover:border-orange-200"],html .peer:checked ~ [class~="peer-checked:border-orange-200"],html.dark-mode [class~="dark:border-orange-200"]{border-color:#c3cbd8!important}
html [class~="ring-orange-200"],html [class~="hover:ring-orange-200"]:hover,html [class~="focus:ring-orange-200"]:focus,html [class~="focus-visible:ring-orange-200"]:focus-visible,html [class~="active:ring-orange-200"]:active,html .group:hover [class~="group-hover:ring-orange-200"],html .peer:checked ~ [class~="peer-checked:ring-orange-200"],html.dark-mode [class~="dark:ring-orange-200"]{--tw-ring-color:#b3bfd6!important}
html [class~="fill-orange-200"],html [class~="hover:fill-orange-200"]:hover,html [class~="focus:fill-orange-200"]:focus,html [class~="focus-visible:fill-orange-200"]:focus-visible,html [class~="active:fill-orange-200"]:active,html .group:hover [class~="group-hover:fill-orange-200"],html .peer:checked ~ [class~="peer-checked:fill-orange-200"],html.dark-mode [class~="dark:fill-orange-200"]{fill:#d5dcea!important}
html [class~="stroke-orange-200"],html [class~="hover:stroke-orange-200"]:hover,html [class~="focus:stroke-orange-200"]:focus,html [class~="focus-visible:stroke-orange-200"]:focus-visible,html [class~="active:stroke-orange-200"]:active,html .group:hover [class~="group-hover:stroke-orange-200"],html .peer:checked ~ [class~="peer-checked:stroke-orange-200"],html.dark-mode [class~="dark:stroke-orange-200"]{stroke:#d5dcea!important}
html [class~="decoration-orange-200"],html [class~="hover:decoration-orange-200"]:hover,html [class~="focus:decoration-orange-200"]:focus,html [class~="focus-visible:decoration-orange-200"]:focus-visible,html [class~="active:decoration-orange-200"]:active,html .group:hover [class~="group-hover:decoration-orange-200"],html .peer:checked ~ [class~="peer-checked:decoration-orange-200"],html.dark-mode [class~="dark:decoration-orange-200"]{text-decoration-color:#d5dcea!important}
html [class~="accent-orange-200"],html [class~="hover:accent-orange-200"]:hover,html [class~="focus:accent-orange-200"]:focus,html [class~="focus-visible:accent-orange-200"]:focus-visible,html [class~="active:accent-orange-200"]:active,html .group:hover [class~="group-hover:accent-orange-200"],html .peer:checked ~ [class~="peer-checked:accent-orange-200"],html.dark-mode [class~="dark:accent-orange-200"]{accent-color:#d5dcea!important}
html [class~="from-orange-200"]{--tw-gradient-from:#d5dcea var(--tw-gradient-from-position)!important;--tw-gradient-to:#d5dcea00 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-200"]{--tw-gradient-stops:var(--tw-gradient-from),#d5dcea var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-200"]{--tw-gradient-to:#d5dcea var(--tw-gradient-to-position)!important}
html [class~="bg-orange-300"],html [class~="hover:bg-orange-300"]:hover,html [class~="focus:bg-orange-300"]:focus,html [class~="focus-visible:bg-orange-300"]:focus-visible,html [class~="active:bg-orange-300"]:active,html .group:hover [class~="group-hover:bg-orange-300"],html .peer:checked ~ [class~="peer-checked:bg-orange-300"],html.dark-mode [class~="dark:bg-orange-300"]{background-color:#b3bfd6!important}
html [class~="text-orange-300"],html [class~="hover:text-orange-300"]:hover,html [class~="focus:text-orange-300"]:focus,html [class~="focus-visible:text-orange-300"]:focus-visible,html [class~="active:text-orange-300"]:active,html .group:hover [class~="group-hover:text-orange-300"],html .peer:checked ~ [class~="peer-checked:text-orange-300"],html.dark-mode [class~="dark:text-orange-300"]{color:#b3bfd6!important}
html [class~="border-orange-300"],html [class~="hover:border-orange-300"]:hover,html [class~="focus:border-orange-300"]:focus,html [class~="focus-visible:border-orange-300"]:focus-visible,html [class~="active:border-orange-300"]:active,html .group:hover [class~="group-hover:border-orange-300"],html .peer:checked ~ [class~="peer-checked:border-orange-300"],html.dark-mode [class~="dark:border-orange-300"]{border-color:#a9b4c8!important}
html [class~="ring-orange-300"],html [class~="hover:ring-orange-300"]:hover,html [class~="focus:ring-orange-300"]:focus,html [class~="focus-visible:ring-orange-300"]:focus-visible,html [class~="active:ring-orange-300"]:active,html .group:hover [class~="group-hover:ring-orange-300"],html .peer:checked ~ [class~="peer-checked:ring-orange-300"],html.dark-mode [class~="dark:ring-orange-300"]{--tw-ring-color:#9fb3dd!important}
html [class~="fill-orange-300"],html [class~="hover:fill-orange-300"]:hover,html [class~="focus:fill-orange-300"]:focus,html [class~="focus-visible:fill-orange-300"]:focus-visible,html [class~="active:fill-orange-300"]:active,html .group:hover [class~="group-hover:fill-orange-300"],html .peer:checked ~ [class~="peer-checked:fill-orange-300"],html.dark-mode [class~="dark:fill-orange-300"]{fill:#b3bfd6!important}
html [class~="stroke-orange-300"],html [class~="hover:stroke-orange-300"]:hover,html [class~="focus:stroke-orange-300"]:focus,html [class~="focus-visible:stroke-orange-300"]:focus-visible,html [class~="active:stroke-orange-300"]:active,html .group:hover [class~="group-hover:stroke-orange-300"],html .peer:checked ~ [class~="peer-checked:stroke-orange-300"],html.dark-mode [class~="dark:stroke-orange-300"]{stroke:#b3bfd6!important}
html [class~="decoration-orange-300"],html [class~="hover:decoration-orange-300"]:hover,html [class~="focus:decoration-orange-300"]:focus,html [class~="focus-visible:decoration-orange-300"]:focus-visible,html [class~="active:decoration-orange-300"]:active,html .group:hover [class~="group-hover:decoration-orange-300"],html .peer:checked ~ [class~="peer-checked:decoration-orange-300"],html.dark-mode [class~="dark:decoration-orange-300"]{text-decoration-color:#b3bfd6!important}
html [class~="accent-orange-300"],html [class~="hover:accent-orange-300"]:hover,html [class~="focus:accent-orange-300"]:focus,html [class~="focus-visible:accent-orange-300"]:focus-visible,html [class~="active:accent-orange-300"]:active,html .group:hover [class~="group-hover:accent-orange-300"],html .peer:checked ~ [class~="peer-checked:accent-orange-300"],html.dark-mode [class~="dark:accent-orange-300"]{accent-color:#b3bfd6!important}
html [class~="from-orange-300"]{--tw-gradient-from:#b3bfd6 var(--tw-gradient-from-position)!important;--tw-gradient-to:#b3bfd600 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-300"]{--tw-gradient-stops:var(--tw-gradient-from),#b3bfd6 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-300"]{--tw-gradient-to:#b3bfd6 var(--tw-gradient-to-position)!important}
html [class~="bg-orange-400"],html [class~="hover:bg-orange-400"]:hover,html [class~="focus:bg-orange-400"]:focus,html [class~="focus-visible:bg-orange-400"]:focus-visible,html [class~="active:bg-orange-400"]:active,html .group:hover [class~="group-hover:bg-orange-400"],html .peer:checked ~ [class~="peer-checked:bg-orange-400"],html.dark-mode [class~="dark:bg-orange-400"]{background-color:#3a4a78!important}
html [class~="text-orange-400"],html [class~="hover:text-orange-400"]:hover,html [class~="focus:text-orange-400"]:focus,html [class~="focus-visible:text-orange-400"]:focus-visible,html [class~="active:text-orange-400"]:active,html .group:hover [class~="group-hover:text-orange-400"],html .peer:checked ~ [class~="peer-checked:text-orange-400"],html.dark-mode [class~="dark:text-orange-400"]{color:#3a4a78!important}
html [class~="border-orange-400"],html [class~="hover:border-orange-400"]:hover,html [class~="focus:border-orange-400"]:focus,html [class~="focus-visible:border-orange-400"]:focus-visible,html [class~="active:border-orange-400"]:active,html .group:hover [class~="group-hover:border-orange-400"],html .peer:checked ~ [class~="peer-checked:border-orange-400"],html.dark-mode [class~="dark:border-orange-400"]{border-color:#3a4a78!important}
html [class~="ring-orange-400"],html [class~="hover:ring-orange-400"]:hover,html [class~="focus:ring-orange-400"]:focus,html [class~="focus-visible:ring-orange-400"]:focus-visible,html [class~="active:ring-orange-400"]:active,html .group:hover [class~="group-hover:ring-orange-400"],html .peer:checked ~ [class~="peer-checked:ring-orange-400"],html.dark-mode [class~="dark:ring-orange-400"]{--tw-ring-color:#2d4f95!important}
html [class~="fill-orange-400"],html [class~="hover:fill-orange-400"]:hover,html [class~="focus:fill-orange-400"]:focus,html [class~="focus-visible:fill-orange-400"]:focus-visible,html [class~="active:fill-orange-400"]:active,html .group:hover [class~="group-hover:fill-orange-400"],html .peer:checked ~ [class~="peer-checked:fill-orange-400"],html.dark-mode [class~="dark:fill-orange-400"]{fill:#3a4a78!important}
html [class~="stroke-orange-400"],html [class~="hover:stroke-orange-400"]:hover,html [class~="focus:stroke-orange-400"]:focus,html [class~="focus-visible:stroke-orange-400"]:focus-visible,html [class~="active:stroke-orange-400"]:active,html .group:hover [class~="group-hover:stroke-orange-400"],html .peer:checked ~ [class~="peer-checked:stroke-orange-400"],html.dark-mode [class~="dark:stroke-orange-400"]{stroke:#3a4a78!important}
html [class~="decoration-orange-400"],html [class~="hover:decoration-orange-400"]:hover,html [class~="focus:decoration-orange-400"]:focus,html [class~="focus-visible:decoration-orange-400"]:focus-visible,html [class~="active:decoration-orange-400"]:active,html .group:hover [class~="group-hover:decoration-orange-400"],html .peer:checked ~ [class~="peer-checked:decoration-orange-400"],html.dark-mode [class~="dark:decoration-orange-400"]{text-decoration-color:#3a4a78!important}
html [class~="accent-orange-400"],html [class~="hover:accent-orange-400"]:hover,html [class~="focus:accent-orange-400"]:focus,html [class~="focus-visible:accent-orange-400"]:focus-visible,html [class~="active:accent-orange-400"]:active,html .group:hover [class~="group-hover:accent-orange-400"],html .peer:checked ~ [class~="peer-checked:accent-orange-400"],html.dark-mode [class~="dark:accent-orange-400"]{accent-color:#3a4a78!important}
html [class~="from-orange-400"]{--tw-gradient-from:#3a4a78 var(--tw-gradient-from-position)!important;--tw-gradient-to:#3a4a7800 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-400"]{--tw-gradient-stops:var(--tw-gradient-from),#3a4a78 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-400"]{--tw-gradient-to:#3a4a78 var(--tw-gradient-to-position)!important}
html [class~="bg-orange-500"],html [class~="hover:bg-orange-500"]:hover,html [class~="focus:bg-orange-500"]:focus,html [class~="focus-visible:bg-orange-500"]:focus-visible,html [class~="active:bg-orange-500"]:active,html .group:hover [class~="group-hover:bg-orange-500"],html .peer:checked ~ [class~="peer-checked:bg-orange-500"],html.dark-mode [class~="dark:bg-orange-500"]{background-color:#131d44!important}
html [class~="text-orange-500"],html [class~="hover:text-orange-500"]:hover,html [class~="focus:text-orange-500"]:focus,html [class~="focus-visible:text-orange-500"]:focus-visible,html [class~="active:text-orange-500"]:active,html .group:hover [class~="group-hover:text-orange-500"],html .peer:checked ~ [class~="peer-checked:text-orange-500"],html.dark-mode [class~="dark:text-orange-500"]{color:#131d44!important}
html [class~="border-orange-500"],html [class~="hover:border-orange-500"]:hover,html [class~="focus:border-orange-500"]:focus,html [class~="focus-visible:border-orange-500"]:focus-visible,html [class~="active:border-orange-500"]:active,html .group:hover [class~="group-hover:border-orange-500"],html .peer:checked ~ [class~="peer-checked:border-orange-500"],html.dark-mode [class~="dark:border-orange-500"]{border-color:#131d44!important}
html [class~="ring-orange-500"],html [class~="hover:ring-orange-500"]:hover,html [class~="focus:ring-orange-500"]:focus,html [class~="focus-visible:ring-orange-500"]:focus-visible,html [class~="active:ring-orange-500"]:active,html .group:hover [class~="group-hover:ring-orange-500"],html .peer:checked ~ [class~="peer-checked:ring-orange-500"],html.dark-mode [class~="dark:ring-orange-500"]{--tw-ring-color:#2d4f95!important}
html [class~="fill-orange-500"],html [class~="hover:fill-orange-500"]:hover,html [class~="focus:fill-orange-500"]:focus,html [class~="focus-visible:fill-orange-500"]:focus-visible,html [class~="active:fill-orange-500"]:active,html .group:hover [class~="group-hover:fill-orange-500"],html .peer:checked ~ [class~="peer-checked:fill-orange-500"],html.dark-mode [class~="dark:fill-orange-500"]{fill:#131d44!important}
html [class~="stroke-orange-500"],html [class~="hover:stroke-orange-500"]:hover,html [class~="focus:stroke-orange-500"]:focus,html [class~="focus-visible:stroke-orange-500"]:focus-visible,html [class~="active:stroke-orange-500"]:active,html .group:hover [class~="group-hover:stroke-orange-500"],html .peer:checked ~ [class~="peer-checked:stroke-orange-500"],html.dark-mode [class~="dark:stroke-orange-500"]{stroke:#131d44!important}
html [class~="decoration-orange-500"],html [class~="hover:decoration-orange-500"]:hover,html [class~="focus:decoration-orange-500"]:focus,html [class~="focus-visible:decoration-orange-500"]:focus-visible,html [class~="active:decoration-orange-500"]:active,html .group:hover [class~="group-hover:decoration-orange-500"],html .peer:checked ~ [class~="peer-checked:decoration-orange-500"],html.dark-mode [class~="dark:decoration-orange-500"]{text-decoration-color:#131d44!important}
html [class~="accent-orange-500"],html [class~="hover:accent-orange-500"]:hover,html [class~="focus:accent-orange-500"]:focus,html [class~="focus-visible:accent-orange-500"]:focus-visible,html [class~="active:accent-orange-500"]:active,html .group:hover [class~="group-hover:accent-orange-500"],html .peer:checked ~ [class~="peer-checked:accent-orange-500"],html.dark-mode [class~="dark:accent-orange-500"]{accent-color:#131d44!important}
html [class~="from-orange-500"]{--tw-gradient-from:#131d44 var(--tw-gradient-from-position)!important;--tw-gradient-to:#131d4400 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-500"]{--tw-gradient-stops:var(--tw-gradient-from),#131d44 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-500"]{--tw-gradient-to:#131d44 var(--tw-gradient-to-position)!important}
html [class~="bg-orange-600"],html [class~="hover:bg-orange-600"]:hover,html [class~="focus:bg-orange-600"]:focus,html [class~="focus-visible:bg-orange-600"]:focus-visible,html [class~="active:bg-orange-600"]:active,html .group:hover [class~="group-hover:bg-orange-600"],html .peer:checked ~ [class~="peer-checked:bg-orange-600"],html.dark-mode [class~="dark:bg-orange-600"]{background-color:#24315f!important}
html [class~="text-orange-600"],html [class~="hover:text-orange-600"]:hover,html [class~="focus:text-orange-600"]:focus,html [class~="focus-visible:text-orange-600"]:focus-visible,html [class~="active:text-orange-600"]:active,html .group:hover [class~="group-hover:text-orange-600"],html .peer:checked ~ [class~="peer-checked:text-orange-600"],html.dark-mode [class~="dark:text-orange-600"]{color:#131d44!important}
html [class~="border-orange-600"],html [class~="hover:border-orange-600"]:hover,html [class~="focus:border-orange-600"]:focus,html [class~="focus-visible:border-orange-600"]:focus-visible,html [class~="active:border-orange-600"]:active,html .group:hover [class~="group-hover:border-orange-600"],html .peer:checked ~ [class~="peer-checked:border-orange-600"],html.dark-mode [class~="dark:border-orange-600"]{border-color:#131d44!important}
html [class~="ring-orange-600"],html [class~="hover:ring-orange-600"]:hover,html [class~="focus:ring-orange-600"]:focus,html [class~="focus-visible:ring-orange-600"]:focus-visible,html [class~="active:ring-orange-600"]:active,html .group:hover [class~="group-hover:ring-orange-600"],html .peer:checked ~ [class~="peer-checked:ring-orange-600"],html.dark-mode [class~="dark:ring-orange-600"]{--tw-ring-color:#2d4f95!important}
html [class~="fill-orange-600"],html [class~="hover:fill-orange-600"]:hover,html [class~="focus:fill-orange-600"]:focus,html [class~="focus-visible:fill-orange-600"]:focus-visible,html [class~="active:fill-orange-600"]:active,html .group:hover [class~="group-hover:fill-orange-600"],html .peer:checked ~ [class~="peer-checked:fill-orange-600"],html.dark-mode [class~="dark:fill-orange-600"]{fill:#131d44!important}
html [class~="stroke-orange-600"],html [class~="hover:stroke-orange-600"]:hover,html [class~="focus:stroke-orange-600"]:focus,html [class~="focus-visible:stroke-orange-600"]:focus-visible,html [class~="active:stroke-orange-600"]:active,html .group:hover [class~="group-hover:stroke-orange-600"],html .peer:checked ~ [class~="peer-checked:stroke-orange-600"],html.dark-mode [class~="dark:stroke-orange-600"]{stroke:#131d44!important}
html [class~="decoration-orange-600"],html [class~="hover:decoration-orange-600"]:hover,html [class~="focus:decoration-orange-600"]:focus,html [class~="focus-visible:decoration-orange-600"]:focus-visible,html [class~="active:decoration-orange-600"]:active,html .group:hover [class~="group-hover:decoration-orange-600"],html .peer:checked ~ [class~="peer-checked:decoration-orange-600"],html.dark-mode [class~="dark:decoration-orange-600"]{text-decoration-color:#131d44!important}
html [class~="accent-orange-600"],html [class~="hover:accent-orange-600"]:hover,html [class~="focus:accent-orange-600"]:focus,html [class~="focus-visible:accent-orange-600"]:focus-visible,html [class~="active:accent-orange-600"]:active,html .group:hover [class~="group-hover:accent-orange-600"],html .peer:checked ~ [class~="peer-checked:accent-orange-600"],html.dark-mode [class~="dark:accent-orange-600"]{accent-color:#24315f!important}
html [class~="from-orange-600"]{--tw-gradient-from:#24315f var(--tw-gradient-from-position)!important;--tw-gradient-to:#24315f00 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-600"]{--tw-gradient-stops:var(--tw-gradient-from),#24315f var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-600"]{--tw-gradient-to:#24315f var(--tw-gradient-to-position)!important}
html [class~="bg-orange-700"],html [class~="hover:bg-orange-700"]:hover,html [class~="focus:bg-orange-700"]:focus,html [class~="focus-visible:bg-orange-700"]:focus-visible,html [class~="active:bg-orange-700"]:active,html .group:hover [class~="group-hover:bg-orange-700"],html .peer:checked ~ [class~="peer-checked:bg-orange-700"],html.dark-mode [class~="dark:bg-orange-700"]{background-color:#1a2552!important}
html [class~="text-orange-700"],html [class~="hover:text-orange-700"]:hover,html [class~="focus:text-orange-700"]:focus,html [class~="focus-visible:text-orange-700"]:focus-visible,html [class~="active:text-orange-700"]:active,html .group:hover [class~="group-hover:text-orange-700"],html .peer:checked ~ [class~="peer-checked:text-orange-700"],html.dark-mode [class~="dark:text-orange-700"]{color:#131d44!important}
html [class~="border-orange-700"],html [class~="hover:border-orange-700"]:hover,html [class~="focus:border-orange-700"]:focus,html [class~="focus-visible:border-orange-700"]:focus-visible,html [class~="active:border-orange-700"]:active,html .group:hover [class~="group-hover:border-orange-700"],html .peer:checked ~ [class~="peer-checked:border-orange-700"],html.dark-mode [class~="dark:border-orange-700"]{border-color:#131d44!important}
html [class~="ring-orange-700"],html [class~="hover:ring-orange-700"]:hover,html [class~="focus:ring-orange-700"]:focus,html [class~="focus-visible:ring-orange-700"]:focus-visible,html [class~="active:ring-orange-700"]:active,html .group:hover [class~="group-hover:ring-orange-700"],html .peer:checked ~ [class~="peer-checked:ring-orange-700"],html.dark-mode [class~="dark:ring-orange-700"]{--tw-ring-color:#24315f!important}
html [class~="fill-orange-700"],html [class~="hover:fill-orange-700"]:hover,html [class~="focus:fill-orange-700"]:focus,html [class~="focus-visible:fill-orange-700"]:focus-visible,html [class~="active:fill-orange-700"]:active,html .group:hover [class~="group-hover:fill-orange-700"],html .peer:checked ~ [class~="peer-checked:fill-orange-700"],html.dark-mode [class~="dark:fill-orange-700"]{fill:#131d44!important}
html [class~="stroke-orange-700"],html [class~="hover:stroke-orange-700"]:hover,html [class~="focus:stroke-orange-700"]:focus,html [class~="focus-visible:stroke-orange-700"]:focus-visible,html [class~="active:stroke-orange-700"]:active,html .group:hover [class~="group-hover:stroke-orange-700"],html .peer:checked ~ [class~="peer-checked:stroke-orange-700"],html.dark-mode [class~="dark:stroke-orange-700"]{stroke:#131d44!important}
html [class~="decoration-orange-700"],html [class~="hover:decoration-orange-700"]:hover,html [class~="focus:decoration-orange-700"]:focus,html [class~="focus-visible:decoration-orange-700"]:focus-visible,html [class~="active:decoration-orange-700"]:active,html .group:hover [class~="group-hover:decoration-orange-700"],html .peer:checked ~ [class~="peer-checked:decoration-orange-700"],html.dark-mode [class~="dark:decoration-orange-700"]{text-decoration-color:#131d44!important}
html [class~="accent-orange-700"],html [class~="hover:accent-orange-700"]:hover,html [class~="focus:accent-orange-700"]:focus,html [class~="focus-visible:accent-orange-700"]:focus-visible,html [class~="active:accent-orange-700"]:active,html .group:hover [class~="group-hover:accent-orange-700"],html .peer:checked ~ [class~="peer-checked:accent-orange-700"],html.dark-mode [class~="dark:accent-orange-700"]{accent-color:#1a2552!important}
html [class~="from-orange-700"]{--tw-gradient-from:#1a2552 var(--tw-gradient-from-position)!important;--tw-gradient-to:#1a255200 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-700"]{--tw-gradient-stops:var(--tw-gradient-from),#1a2552 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-700"]{--tw-gradient-to:#1a2552 var(--tw-gradient-to-position)!important}
html [class~="bg-orange-800"],html [class~="hover:bg-orange-800"]:hover,html [class~="focus:bg-orange-800"]:focus,html [class~="focus-visible:bg-orange-800"]:focus-visible,html [class~="active:bg-orange-800"]:active,html .group:hover [class~="group-hover:bg-orange-800"],html .peer:checked ~ [class~="peer-checked:bg-orange-800"],html.dark-mode [class~="dark:bg-orange-800"]{background-color:#0e1633!important}
html [class~="text-orange-800"],html [class~="hover:text-orange-800"]:hover,html [class~="focus:text-orange-800"]:focus,html [class~="focus-visible:text-orange-800"]:focus-visible,html [class~="active:text-orange-800"]:active,html .group:hover [class~="group-hover:text-orange-800"],html .peer:checked ~ [class~="peer-checked:text-orange-800"],html.dark-mode [class~="dark:text-orange-800"]{color:#0e1633!important}
html [class~="border-orange-800"],html [class~="hover:border-orange-800"]:hover,html [class~="focus:border-orange-800"]:focus,html [class~="focus-visible:border-orange-800"]:focus-visible,html [class~="active:border-orange-800"]:active,html .group:hover [class~="group-hover:border-orange-800"],html .peer:checked ~ [class~="peer-checked:border-orange-800"],html.dark-mode [class~="dark:border-orange-800"]{border-color:#0e1633!important}
html [class~="ring-orange-800"],html [class~="hover:ring-orange-800"]:hover,html [class~="focus:ring-orange-800"]:focus,html [class~="focus-visible:ring-orange-800"]:focus-visible,html [class~="active:ring-orange-800"]:active,html .group:hover [class~="group-hover:ring-orange-800"],html .peer:checked ~ [class~="peer-checked:ring-orange-800"],html.dark-mode [class~="dark:ring-orange-800"]{--tw-ring-color:#0e1633!important}
html [class~="fill-orange-800"],html [class~="hover:fill-orange-800"]:hover,html [class~="focus:fill-orange-800"]:focus,html [class~="focus-visible:fill-orange-800"]:focus-visible,html [class~="active:fill-orange-800"]:active,html .group:hover [class~="group-hover:fill-orange-800"],html .peer:checked ~ [class~="peer-checked:fill-orange-800"],html.dark-mode [class~="dark:fill-orange-800"]{fill:#0e1633!important}
html [class~="stroke-orange-800"],html [class~="hover:stroke-orange-800"]:hover,html [class~="focus:stroke-orange-800"]:focus,html [class~="focus-visible:stroke-orange-800"]:focus-visible,html [class~="active:stroke-orange-800"]:active,html .group:hover [class~="group-hover:stroke-orange-800"],html .peer:checked ~ [class~="peer-checked:stroke-orange-800"],html.dark-mode [class~="dark:stroke-orange-800"]{stroke:#0e1633!important}
html [class~="decoration-orange-800"],html [class~="hover:decoration-orange-800"]:hover,html [class~="focus:decoration-orange-800"]:focus,html [class~="focus-visible:decoration-orange-800"]:focus-visible,html [class~="active:decoration-orange-800"]:active,html .group:hover [class~="group-hover:decoration-orange-800"],html .peer:checked ~ [class~="peer-checked:decoration-orange-800"],html.dark-mode [class~="dark:decoration-orange-800"]{text-decoration-color:#0e1633!important}
html [class~="accent-orange-800"],html [class~="hover:accent-orange-800"]:hover,html [class~="focus:accent-orange-800"]:focus,html [class~="focus-visible:accent-orange-800"]:focus-visible,html [class~="active:accent-orange-800"]:active,html .group:hover [class~="group-hover:accent-orange-800"],html .peer:checked ~ [class~="peer-checked:accent-orange-800"],html.dark-mode [class~="dark:accent-orange-800"]{accent-color:#0e1633!important}
html [class~="from-orange-800"]{--tw-gradient-from:#0e1633 var(--tw-gradient-from-position)!important;--tw-gradient-to:#0e163300 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-800"]{--tw-gradient-stops:var(--tw-gradient-from),#0e1633 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-800"]{--tw-gradient-to:#0e1633 var(--tw-gradient-to-position)!important}
html [class~="bg-orange-900"],html [class~="hover:bg-orange-900"]:hover,html [class~="focus:bg-orange-900"]:focus,html [class~="focus-visible:bg-orange-900"]:focus-visible,html [class~="active:bg-orange-900"]:active,html .group:hover [class~="group-hover:bg-orange-900"],html .peer:checked ~ [class~="peer-checked:bg-orange-900"],html.dark-mode [class~="dark:bg-orange-900"]{background-color:#0a1028!important}
html [class~="text-orange-900"],html [class~="hover:text-orange-900"]:hover,html [class~="focus:text-orange-900"]:focus,html [class~="focus-visible:text-orange-900"]:focus-visible,html [class~="active:text-orange-900"]:active,html .group:hover [class~="group-hover:text-orange-900"],html .peer:checked ~ [class~="peer-checked:text-orange-900"],html.dark-mode [class~="dark:text-orange-900"]{color:#0a1028!important}
html [class~="border-orange-900"],html [class~="hover:border-orange-900"]:hover,html [class~="focus:border-orange-900"]:focus,html [class~="focus-visible:border-orange-900"]:focus-visible,html [class~="active:border-orange-900"]:active,html .group:hover [class~="group-hover:border-orange-900"],html .peer:checked ~ [class~="peer-checked:border-orange-900"],html.dark-mode [class~="dark:border-orange-900"]{border-color:#0a1028!important}
html [class~="ring-orange-900"],html [class~="hover:ring-orange-900"]:hover,html [class~="focus:ring-orange-900"]:focus,html [class~="focus-visible:ring-orange-900"]:focus-visible,html [class~="active:ring-orange-900"]:active,html .group:hover [class~="group-hover:ring-orange-900"],html .peer:checked ~ [class~="peer-checked:ring-orange-900"],html.dark-mode [class~="dark:ring-orange-900"]{--tw-ring-color:#0a1028!important}
html [class~="fill-orange-900"],html [class~="hover:fill-orange-900"]:hover,html [class~="focus:fill-orange-900"]:focus,html [class~="focus-visible:fill-orange-900"]:focus-visible,html [class~="active:fill-orange-900"]:active,html .group:hover [class~="group-hover:fill-orange-900"],html .peer:checked ~ [class~="peer-checked:fill-orange-900"],html.dark-mode [class~="dark:fill-orange-900"]{fill:#0a1028!important}
html [class~="stroke-orange-900"],html [class~="hover:stroke-orange-900"]:hover,html [class~="focus:stroke-orange-900"]:focus,html [class~="focus-visible:stroke-orange-900"]:focus-visible,html [class~="active:stroke-orange-900"]:active,html .group:hover [class~="group-hover:stroke-orange-900"],html .peer:checked ~ [class~="peer-checked:stroke-orange-900"],html.dark-mode [class~="dark:stroke-orange-900"]{stroke:#0a1028!important}
html [class~="decoration-orange-900"],html [class~="hover:decoration-orange-900"]:hover,html [class~="focus:decoration-orange-900"]:focus,html [class~="focus-visible:decoration-orange-900"]:focus-visible,html [class~="active:decoration-orange-900"]:active,html .group:hover [class~="group-hover:decoration-orange-900"],html .peer:checked ~ [class~="peer-checked:decoration-orange-900"],html.dark-mode [class~="dark:decoration-orange-900"]{text-decoration-color:#0a1028!important}
html [class~="accent-orange-900"],html [class~="hover:accent-orange-900"]:hover,html [class~="focus:accent-orange-900"]:focus,html [class~="focus-visible:accent-orange-900"]:focus-visible,html [class~="active:accent-orange-900"]:active,html .group:hover [class~="group-hover:accent-orange-900"],html .peer:checked ~ [class~="peer-checked:accent-orange-900"],html.dark-mode [class~="dark:accent-orange-900"]{accent-color:#0a1028!important}
html [class~="from-orange-900"]{--tw-gradient-from:#0a1028 var(--tw-gradient-from-position)!important;--tw-gradient-to:#0a102800 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-900"]{--tw-gradient-stops:var(--tw-gradient-from),#0a1028 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-900"]{--tw-gradient-to:#0a1028 var(--tw-gradient-to-position)!important}
html [class~="bg-orange-950"],html [class~="hover:bg-orange-950"]:hover,html [class~="focus:bg-orange-950"]:focus,html [class~="focus-visible:bg-orange-950"]:focus-visible,html [class~="active:bg-orange-950"]:active,html .group:hover [class~="group-hover:bg-orange-950"],html .peer:checked ~ [class~="peer-checked:bg-orange-950"],html.dark-mode [class~="dark:bg-orange-950"]{background-color:#060a1a!important}
html [class~="text-orange-950"],html [class~="hover:text-orange-950"]:hover,html [class~="focus:text-orange-950"]:focus,html [class~="focus-visible:text-orange-950"]:focus-visible,html [class~="active:text-orange-950"]:active,html .group:hover [class~="group-hover:text-orange-950"],html .peer:checked ~ [class~="peer-checked:text-orange-950"],html.dark-mode [class~="dark:text-orange-950"]{color:#060a1a!important}
html [class~="border-orange-950"],html [class~="hover:border-orange-950"]:hover,html [class~="focus:border-orange-950"]:focus,html [class~="focus-visible:border-orange-950"]:focus-visible,html [class~="active:border-orange-950"]:active,html .group:hover [class~="group-hover:border-orange-950"],html .peer:checked ~ [class~="peer-checked:border-orange-950"],html.dark-mode [class~="dark:border-orange-950"]{border-color:#060a1a!important}
html [class~="ring-orange-950"],html [class~="hover:ring-orange-950"]:hover,html [class~="focus:ring-orange-950"]:focus,html [class~="focus-visible:ring-orange-950"]:focus-visible,html [class~="active:ring-orange-950"]:active,html .group:hover [class~="group-hover:ring-orange-950"],html .peer:checked ~ [class~="peer-checked:ring-orange-950"],html.dark-mode [class~="dark:ring-orange-950"]{--tw-ring-color:#060a1a!important}
html [class~="fill-orange-950"],html [class~="hover:fill-orange-950"]:hover,html [class~="focus:fill-orange-950"]:focus,html [class~="focus-visible:fill-orange-950"]:focus-visible,html [class~="active:fill-orange-950"]:active,html .group:hover [class~="group-hover:fill-orange-950"],html .peer:checked ~ [class~="peer-checked:fill-orange-950"],html.dark-mode [class~="dark:fill-orange-950"]{fill:#060a1a!important}
html [class~="stroke-orange-950"],html [class~="hover:stroke-orange-950"]:hover,html [class~="focus:stroke-orange-950"]:focus,html [class~="focus-visible:stroke-orange-950"]:focus-visible,html [class~="active:stroke-orange-950"]:active,html .group:hover [class~="group-hover:stroke-orange-950"],html .peer:checked ~ [class~="peer-checked:stroke-orange-950"],html.dark-mode [class~="dark:stroke-orange-950"]{stroke:#060a1a!important}
html [class~="decoration-orange-950"],html [class~="hover:decoration-orange-950"]:hover,html [class~="focus:decoration-orange-950"]:focus,html [class~="focus-visible:decoration-orange-950"]:focus-visible,html [class~="active:decoration-orange-950"]:active,html .group:hover [class~="group-hover:decoration-orange-950"],html .peer:checked ~ [class~="peer-checked:decoration-orange-950"],html.dark-mode [class~="dark:decoration-orange-950"]{text-decoration-color:#060a1a!important}
html [class~="accent-orange-950"],html [class~="hover:accent-orange-950"]:hover,html [class~="focus:accent-orange-950"]:focus,html [class~="focus-visible:accent-orange-950"]:focus-visible,html [class~="active:accent-orange-950"]:active,html .group:hover [class~="group-hover:accent-orange-950"],html .peer:checked ~ [class~="peer-checked:accent-orange-950"],html.dark-mode [class~="dark:accent-orange-950"]{accent-color:#060a1a!important}
html [class~="from-orange-950"]{--tw-gradient-from:#060a1a var(--tw-gradient-from-position)!important;--tw-gradient-to:#060a1a00 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html [class~="via-orange-950"]{--tw-gradient-stops:var(--tw-gradient-from),#060a1a var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
html [class~="to-orange-950"]{--tw-gradient-to:#060a1a var(--tw-gradient-to-position)!important}
html.theme-first4 .nav-active{background:#f1f3f8!important;color:#131d44!important;border-color:#b9192f!important}
html.theme-first4 .nav-active:hover{background:#e6eaf2!important;color:#131d44!important}
html.theme-first4:not(.dark-mode) body{background:#f4f5f8;color:#131d44}
html.theme-first4:not(.dark-mode) aside{background:#fff!important;border-color:#e0e3eb!important}
html.theme-first4:not(.dark-mode) h1,html.theme-first4:not(.dark-mode) h2,html.theme-first4:not(.dark-mode) h3{color:#131d44}
html.dark-mode .nav-active{background:#442338!important;color:#ffd5de!important}
html input:focus-visible,html select:focus-visible,html textarea:focus-visible{outline-color:#2d4f95;--tw-ring-color:#2d4f95!important;border-color:#2d4f95!important}
html #cookieConsentBanner>div{background:#131d44!important;border-color:#35446b!important}
html #cookieConsentBanner .text-orange-400{color:#d5dcea!important}
html img[src^="/first4-homepage/assets/logo.png"]:not(.brand-logo):not(.van-logo){background:#fff;border-radius:4px;padding:4px;object-fit:contain;filter:none!important;opacity:1!important}
/* Solid coloured actions use First 4 navy; red (destructive) is deliberately excluded. */
html a[class~="bg-blue-500"][class~="text-white"],html button[class~="bg-blue-500"][class~="text-white"],html input[type=submit][class~="bg-blue-500"][class~="text-white"],html a[class~="bg-blue-600"][class~="text-white"],html button[class~="bg-blue-600"][class~="text-white"],html input[type=submit][class~="bg-blue-600"][class~="text-white"],html a[class~="bg-blue-700"][class~="text-white"],html button[class~="bg-blue-700"][class~="text-white"],html input[type=submit][class~="bg-blue-700"][class~="text-white"],html a[class~="bg-purple-500"][class~="text-white"],html button[class~="bg-purple-500"][class~="text-white"],html input[type=submit][class~="bg-purple-500"][class~="text-white"],html a[class~="bg-purple-600"][class~="text-white"],html button[class~="bg-purple-600"][class~="text-white"],html input[type=submit][class~="bg-purple-600"][class~="text-white"],html a[class~="bg-purple-700"][class~="text-white"],html button[class~="bg-purple-700"][class~="text-white"],html input[type=submit][class~="bg-purple-700"][class~="text-white"],html a[class~="bg-indigo-500"][class~="text-white"],html button[class~="bg-indigo-500"][class~="text-white"],html input[type=submit][class~="bg-indigo-500"][class~="text-white"],html a[class~="bg-indigo-600"][class~="text-white"],html button[class~="bg-indigo-600"][class~="text-white"],html input[type=submit][class~="bg-indigo-600"][class~="text-white"],html a[class~="bg-indigo-700"][class~="text-white"],html button[class~="bg-indigo-700"][class~="text-white"],html input[type=submit][class~="bg-indigo-700"][class~="text-white"],html a[class~="bg-violet-500"][class~="text-white"],html button[class~="bg-violet-500"][class~="text-white"],html input[type=submit][class~="bg-violet-500"][class~="text-white"],html a[class~="bg-violet-600"][class~="text-white"],html button[class~="bg-violet-600"][class~="text-white"],html input[type=submit][class~="bg-violet-600"][class~="text-white"],html a[class~="bg-violet-700"][class~="text-white"],html button[class~="bg-violet-700"][class~="text-white"],html input[type=submit][class~="bg-violet-700"][class~="text-white"],html a[class~="bg-green-500"][class~="text-white"],html button[class~="bg-green-500"][class~="text-white"],html input[type=submit][class~="bg-green-500"][class~="text-white"],html a[class~="bg-green-600"][class~="text-white"],html button[class~="bg-green-600"][class~="text-white"],html input[type=submit][class~="bg-green-600"][class~="text-white"],html a[class~="bg-green-700"][class~="text-white"],html button[class~="bg-green-700"][class~="text-white"],html input[type=submit][class~="bg-green-700"][class~="text-white"],html a[class~="bg-emerald-500"][class~="text-white"],html button[class~="bg-emerald-500"][class~="text-white"],html input[type=submit][class~="bg-emerald-500"][class~="text-white"],html a[class~="bg-emerald-600"][class~="text-white"],html button[class~="bg-emerald-600"][class~="text-white"],html input[type=submit][class~="bg-emerald-600"][class~="text-white"],html a[class~="bg-emerald-700"][class~="text-white"],html button[class~="bg-emerald-700"][class~="text-white"],html input[type=submit][class~="bg-emerald-700"][class~="text-white"],html a[class~="bg-teal-500"][class~="text-white"],html button[class~="bg-teal-500"][class~="text-white"],html input[type=submit][class~="bg-teal-500"][class~="text-white"],html a[class~="bg-teal-600"][class~="text-white"],html button[class~="bg-teal-600"][class~="text-white"],html input[type=submit][class~="bg-teal-600"][class~="text-white"],html a[class~="bg-teal-700"][class~="text-white"],html button[class~="bg-teal-700"][class~="text-white"],html input[type=submit][class~="bg-teal-700"][class~="text-white"],html a[class~="bg-cyan-500"][class~="text-white"],html button[class~="bg-cyan-500"][class~="text-white"],html input[type=submit][class~="bg-cyan-500"][class~="text-white"],html a[class~="bg-cyan-600"][class~="text-white"],html button[class~="bg-cyan-600"][class~="text-white"],html input[type=submit][class~="bg-cyan-600"][class~="text-white"],html a[class~="bg-cyan-700"][class~="text-white"],html button[class~="bg-cyan-700"][class~="text-white"],html input[type=submit][class~="bg-cyan-700"][class~="text-white"],html a[class~="bg-sky-500"][class~="text-white"],html button[class~="bg-sky-500"][class~="text-white"],html input[type=submit][class~="bg-sky-500"][class~="text-white"],html a[class~="bg-sky-600"][class~="text-white"],html button[class~="bg-sky-600"][class~="text-white"],html input[type=submit][class~="bg-sky-600"][class~="text-white"],html a[class~="bg-sky-700"][class~="text-white"],html button[class~="bg-sky-700"][class~="text-white"],html input[type=submit][class~="bg-sky-700"][class~="text-white"]{background-color:var(--f4-primary)!important;border-color:var(--f4-primary)!important}
html a[class~="bg-blue-500"][class~="text-white"]:hover,html button[class~="bg-blue-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-blue-500"][class~="text-white"]:hover,html a[class~="bg-blue-600"][class~="text-white"]:hover,html button[class~="bg-blue-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-blue-600"][class~="text-white"]:hover,html a[class~="bg-blue-700"][class~="text-white"]:hover,html button[class~="bg-blue-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-blue-700"][class~="text-white"]:hover,html a[class~="bg-purple-500"][class~="text-white"]:hover,html button[class~="bg-purple-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-purple-500"][class~="text-white"]:hover,html a[class~="bg-purple-600"][class~="text-white"]:hover,html button[class~="bg-purple-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-purple-600"][class~="text-white"]:hover,html a[class~="bg-purple-700"][class~="text-white"]:hover,html button[class~="bg-purple-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-purple-700"][class~="text-white"]:hover,html a[class~="bg-indigo-500"][class~="text-white"]:hover,html button[class~="bg-indigo-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-indigo-500"][class~="text-white"]:hover,html a[class~="bg-indigo-600"][class~="text-white"]:hover,html button[class~="bg-indigo-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-indigo-600"][class~="text-white"]:hover,html a[class~="bg-indigo-700"][class~="text-white"]:hover,html button[class~="bg-indigo-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-indigo-700"][class~="text-white"]:hover,html a[class~="bg-violet-500"][class~="text-white"]:hover,html button[class~="bg-violet-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-violet-500"][class~="text-white"]:hover,html a[class~="bg-violet-600"][class~="text-white"]:hover,html button[class~="bg-violet-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-violet-600"][class~="text-white"]:hover,html a[class~="bg-violet-700"][class~="text-white"]:hover,html button[class~="bg-violet-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-violet-700"][class~="text-white"]:hover,html a[class~="bg-green-500"][class~="text-white"]:hover,html button[class~="bg-green-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-green-500"][class~="text-white"]:hover,html a[class~="bg-green-600"][class~="text-white"]:hover,html button[class~="bg-green-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-green-600"][class~="text-white"]:hover,html a[class~="bg-green-700"][class~="text-white"]:hover,html button[class~="bg-green-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-green-700"][class~="text-white"]:hover,html a[class~="bg-emerald-500"][class~="text-white"]:hover,html button[class~="bg-emerald-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-emerald-500"][class~="text-white"]:hover,html a[class~="bg-emerald-600"][class~="text-white"]:hover,html button[class~="bg-emerald-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-emerald-600"][class~="text-white"]:hover,html a[class~="bg-emerald-700"][class~="text-white"]:hover,html button[class~="bg-emerald-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-emerald-700"][class~="text-white"]:hover,html a[class~="bg-teal-500"][class~="text-white"]:hover,html button[class~="bg-teal-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-teal-500"][class~="text-white"]:hover,html a[class~="bg-teal-600"][class~="text-white"]:hover,html button[class~="bg-teal-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-teal-600"][class~="text-white"]:hover,html a[class~="bg-teal-700"][class~="text-white"]:hover,html button[class~="bg-teal-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-teal-700"][class~="text-white"]:hover,html a[class~="bg-cyan-500"][class~="text-white"]:hover,html button[class~="bg-cyan-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-cyan-500"][class~="text-white"]:hover,html a[class~="bg-cyan-600"][class~="text-white"]:hover,html button[class~="bg-cyan-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-cyan-600"][class~="text-white"]:hover,html a[class~="bg-cyan-700"][class~="text-white"]:hover,html button[class~="bg-cyan-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-cyan-700"][class~="text-white"]:hover,html a[class~="bg-sky-500"][class~="text-white"]:hover,html button[class~="bg-sky-500"][class~="text-white"]:hover,html input[type=submit][class~="bg-sky-500"][class~="text-white"]:hover,html a[class~="bg-sky-600"][class~="text-white"]:hover,html button[class~="bg-sky-600"][class~="text-white"]:hover,html input[type=submit][class~="bg-sky-600"][class~="text-white"]:hover,html a[class~="bg-sky-700"][class~="text-white"]:hover,html button[class~="bg-sky-700"][class~="text-white"]:hover,html input[type=submit][class~="bg-sky-700"][class~="text-white"]:hover{background-color:var(--f4-primary-hover)!important;border-color:var(--f4-primary-hover)!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html.dark-mode [class~="text-orange-500"],html.dark-mode [class~="text-orange-600"],html.dark-mode [class~="text-orange-700"]{color:#c9d3ea!important}

/* The official wordmark has different proportions from the previous platform logo. */
html header img[src^="/first4-homepage/assets/logo.png"]:not(.brand-logo),html nav img[src^="/first4-homepage/assets/logo.png"]:not(.brand-logo){width:180px!important;height:auto!important;max-height:56px;max-width:100%}
html footer img[src^="/first4-homepage/assets/logo.png"]:not(.brand-logo){width:170px!important;height:auto!important;max-height:56px}
@media(max-width:640px){html header img[src^="/first4-homepage/assets/logo.png"]:not(.brand-logo),html nav img[src^="/first4-homepage/assets/logo.png"]:not(.brand-logo){width:145px!important;max-height:48px}}

/* ------------------------------------------------------------------
   First 4 design system tokens and components.
   Rules: docs/first4-design-system.md. Use these instead of raw hex.
   ------------------------------------------------------------------ */
:root{--f4-navy:#131d44;--f4-navy-hover:#24315f;--f4-primary:var(--f4-navy);--f4-primary-hover:var(--f4-navy-hover);--f4-link:#2157ba;--f4-red:#b9192f;--f4-red-hover:#a0152a;--f4-canvas:#f4f5f8;--f4-surface:#fff;--f4-surface-subtle:#f8f9fb;--f4-border:#dbe1ea;--f4-border-strong:#c3cbd8;--f4-ink:#131d44;--f4-text:#37435a;--f4-muted:#5f6b80;--f4-focus:#2d4f95;--f4-btn-border:#6f7d94;--f4-btn-shadow:rgba(19,29,68,.18);--f4-btn-secondary-bg:#e9edf4;--f4-btn-secondary-hover:#d9e0ec;--f4-success:#166534;--f4-success-bg:#ecfdf3;--f4-success-border:#b7e4c7;--f4-warning:#92400e;--f4-warning-bg:#fffbeb;--f4-warning-border:#f5d58a;--f4-danger:#b42318;--f4-danger-bg:#fef3f2;--f4-danger-border:#f5c2bd;--f4-info:#1e40af;--f4-info-bg:#eff6ff;--f4-info-border:#bfd3f6;--f4-radius-control:6px;--f4-radius-card:8px}
html.dark-mode{--f4-canvas:#101830;--f4-surface:#16213e;--f4-surface-subtle:#1d2945;--f4-border:#34425e;--f4-border-strong:#4a5a78;--f4-btn-border:#8b9bb8;--f4-btn-shadow:rgba(0,0,0,.35);--f4-btn-secondary-bg:#26345a;--f4-btn-secondary-hover:#31426e;--f4-ink:#eef2f9;--f4-text:#d5dcea;--f4-muted:#aab6ca;--f4-focus:#9dbbff;--f4-link:#9dbbff;--f4-success:#86efac;--f4-success-bg:#12301f;--f4-success-border:#1f5a37;--f4-warning:#fcd34d;--f4-warning-bg:#33270c;--f4-warning-border:#6b5212;--f4-danger:#fda4a4;--f4-danger-bg:#3a1618;--f4-danger-border:#6e2a2e;--f4-info:#a9c4ff;--f4-info-bg:#142446;--f4-info-border:#2c4577}

/* Focus is blue so that a focused field never looks like a validation error. */
html:root :is(input,select,textarea):focus-visible{outline:2px solid var(--f4-focus);outline-offset:1px;--tw-ring-color:var(--f4-focus)!important;border-color:var(--f4-focus)!important}
html:root :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--f4-focus);outline-offset:2px}

:where(.f4-btn){display:inline-flex}
/* Buttons must read as buttons at a glance: solid or clearly bordered, bold label, a
   bottom edge that lifts them off the surface, and a pressed state. Inputs have none of these. */
.f4-btn{align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:var(--f4-radius-control);font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;text-decoration:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 0 var(--f4-btn-shadow);transition:background-color .15s,border-color .15s,color .15s,transform .05s,box-shadow .15s}
.f4-btn svg{width:16px;height:16px;flex-shrink:0}
.f4-btn:active{transform:translateY(2px);box-shadow:none}
.f4-btn:disabled,.f4-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
.f4-btn-primary{background:var(--f4-primary);border-color:var(--f4-primary);color:#fff}
.f4-btn-primary:hover{background:var(--f4-primary-hover);border-color:var(--f4-primary-hover);color:#fff}
/* Secondary buttons are filled, not white: a white box with a border is what an input looks like. */
.f4-btn-secondary{background:var(--f4-btn-secondary-bg);border-color:var(--f4-btn-border);color:var(--f4-ink)}
.f4-btn-secondary:hover{background:var(--f4-btn-secondary-hover);border-color:var(--f4-ink);color:var(--f4-ink)}
.f4-btn-danger{background:var(--f4-red);border-color:var(--f4-red);color:#fff}
.f4-btn-danger:hover{background:var(--f4-red-hover);border-color:var(--f4-red-hover);color:#fff}
/* Quiet actions are links: underlined and in the link colour, so they are never invisible. */
.f4-btn-quiet{background:transparent;color:var(--f4-link);box-shadow:none;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.f4-btn-quiet:hover{background:var(--f4-surface-subtle);color:var(--f4-link)}
.f4-btn-quiet:active{transform:none}
.f4-btn-sm{min-height:32px;padding:4px 10px;font-size:13px}
.f4-btn-sm svg{width:14px;height:14px}
.f4-btn-lg{min-height:48px;padding:12px 24px;font-size:16px}
.f4-btn-icon{padding:8px;min-width:40px}
.f4-btn-icon svg{width:18px;height:18px}
:where(.f4-btn-block){display:flex}
.f4-btn-block{width:100%}
/* A row of actions: 8px apart, wrapping on narrow screens, primary action first. */
:where(.f4-actions){display:flex}
.f4-actions{flex-wrap:wrap;align-items:center;gap:8px}
@media(max-width:640px){.f4-btn{min-height:44px}.f4-btn-sm{min-height:36px}}
@media(prefers-reduced-motion:reduce){.f4-btn{transition:none}.f4-btn:active{transform:none}}

.f4-card{background:var(--f4-surface);border:1px solid var(--f4-border);border-radius:var(--f4-radius-card);color:var(--f4-text)}
:where(.f4-card-header){display:flex}
.f4-card-header{align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--f4-border)}
:where(.f4-card-title){display:flex}
.f4-card-title{align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--f4-ink)}
.f4-card-title svg{width:18px;height:18px;color:var(--f4-muted);flex-shrink:0}
.f4-card-body{padding:16px 20px}
.f4-page-title{font-size:26px;font-weight:700;line-height:1.2;color:var(--f4-ink)}
.f4-page-description{font-size:14px;line-height:1.6;color:var(--f4-muted);margin-top:4px}
/* A small First 4 mark gives every authenticated page the same quiet visual
   signature without changing its controls, tables or content hierarchy. */
html.theme-first4 #main-content>.f4-page-canvas::before{content:"";display:block;height:4px;margin:calc(-1 * var(--f4-page-gutter,16px)) calc(-1 * var(--f4-page-gutter,16px)) 18px;background:linear-gradient(90deg,var(--f4-navy) 0 72px,var(--f4-red) 72px 96px,var(--f4-border) 96px 100%)}
html.theme-first4 #main-content .f4-page-title::before{content:"";display:inline-block;width:.4em;height:.4em;margin-right:.48em;border-radius:1px;background:var(--f4-red);box-shadow:.17em .17em 0 var(--f4-navy);vertical-align:.08em}
@media print{html.theme-first4 #main-content>.f4-page-canvas::before,html.theme-first4 #main-content .f4-page-title::before{display:none}}

:where(.f4-badge){display:inline-flex}
.f4-badge{align-items:center;gap:6px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
.f4-badge-success{background:var(--f4-success-bg);border-color:var(--f4-success-border);color:var(--f4-success)}
.f4-badge-warning{background:var(--f4-warning-bg);border-color:var(--f4-warning-border);color:var(--f4-warning)}
.f4-badge-danger{background:var(--f4-danger-bg);border-color:var(--f4-danger-border);color:var(--f4-danger)}
.f4-badge-info{background:var(--f4-info-bg);border-color:var(--f4-info-border);color:var(--f4-info)}
.f4-badge-neutral{background:var(--f4-surface-subtle);border-color:var(--f4-border);color:var(--f4-text)}

:where(.f4-notice){display:flex}
.f4-notice{gap:12px;align-items:flex-start;padding:12px 16px;border:1px solid;border-radius:var(--f4-radius-card);font-size:14px;line-height:1.5}
.f4-notice svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}
.f4-notice-success{background:var(--f4-success-bg);border-color:var(--f4-success-border);color:var(--f4-success)}
.f4-notice-warning{background:var(--f4-warning-bg);border-color:var(--f4-warning-border);color:var(--f4-warning)}
.f4-notice-danger{background:var(--f4-danger-bg);border-color:var(--f4-danger-border);color:var(--f4-danger)}
.f4-notice-info{background:var(--f4-info-bg);border-color:var(--f4-info-border);color:var(--f4-info)}

:where(.f4-dl){display:grid}
.f4-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
.f4-dl dt{font-size:12px;font-weight:500;color:var(--f4-muted)}
.f4-dl dd{margin-top:2px;font-size:14px;color:var(--f4-ink);overflow-wrap:anywhere}
.f4-dl .f4-dl-wide{grid-column:1/-1}
@media(max-width:480px){.f4-dl{grid-template-columns:minmax(0,1fr)}}
.f4-tabular{font-variant-numeric:tabular-nums}
:where(.f4-step){display:inline-flex}
.f4-step{align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--f4-navy);color:#fff;font-size:13px;font-weight:700;flex-shrink:0}
html.dark-mode .f4-step{background:#e8edf6;color:#131d44}
.f4-link{color:var(--f4-focus);text-decoration:underline;text-underline-offset:3px}

/* Authentication pages. Shared provider templates stay untouched; the First 4
   presentation replaces the error-red gradient header and red actions. */
html body>.max-w-md>.rounded-2xl>[class~="bg-gradient-to-r"][class~="from-orange-500"]{background:var(--f4-surface)!important;border-bottom:1px solid var(--f4-border);padding-top:32px;padding-bottom:24px}
html body>.max-w-md>.rounded-2xl>[class~="bg-gradient-to-r"][class~="from-orange-500"] [class~="text-orange-100"]{color:var(--f4-muted)!important;font-size:14px}
html body>.max-w-md button[type=submit][class~="bg-orange-500"],html #loginBtn{background:var(--f4-primary)!important;color:#fff!important}
html body>.max-w-md button[type=submit][class~="bg-orange-500"]:hover,html #loginBtn:hover{background:var(--f4-primary-hover)!important}
html body>.max-w-md a[class~="text-orange-500"],html body>.max-w-md a[class~="text-orange-600"]{color:var(--f4-focus)!important}

/* Dark mode: navy actions would disappear on the dark canvas, so they lift to a readable blue. */
html.dark-mode a[class~="bg-orange-500"][class~="text-white"],html.dark-mode button[class~="bg-orange-500"][class~="text-white"],html.dark-mode a[class~="bg-orange-600"][class~="text-white"],html.dark-mode button[class~="bg-orange-600"][class~="text-white"],html.dark-mode a[class~="bg-orange-700"][class~="text-white"],html.dark-mode button[class~="bg-orange-700"][class~="text-white"],html.dark-mode a[class~="bg-blue-500"][class~="text-white"],html.dark-mode button[class~="bg-blue-500"][class~="text-white"],html.dark-mode a[class~="bg-blue-600"][class~="text-white"],html.dark-mode button[class~="bg-blue-600"][class~="text-white"],html.dark-mode a[class~="bg-blue-700"][class~="text-white"],html.dark-mode button[class~="bg-blue-700"][class~="text-white"],html.dark-mode a[class~="bg-purple-500"][class~="text-white"],html.dark-mode button[class~="bg-purple-500"][class~="text-white"],html.dark-mode a[class~="bg-purple-600"][class~="text-white"],html.dark-mode button[class~="bg-purple-600"][class~="text-white"],html.dark-mode a[class~="bg-purple-700"][class~="text-white"],html.dark-mode button[class~="bg-purple-700"][class~="text-white"],html.dark-mode a[class~="bg-indigo-500"][class~="text-white"],html.dark-mode button[class~="bg-indigo-500"][class~="text-white"],html.dark-mode a[class~="bg-indigo-600"][class~="text-white"],html.dark-mode button[class~="bg-indigo-600"][class~="text-white"],html.dark-mode a[class~="bg-indigo-700"][class~="text-white"],html.dark-mode button[class~="bg-indigo-700"][class~="text-white"],html.dark-mode a[class~="bg-violet-500"][class~="text-white"],html.dark-mode button[class~="bg-violet-500"][class~="text-white"],html.dark-mode a[class~="bg-violet-600"][class~="text-white"],html.dark-mode button[class~="bg-violet-600"][class~="text-white"],html.dark-mode a[class~="bg-violet-700"][class~="text-white"],html.dark-mode button[class~="bg-violet-700"][class~="text-white"],html.dark-mode a[class~="bg-green-500"][class~="text-white"],html.dark-mode button[class~="bg-green-500"][class~="text-white"],html.dark-mode a[class~="bg-green-600"][class~="text-white"],html.dark-mode button[class~="bg-green-600"][class~="text-white"],html.dark-mode a[class~="bg-green-700"][class~="text-white"],html.dark-mode button[class~="bg-green-700"][class~="text-white"],html.dark-mode a[class~="bg-emerald-500"][class~="text-white"],html.dark-mode button[class~="bg-emerald-500"][class~="text-white"],html.dark-mode a[class~="bg-emerald-600"][class~="text-white"],html.dark-mode button[class~="bg-emerald-600"][class~="text-white"],html.dark-mode a[class~="bg-emerald-700"][class~="text-white"],html.dark-mode button[class~="bg-emerald-700"][class~="text-white"],html.dark-mode a[class~="bg-teal-500"][class~="text-white"],html.dark-mode button[class~="bg-teal-500"][class~="text-white"],html.dark-mode a[class~="bg-teal-600"][class~="text-white"],html.dark-mode button[class~="bg-teal-600"][class~="text-white"],html.dark-mode a[class~="bg-teal-700"][class~="text-white"],html.dark-mode button[class~="bg-teal-700"][class~="text-white"],html.dark-mode a[class~="bg-cyan-500"][class~="text-white"],html.dark-mode button[class~="bg-cyan-500"][class~="text-white"],html.dark-mode a[class~="bg-cyan-600"][class~="text-white"],html.dark-mode button[class~="bg-cyan-600"][class~="text-white"],html.dark-mode a[class~="bg-cyan-700"][class~="text-white"],html.dark-mode button[class~="bg-cyan-700"][class~="text-white"],html.dark-mode a[class~="bg-sky-500"][class~="text-white"],html.dark-mode button[class~="bg-sky-500"][class~="text-white"],html.dark-mode a[class~="bg-sky-600"][class~="text-white"],html.dark-mode button[class~="bg-sky-600"][class~="text-white"],html.dark-mode a[class~="bg-sky-700"][class~="text-white"],html.dark-mode button[class~="bg-sky-700"][class~="text-white"]{background-color:#3a5aa6!important;border-color:#3a5aa6!important;color:#fff!important}
html.dark-mode a[class~="bg-orange-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-orange-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-orange-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-orange-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-orange-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-orange-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-blue-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-blue-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-blue-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-blue-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-blue-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-blue-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-purple-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-purple-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-purple-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-purple-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-purple-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-purple-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-indigo-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-indigo-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-indigo-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-indigo-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-indigo-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-indigo-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-violet-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-violet-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-violet-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-violet-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-violet-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-violet-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-green-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-green-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-green-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-green-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-green-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-green-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-emerald-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-emerald-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-emerald-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-emerald-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-emerald-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-emerald-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-teal-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-teal-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-teal-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-teal-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-teal-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-teal-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-cyan-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-cyan-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-cyan-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-cyan-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-cyan-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-cyan-700"][class~="text-white"]:hover,html.dark-mode a[class~="bg-sky-500"][class~="text-white"]:hover,html.dark-mode button[class~="bg-sky-500"][class~="text-white"]:hover,html.dark-mode a[class~="bg-sky-600"][class~="text-white"]:hover,html.dark-mode button[class~="bg-sky-600"][class~="text-white"]:hover,html.dark-mode a[class~="bg-sky-700"][class~="text-white"]:hover,html.dark-mode button[class~="bg-sky-700"][class~="text-white"]:hover{background-color:#4a6bb8!important;border-color:#4a6bb8!important}
html.dark-mode .f4-btn-primary{background:#3a5aa6;border-color:#3a5aa6;color:#fff}
html.dark-mode .f4-btn-secondary{background:var(--f4-btn-secondary-bg);border-color:var(--f4-btn-border);color:var(--f4-ink)}
html.dark-mode .f4-btn-primary:hover{background:#4a6bb8;border-color:#4a6bb8;color:#fff}

/* Dark mode: semantic status text keeps its meaning and stays readable on navy. */
html.dark-mode .text-red-600,html.dark-mode .text-red-700,html.dark-mode .text-red-800{color:var(--f4-danger)}
html.dark-mode .text-amber-600,html.dark-mode .text-amber-700,html.dark-mode .text-amber-800{color:var(--f4-warning)}
html.dark-mode .text-green-600,html.dark-mode .text-green-700,html.dark-mode .text-green-800{color:var(--f4-success)}
html.dark-mode .text-blue-700,html.dark-mode .text-blue-800{color:var(--f4-info)}
html.dark-mode .bg-red-50,html.dark-mode .bg-red-100{background-color:var(--f4-danger-bg)}
html.dark-mode .bg-amber-50,html.dark-mode .bg-amber-100,html.dark-mode .bg-yellow-50,html.dark-mode .bg-yellow-100{background-color:var(--f4-warning-bg)}
html.dark-mode .bg-green-50,html.dark-mode .bg-green-100{background-color:var(--f4-success-bg)}
html.dark-mode .bg-blue-50,html.dark-mode .bg-blue-100{background-color:var(--f4-info-bg)}
html.dark-mode .border-red-200,html.dark-mode .border-red-300{border-color:var(--f4-danger-border)}
html.dark-mode .border-amber-200,html.dark-mode .border-amber-300,html.dark-mode .border-yellow-200{border-color:var(--f4-warning-border)}
html.dark-mode .border-green-200,html.dark-mode .border-green-300{border-color:var(--f4-success-border)}
html.dark-mode .border-blue-200,html.dark-mode .border-blue-300{border-color:var(--f4-info-border)}
html.dark-mode .text-yellow-700,html.dark-mode .text-yellow-800{color:var(--f4-warning)}

/* THESIS: A dispatch ledger puts the next operational decision ahead of decoration.
   OWN-WORLD: Light rail in the First 4 navy and red, cool grey canvas, sharp rules, navy controls and compact tabular data.
   STORY: Find work, verify its state, act, and recover without guessing what a carrier did.
   FIRST VIEWPORT: The fixed rail names the workspace while each view owns its queue and primary action.
   FORM: Operate / dispatch control ledger; the same grammar extends to lists, forms and states. */
html.theme-first4{
  --platform-primary:#131d44!important;--theme-primary:#131d44!important;--theme-primary-hover:#24315f!important;
  --f4-navy:#131d44;--f4-navy-hover:#24315f;--f4-primary:#131d44;--f4-primary-hover:#24315f;--f4-link:#2d4f95;
  --f4-red:#b9192f;--f4-red-hover:#a0152a;--f4-canvas:#eef1f6;--f4-surface:#fff;
  --f4-surface-subtle:#f6f8fb;--f4-border:#d5dbe6;--f4-border-strong:#b9c2d2;
  --f4-ink:#131d44;--f4-text:#37435a;--f4-muted:#5f6b80;--f4-focus:#2d4f95;--f4-btn-border:#6f7d94;--f4-btn-shadow:rgba(19,29,68,.18);--f4-btn-secondary-bg:#e9edf4;--f4-btn-secondary-hover:#d9e0ec;
  --f4-success:#166534;--f4-success-bg:#ecfdf3;--f4-success-border:#b7e4c7;
  --f4-warning:#92400e;--f4-warning-bg:#fffbeb;--f4-warning-border:#f5d58a;
  --f4-danger:#b42318;--f4-danger-bg:#fef3f2;--f4-danger-border:#f5c2bd;
  --f4-info:#1e40af;--f4-info-bg:#eff6ff;--f4-info-border:#bfd3f6;
  --f4-radius-control:4px;--f4-radius-card:5px;
  accent-color:#131d44!important;
}
html.theme-first4:not(.dark-mode) body{background:var(--f4-canvas);color:var(--f4-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html.theme-first4:not(.dark-mode) h1,html.theme-first4:not(.dark-mode) h2,html.theme-first4:not(.dark-mode) h3{color:var(--f4-ink)}
:where(html.theme-first4:not(.dark-mode) main) .text-gray-500{color:var(--f4-muted)}
html.theme-first4 #sidebar{background:#fff!important;border-color:var(--f4-border)!important;color:var(--f4-text)}
html.theme-first4 #sidebar .sidebar-header{background:#fff!important;border-color:var(--f4-border)!important;padding:25px 18px 20px}
html.theme-first4 #sidebar .sidebar-header img{background:#fff;padding:8px;border-radius:3px;border:1px solid var(--f4-border);max-height:55px;height:auto;object-fit:contain}
html.theme-first4 #sidebar .sidebar-header button,html.theme-first4 #sidebar .sidebar-header .text-gray-500{color:var(--f4-muted)}
html.theme-first4 #sidebar nav{padding:16px 11px}
/* Menu accent: hover lifts the row and turns the icon First 4 red; the current page keeps
   the red icon, a red bar on its left edge, a navy tint and a bold label. */
html.theme-first4 #sidebar nav a{color:var(--f4-text)!important;border-radius:4px!important;font-weight:520;transition:background-color .15s,color .15s,box-shadow .15s}
html.theme-first4 #sidebar nav a .sidebar-icon{color:var(--f4-muted);transition:color .15s}
html.theme-first4 #sidebar nav a:hover,html.theme-first4 #sidebar nav button:hover{background:#eef1f6!important;color:var(--f4-ink)!important}
html.theme-first4 #sidebar nav a:hover .sidebar-icon{color:var(--f4-red)}
html.theme-first4 #sidebar nav a.nav-active,html.theme-first4 #sidebar nav a.nav-active:hover{background:#e6ebf5!important;color:var(--f4-ink)!important;font-weight:750!important;border-color:transparent!important;box-shadow:inset 4px 0 0 var(--f4-red)}
html.theme-first4 #sidebar nav a.nav-active .sidebar-icon{color:var(--f4-red)}
@media(prefers-reduced-motion:reduce){html.theme-first4 #sidebar nav a,html.theme-first4 #sidebar nav a .sidebar-icon{transition:none}}
html.theme-first4 #sidebar nav .sidebar-content.uppercase,html.theme-first4 #sidebar .sidebar-section,html.theme-first4 #sidebar nav span.text-gray-500{color:var(--f4-muted)!important;letter-spacing:.07em}
html.theme-first4 #sidebar nav li.border-t,html.theme-first4 #sidebar .border-t,html.theme-first4 #sidebar .border-b{border-color:var(--f4-border)!important}
html.theme-first4 #sidebar #menuSearch{background:var(--f4-surface-subtle)!important;border:1px solid var(--f4-border-strong)!important;color:var(--f4-ink)!important;border-radius:4px!important}
html.theme-first4 #sidebar #menuSearch::placeholder{color:var(--f4-muted);opacity:1}
html.theme-first4 #sidebar #menuSearch:focus-visible{outline:2px solid var(--f4-focus);outline-offset:2px}
html.theme-first4 #sidebar .sidebar-icon{color:inherit}
html.theme-first4 #sidebar .mobile-sidebar-control{background:#fff;border-color:var(--f4-border)}
html.theme-first4 #sidebar #favouritesBar .text-gray-500{color:var(--f4-muted)}
/* Light grey utility text was readable on the old dark rail; on the white rail it needs the muted token. */
html.theme-first4 #sidebar :is(.text-gray-400,.text-gray-500){color:var(--f4-muted)!important}
html.theme-first4 #sidebar :is(button,a):is(.text-gray-400,.text-gray-500):hover{color:var(--f4-ink)!important}
html.theme-first4 #mobileSidebarToggle{color:var(--f4-ink)}
/* Legacy Tailwind buttons that the remap above does not cover: every solid action becomes the
   one primary colour, solid grey actions become secondary, outlined actions get a visible border,
   and control corners match the theme. Views migrate to .f4-btn section by section. */
html :is(a,button,input[type=submit]):is([class~="bg-blue-800"],[class~="bg-blue-900"],[class~="bg-green-400"],[class~="bg-slate-600"],[class~="bg-slate-700"],[class~="bg-gray-800"],[class~="bg-gray-900"])[class~="text-white"]{background-color:var(--f4-primary)!important;border-color:var(--f4-primary)!important}
html :is(a,button,input[type=submit]):is([class~="bg-blue-800"],[class~="bg-blue-900"],[class~="bg-green-400"],[class~="bg-slate-600"],[class~="bg-slate-700"],[class~="bg-gray-800"],[class~="bg-gray-900"])[class~="text-white"]:hover{background-color:var(--f4-primary-hover)!important;border-color:var(--f4-primary-hover)!important}
html main :is(a,button,input[type=submit]):is([class~="bg-gray-500"],[class~="bg-gray-600"],[class~="bg-gray-700"],[class~="bg-slate-500"])[class~="text-white"]{background-color:var(--f4-btn-secondary-bg)!important;border:1px solid var(--f4-btn-border)!important;color:var(--f4-ink)!important;box-shadow:0 2px 0 var(--f4-btn-shadow)}
html main :is(a,button,input[type=submit]):is([class~="bg-gray-500"],[class~="bg-gray-600"],[class~="bg-gray-700"],[class~="bg-slate-500"])[class~="text-white"]:hover{background-color:var(--f4-btn-secondary-hover)!important;border-color:var(--f4-ink)!important;color:var(--f4-ink)!important}
/* Only compact, horizontally padded controls count as buttons: bordered card links
   (block, padded, flex-col, large radius) keep their own presentation. */
html.theme-first4 main :is(a,button)[class~="border"]:not(.f4-btn):is([class~="inline-flex"],[class~="inline-block"],[class~="px-2"],[class~="px-2.5"],[class~="px-3"],[class~="px-4"],[class~="px-5"],[class~="px-6"]):not([class~="block"]):not([class~="flex-col"]):not([class~="rounded-xl"]):not([class~="rounded-2xl"]):not([class~="p-4"]):not([class~="p-5"]):not([class~="p-6"]):not([class~="p-8"]):not([class~="border-transparent"]):not([class~="border-0"]):not([role=tab]):not([class~="text-white"]):not([class*="text-red-"]):not([class*="border-red-"]):not([class*="text-green-"]):not([class*="text-amber-"]){background-color:var(--f4-btn-secondary-bg)!important;border-color:var(--f4-btn-border)!important;color:var(--f4-ink);font-weight:600;box-shadow:0 2px 0 var(--f4-btn-shadow)}
html.theme-first4 main :is(a,button)[class~="border"]:not(.f4-btn):is([class~="inline-flex"],[class~="inline-block"],[class~="px-2"],[class~="px-2.5"],[class~="px-3"],[class~="px-4"],[class~="px-5"],[class~="px-6"]):not([class~="block"]):not([class~="flex-col"]):not([class~="rounded-xl"]):not([class~="rounded-2xl"]):not([class~="p-4"]):not([class~="p-5"]):not([class~="p-6"]):not([class~="p-8"]):not([class~="border-transparent"]):not([class~="border-0"]):not([role=tab]):not([class~="text-white"]):not([class*="text-red-"]):not([class*="border-red-"]):not([class*="text-green-"]):not([class*="text-amber-"]):hover{background-color:var(--f4-btn-secondary-hover)!important;border-color:var(--f4-ink)!important}
html.theme-first4 main :is(a,button)[class~="border"]:not(.f4-btn):is([class~="px-3"],[class~="px-4"],[class~="px-5"],[class~="px-6"]):not([class~="block"]):not([class~="flex-col"]):not([class~="p-4"]):not([class~="p-5"]):not([class~="p-6"]):not([class~="p-8"]){min-height:40px}
html.theme-first4 main :is(a,button,input[type=submit]):is([class~="bg-blue-500"],[class~="bg-blue-600"],[class~="bg-blue-700"],[class~="bg-blue-800"],[class~="bg-blue-900"],[class~="bg-green-500"],[class~="bg-green-600"],[class~="bg-green-700"],[class~="bg-gray-800"],[class~="bg-gray-900"],[class~="bg-red-500"],[class~="bg-red-600"],[class~="bg-red-700"])[class~="text-white"]{font-weight:600;box-shadow:0 2px 0 var(--f4-btn-shadow)}
html.theme-first4 main :is(a,button,input[type=submit]):is([class~="rounded"],[class~="rounded-md"],[class~="rounded-lg"]):not(.f4-badge):not([class~="rounded-full"]):not([class~="block"]):not([class~="flex-col"]):not([class~="p-4"]):not([class~="p-5"]):not([class~="p-6"]):not([class~="p-8"]){border-radius:var(--f4-radius-control)}
html.theme-first4 main :is(a,button,input[type=submit]):is([class~="bg-gray-100"],[class~="bg-gray-200"]):not(.f4-btn):not([class~="border"]):not([class~="block"]):not([class~="flex-col"]):not([class~="p-4"]):not([class~="p-5"]):not([class~="p-6"]):not([class~="p-8"]){background-color:var(--f4-btn-secondary-bg)!important;border:1px solid var(--f4-btn-border);color:var(--f4-ink);font-weight:600;box-shadow:0 2px 0 var(--f4-btn-shadow)}
/* Yellow is not a First 4 colour: warning states use the amber tokens. */
html.theme-first4 :is(.bg-yellow-50,.bg-yellow-100){background-color:var(--f4-warning-bg)!important}
html.theme-first4 :is(.text-yellow-600,.text-yellow-700,.text-yellow-800,.text-yellow-900){color:var(--f4-warning)!important}
html.theme-first4 :is(.border-yellow-200,.border-yellow-300,.border-yellow-400){border-color:var(--f4-warning-border)!important}
html.theme-first4 .f4-btn{border-radius:4px;font-weight:650}
html.theme-first4 .f4-btn-primary{background:var(--f4-primary);border-color:var(--f4-primary);color:#fff}
html.theme-first4 .f4-btn-primary:hover{background:var(--f4-primary-hover);border-color:var(--f4-primary-hover)}
html.theme-first4 .f4-btn-secondary{border-color:var(--f4-btn-border)}
html.theme-first4 .f4-btn-quiet{color:var(--f4-link)}
html.theme-first4 .f4-card{border-radius:5px;box-shadow:0 2px 8px rgba(19,29,68,.04)}
html.theme-first4 .f4-card-header{background:var(--f4-surface-subtle);border-radius:4px 4px 0 0}
html.theme-first4 .f4-page-title{font-size:28px;letter-spacing:-.025em}
html.theme-first4 .f4-badge{border-radius:3px;font-weight:700;letter-spacing:.01em}
html.theme-first4 :is(input,select,textarea):focus-visible,html.theme-first4 :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--f4-focus)!important;outline-offset:2px}
html.theme-first4 #sidebar :is(a,button,summary,[tabindex]):focus-visible{outline-color:var(--f4-focus)!important}
html.theme-first4 :is(button,a,input,select,textarea):disabled{cursor:not-allowed;opacity:.55}
html.theme-first4 main{min-width:0}
html.theme-first4 main :is(table,.overflow-x-auto){font-variant-numeric:tabular-nums}
html.theme-first4 main table th{letter-spacing:.025em}
html.theme-first4 main table tbody tr:hover{background:var(--f4-surface-subtle)}
html.dark-mode.theme-first4{--f4-canvas:#101830;--f4-surface:#16213e;--f4-surface-subtle:#1d2945;--f4-border:#34425e;--f4-border-strong:#4a5a78;--f4-btn-border:#8b9bb8;--f4-btn-shadow:rgba(0,0,0,.35);--f4-btn-secondary-bg:#26345a;--f4-btn-secondary-hover:#31426e;--f4-ink:#eef2f9;--f4-text:#d5dcea;--f4-muted:#aab6ca;--f4-focus:#9dbbff;--f4-primary:#3a5aa6;--f4-primary-hover:#4a6bb8;--f4-link:#9dbbff;--f4-success:#86efac;--f4-success-bg:#12301f;--f4-success-border:#1f5a37;--f4-warning:#fcd34d;--f4-warning-bg:#33270c;--f4-warning-border:#6b5212;--f4-danger:#fda4a4;--f4-danger-bg:#3a1618;--f4-danger-border:#6e2a2e;--f4-info:#a9c4ff;--f4-info-bg:#142446;--f4-info-border:#2c4577}
html.dark-mode.theme-first4 #sidebar{background:#0d1430!important;border-color:#34425e!important;color:#d5dcea}
html.dark-mode.theme-first4 #sidebar nav a{color:#d5dcea!important}
html.dark-mode.theme-first4 #sidebar nav a:hover,html.dark-mode.theme-first4 #sidebar nav button:hover,html.dark-mode.theme-first4 #sidebar nav a.nav-active,html.dark-mode.theme-first4 #sidebar nav a.nav-active:hover{background:#1d2945!important;color:#eef2f9!important}
html.dark-mode.theme-first4 .nav-active{background:#1d2945!important;color:#eef2f9!important}
html.dark-mode.theme-first4 #sidebar .sidebar-header,html.dark-mode.theme-first4 #sidebar .mobile-sidebar-control{background:#0d1430!important;border-color:#34425e!important}
html.dark-mode.theme-first4 #mobileSidebarToggle{color:#eef2f9}
html.dark-mode.theme-first4 .f4-btn-primary{background:#3a5aa6;border-color:#3a5aa6;color:#fff}
@media(max-width:640px){html.theme-first4 #sidebar nav{padding:12px 9px}html.theme-first4 #sidebar .sidebar-header{padding:18px 12px}html.theme-first4 #sidebar.mobile-drawer-open{box-shadow:8px 0 28px rgba(19,29,68,.3)}}

/* Shared navigation: daily work first, quieter tools, and a reachable account footer.
   The drawer overlays mobile content instead of keeping an icon rail in the page. */
/* Tracking announcements stay inside the table scroller as navigation width changes. */
html.theme-first4 .shipment-reference{position:relative}
html #sidebar.f4-navigation-rail{overflow:hidden;background:var(--f4-surface)!important;color:var(--f4-text);transition:width 160ms ease-out}
html #sidebar.f4-navigation-rail .f4-navigation-header{flex-shrink:0;padding:24px 20px 20px;border-bottom:1px solid var(--f4-border);background:var(--f4-surface)!important}
html #sidebar.f4-navigation-rail .f4-navigation-brand{display:block}
html #sidebar.f4-navigation-rail .f4-navigation-header img{display:block;width:100%;max-width:180px;max-height:56px;height:auto;padding:0;border:0;border-radius:0;object-fit:contain;background:white}
html #sidebar.f4-navigation-rail .f4-navigation-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 12px;scrollbar-gutter:stable}
html #sidebar.f4-navigation-rail .f4-navigation-list{margin:0;padding:0;list-style:none}
html #sidebar.f4-navigation-rail .f4-navigation-list>li+li{margin-top:4px}
html #sidebar.f4-navigation-rail :is(.sidebar-link,.f4-navigation-group){display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:var(--f4-radius-control)!important;background:transparent;color:var(--f4-text)!important;font-size:14px;font-weight:520;line-height:20px;text-align:left;text-decoration:none;transition:background-color 140ms ease-out,color 140ms ease-out}
html #sidebar.f4-navigation-rail .sidebar-icon{width:20px;height:20px;margin:0;flex-shrink:0;color:var(--f4-muted)}
html #sidebar.f4-navigation-rail .nav-label{min-width:0;line-height:20px;overflow-wrap:break-word}
html #sidebar.f4-navigation-rail .f4-navigation-primary .sidebar-link{font-weight:600}
html #sidebar.f4-navigation-rail :is(.sidebar-link,.f4-navigation-group):hover{background:var(--f4-surface-subtle)!important;color:var(--f4-ink)!important}
html #sidebar.f4-navigation-rail .sidebar-link:hover .sidebar-icon{color:var(--f4-red)}
html #sidebar.f4-navigation-rail .sidebar-link.nav-active{background:var(--f4-btn-secondary-bg)!important;color:var(--f4-ink)!important;font-weight:700!important;box-shadow:inset 4px 0 0 var(--f4-red)}
html #sidebar.f4-navigation-rail .sidebar-link.nav-active .sidebar-icon{color:var(--f4-red)}
html #sidebar.f4-navigation-rail .sidebar-section{display:block;padding:8px 12px;color:var(--f4-muted)!important;font-size:12px;font-weight:650;line-height:16px;letter-spacing:0;text-transform:none}
html #sidebar.f4-navigation-rail .f4-navigation-secondary{margin-top:20px;padding-top:12px;border-top:1px solid var(--f4-border)}
html #sidebar.f4-navigation-rail .f4-navigation-secondary>li:first-child{margin-top:0;padding-top:0;border-top:0}
html #sidebar.f4-navigation-rail .f4-navigation-settings{margin-top:auto;padding-top:24px}
html #sidebar.f4-navigation-rail .f4-navigation-group::after{content:'';width:8px;height:8px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform 140ms ease-out}
html #sidebar.f4-navigation-rail .f4-navigation-group[aria-expanded=true]::after{transform:rotate(225deg)}
html #sidebar.f4-navigation-rail .f4-navigation-submenu:not(.hidden){padding:4px 0 8px 12px;margin-left:20px;border-left:1px solid var(--f4-border)}
html #sidebar.f4-navigation-rail .f4-navigation-submenu .sidebar-link{padding:10px 8px;font-size:13px}
html #sidebar.f4-navigation-rail .f4-navigation-submenu .sidebar-icon{width:18px;height:18px}
html #sidebar.f4-navigation-rail nav a.f4-navigation-create{display:flex;justify-content:flex-start;gap:12px;width:100%;min-height:44px;margin-bottom:16px;padding:10px 12px;background:var(--f4-primary)!important;border-color:var(--f4-primary);color:var(--f4-surface)!important;font-weight:650;box-shadow:0 2px 0 var(--f4-btn-shadow)}
html #sidebar.f4-navigation-rail nav a.f4-navigation-create:hover{background:var(--f4-primary-hover)!important;color:var(--f4-surface)!important}
html #sidebar.f4-navigation-rail nav a.f4-navigation-create .sidebar-icon{width:20px;height:20px;color:inherit}
html.dark-mode #sidebar.f4-navigation-rail nav a.f4-navigation-create,html.dark-mode #sidebar.f4-navigation-rail nav a.f4-navigation-create:hover{color:var(--f4-ink)!important}
html #sidebar.f4-navigation-rail .f4-navigation-badge{flex-shrink:0;min-width:24px;margin-left:auto;padding:2px 6px;border:1px solid var(--f4-border);border-radius:var(--f4-radius-control);background:var(--f4-surface-subtle);color:var(--f4-text);font-size:12px;font-weight:650;line-height:16px;text-align:center;font-variant-numeric:tabular-nums}
html #sidebar.f4-navigation-rail .f4-navigation-footer{display:flex;align-items:center;flex-shrink:0;gap:4px;padding:8px;border-top:1px solid var(--f4-border);background:var(--f4-surface)}
html #sidebar.f4-navigation-rail .f4-navigation-profile{display:flex;align-items:center;flex:1;min-width:0;min-height:52px;gap:8px;padding:8px;border-radius:var(--f4-radius-control);color:var(--f4-text);text-align:left;transition:background-color 140ms ease-out}
html #sidebar.f4-navigation-rail :is(.f4-navigation-profile,.f4-navigation-collapse):hover{background:var(--f4-surface-subtle);color:var(--f4-ink)}
html #sidebar.f4-navigation-rail .f4-navigation-avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--f4-border);border-radius:50%;background:var(--f4-btn-secondary-bg);color:var(--f4-ink);font-size:12px;font-weight:650}
html #sidebar.f4-navigation-rail .f4-navigation-profile-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
html #sidebar.f4-navigation-rail .f4-navigation-profile-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}
html #sidebar.f4-navigation-rail .f4-navigation-profile-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--f4-muted);font-size:11px;line-height:16px}
html #sidebar.f4-navigation-rail .f4-navigation-collapse{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--f4-radius-control);color:var(--f4-muted)}
html #sidebar.f4-navigation-rail .f4-navigation-collapse svg{transition:transform 140ms ease-out}
html .f4-navigation-resize{position:absolute;right:-3px;top:0;bottom:0;z-index:45;width:8px;cursor:col-resize;transition:background-color 140ms ease-out}
html .f4-navigation-resize:hover{background:var(--f4-border)}
html :is(#sidebar.f4-navigation-rail,#sidebarWrapper,.f4-navigation-mobile-bar) :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--f4-focus)!important;outline-offset:2px}
html #sidebar.f4-navigation-rail.sidebar-collapsed .sidebar-content,html #sidebar.f4-navigation-rail.sidebar-collapsed .nav-label,html #sidebar.f4-navigation-rail.sidebar-collapsed .submenu,html #sidebar.f4-navigation-rail.sidebar-collapsed .f4-navigation-badge{display:none!important}
html #sidebar.f4-navigation-rail.sidebar-collapsed .f4-navigation-content{padding:12px 8px;scrollbar-gutter:auto}
html #sidebar.f4-navigation-rail.sidebar-collapsed .f4-navigation-list>li:has(.sidebar-section){display:none}
html #sidebar.f4-navigation-rail.sidebar-collapsed :is(.sidebar-link,.f4-navigation-group,.f4-navigation-create){justify-content:center;width:44px;min-height:44px;padding:12px;gap:0}
html #sidebar.f4-navigation-rail.sidebar-collapsed .f4-navigation-group::after{display:none}
html #sidebar.f4-navigation-rail.sidebar-collapsed .f4-navigation-secondary{margin-top:16px;padding-top:16px}
html #sidebar.f4-navigation-rail.sidebar-collapsed .f4-navigation-footer{flex-direction:column;padding:8px;gap:4px}
html #sidebar.f4-navigation-rail.sidebar-collapsed .f4-navigation-profile{justify-content:center;flex:auto;width:44px;min-height:44px;padding:6px;gap:0}
html .f4-navigation-mobile-bar,html #sidebar.f4-navigation-rail .mobile-sidebar-control,html #mobileSidebarBackdrop{display:none}
@media(max-width:640px){
  html #sidebarWrapper.f4-navigation-wrapper{width:0!important}
  html #sidebar.f4-navigation-rail{position:absolute;inset:0 auto 0 0;z-index:42;height:100%;width:280px;max-width:calc(100vw - 44px);transition:none}
  html #sidebar.f4-navigation-rail:not(.mobile-drawer-open){display:none}
  html #sidebar.f4-navigation-rail.mobile-drawer-motion{transition:width 160ms ease-out}
  html #sidebar.f4-navigation-rail.mobile-drawer-open{box-shadow:8px 0 28px var(--f4-btn-shadow)}
  html #sidebar.f4-navigation-rail .f4-navigation-header{padding:20px}
  html #sidebar.f4-navigation-rail .f4-navigation-content{padding:16px 12px;scrollbar-gutter:auto}
  html #sidebarResizeHandle,html #sidebar.f4-navigation-rail .f4-navigation-collapse{display:none}
  html #sidebar.f4-navigation-rail .mobile-sidebar-control{display:flex;align-items:center;flex-shrink:0;min-height:56px;padding:6px 12px;border-bottom:1px solid var(--f4-border);background:var(--f4-surface)!important}
  html :is(.f4-navigation-mobile-trigger,.f4-navigation-mobile-close){display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border-radius:var(--f4-radius-control);color:var(--f4-ink);font-size:14px;font-weight:600;line-height:20px}
  html :is(.f4-navigation-mobile-trigger,.f4-navigation-mobile-close):hover{background:var(--f4-surface-subtle)}
  html #mobileSidebarBackdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:41;background:var(--f4-navy);opacity:.36;cursor:pointer}
  html #main-content{--navigation-mobile-bar-height:57px}
  html .f4-navigation-mobile-bar{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;min-height:56px;padding:6px 12px;border-bottom:1px solid var(--f4-border);background:var(--f4-surface);color:var(--f4-text)}
  html .f4-navigation-mobile-brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
}
@media(prefers-reduced-motion:reduce){html #sidebar.f4-navigation-rail,html #sidebar.f4-navigation-rail *,html .f4-navigation-resize{transition:none!important}}

/* Uploaded outline icons share foreground colour and preserve existing control sizes. */
html.theme-first4 svg.f4-icon{flex-shrink:0;vertical-align:middle}
html.dark-mode.theme-first4 #sidebar.f4-navigation-rail :is(.sidebar-link:hover,.sidebar-link.nav-active) .sidebar-icon{color:var(--f4-danger)}

/* Operational workspace widths: page gutters belong to the shared canvas.
   Opt in at the workspace root; never override dialog, field or prose widths. */
:where(html.theme-first4 #main-content)>.f4-page-canvas{--f4-page-gutter:16px;box-sizing:border-box;width:100%;min-width:0;flex:1 0 auto;padding:var(--f4-page-gutter)}
.f4-workspace{box-sizing:border-box;width:100%;max-width:none;min-width:0;margin-inline:0}
.f4-settings-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px;align-items:start}
.f4-settings-panels>*{min-width:0}
.f4-settings-panels> :last-child{grid-column:1/-1;flex-wrap:wrap}
.f4-preference-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px;align-items:start}
.f4-preference-controls>*{min-width:0;margin:0}
@media(min-width:768px){:where(html.theme-first4 #main-content)>.f4-page-canvas{--f4-page-gutter:24px}}