/* BILLZOT BRAND THEME — color-only override. Layout, HTML, JS and functionality remain unchanged. */
        :root {
            --billzot-green: #90f651;
            --billzot-green-hover: #79dd3b;
            --billzot-green-soft: #f0fde7;
            --billzot-green-soft-2: #e2fbcf;
            --billzot-green-border: #c6f4a0;
            --billzot-green-text: #5c9f2d;
            --billzot-dark-green: #244514;
        }

        /* Page surfaces */
        body.bg-slate-50 { background-color: #f8faf6 !important; }
        [class~="bg-slate-50"] { background-color: #f8faf6 !important; }
        [class~="bg-slate-50/50"] { background-color: #fbfdf9 !important; }
        [class~="bg-white"] { background-color: #ffffff !important; }

        /* Primary green replacing the old blue */
        [class~="bg-blue-50"] { background-color: var(--billzot-green-soft) !important; }
        [class~="bg-blue-100"] { background-color: var(--billzot-green-soft-2) !important; }
        [class~="bg-blue-600"] {
            background-color: var(--billzot-green) !important;
            color: #111111 !important;
        }
        [class~="bg-blue-700"] { background-color: var(--billzot-green-hover) !important; }

        [class~="hover:bg-blue-700"]:hover { background-color: var(--billzot-green-hover) !important; }
        [class~="hover:bg-blue-50"]:hover { background-color: var(--billzot-green-soft) !important; }
        [class~="hover:bg-blue-100"]:hover { background-color: var(--billzot-green-soft-2) !important; }

        /* Blue text accents → readable green accents */
        [class~="text-blue-200"] { color: #d8f8c1 !important; }
        [class~="text-blue-600"] { color: var(--billzot-green-text) !important; }
        [class~="text-blue-700"] { color: #4f8d27 !important; }
        [class~="text-blue-800"] { color: #3f741d !important; }
        [class~="text-blue-900"] { color: var(--billzot-dark-green) !important; }
        [class~="hover:text-blue-600"]:hover { color: var(--billzot-green-text) !important; }

        /* Blue borders */
        [class~="border-blue-200"] { border-color: var(--billzot-green-border) !important; }
        [class~="border-blue-300"] { border-color: #b1e98a !important; }

        /* Focus states */
        [class~="focus:ring-blue-500"]:focus {
            --tw-ring-color: var(--billzot-green) !important;
        }

        /* CTA shadows */
        [class~="shadow-blue-500/20"] {
            --tw-shadow-color: rgb(144 246 81 / 0.20) !important;
        }

        /* Hero gradient */
        [class~="from-blue-50"] {
            --tw-gradient-from: var(--billzot-green-soft) var(--tw-gradient-from-position) !important;
            --tw-gradient-to: rgb(240 253 231 / 0) var(--tw-gradient-to-position) !important;
        }

        /* Dark promotional CTA gradient */
        [class~="from-blue-900"] {
            --tw-gradient-from: #182615 var(--tw-gradient-from-position) !important;
            --tw-gradient-to: rgb(24 38 21 / 0) var(--tw-gradient-to-position) !important;
        }
        [class~="to-blue-800"] {
            --tw-gradient-to: #29461d var(--tw-gradient-to-position) !important;
        }

        /* File upload accent */
        [class~="file:bg-blue-50"]::file-selector-button {
            background-color: var(--billzot-green-soft) !important;
        }
        [class~="file:text-blue-700"]::file-selector-button {
            color: #4f8d27 !important;
        }

        /* Keep primary CTA text dark on neon green */
        [class~="bg-blue-600"][class~="text-white"] { color: #111111 !important; }
        [class~="bg-blue-700"][class~="text-white"] { color: #111111 !important; }

        /* Preserve white text on the dark green promotional block */
        [class~="from-blue-900"][class~="text-white"],
        [class~="from-blue-900"] [class~="text-white"] { color: #ffffff !important; }