:root{--accent:#a65732;--accent-soft:#f8ede4;--on-accent:#fff;--surface:#fff;--ink:#29312f;--muted:#66716d;--line:#e7e9e4;--tone-00000008:#00000008;--tone-0001:#0001;--tone-0002:#0002;--tone-17536b:#17536b;--tone-222:var(--ink);--tone-24180926:#24180926;--tone-24536a:#24536a;--tone-26170f:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-277344:#277344;--tone-28231c55:#28231c55;--tone-285e31:#285e31;--tone-292925:var(--ink);--tone-29292512:#29292512;--tone-30280b:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-302e2a:var(--ink);--tone-318658:#318658;--tone-333:var(--ink);--tone-33382e:var(--ink);--tone-343c30:var(--ink);--tone-375766:#375766;--tone-39362f:var(--ink);--tone-437b61:#437b61;--tone-43846b:#43846b;--tone-454b40:var(--ink);--tone-4c8260:#4c8260;--tone-51846b:#51846b;--tone-525948:var(--ink);--tone-555:var(--ink);--tone-56564a:var(--ink);--tone-565d4e:var(--ink);--tone-577b72:var(--muted);--tone-5b5b50:var(--ink);--tone-605b52:var(--ink);--tone-62818e:#62818e;--tone-633018:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-64758a:var(--muted);--tone-66885c:#66885c;--tone-676a60:var(--muted);--tone-686254:var(--ink);--tone-6f815d:var(--muted);--tone-706b62:var(--muted);--tone-713614:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-73776d:var(--muted);--tone-737f61:var(--muted);--tone-746c60:var(--muted);--tone-747268:var(--muted);--tone-767b6f:var(--muted);--tone-769251:#769251;--tone-777d72:var(--muted);--tone-778bab:#778bab;--tone-7a9068:var(--muted);--tone-7a926d:var(--muted);--tone-7a9979:var(--muted);--tone-7b7d73:var(--muted);--tone-7b886b:var(--muted);--tone-7b8e95:var(--muted);--tone-7b9b80:var(--muted);--tone-7c8a60:var(--muted);--tone-7d7596:var(--muted);--tone-7e5935:var(--accent);--tone-808574:var(--muted);--tone-808578:var(--muted);--tone-856408:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-85867e:var(--muted);--tone-858c7b:var(--muted);--tone-867e6c:var(--muted);--tone-869abd:#869abd;--tone-86a597:var(--muted);--tone-89969a:var(--muted);--tone-8b7661:var(--muted);--tone-8b7861:var(--muted);--tone-8b897d:var(--muted);--tone-8b8c85:var(--muted);--tone-8ba17b:var(--muted);--tone-8c8a7f:var(--muted);--tone-8c8f80:var(--muted);--tone-8c9480:var(--muted);--tone-8d8276:var(--muted);--tone-8f8e83:var(--muted);--tone-8f9488:var(--muted);--tone-8faaa2:var(--muted);--tone-90c8dd:#90c8dd;--tone-919387:var(--muted);--tone-92958c:var(--muted);--tone-92b3a1:var(--muted);--tone-93958a:var(--muted);--tone-949489:var(--muted);--tone-94ae7a:#94ae7a;--tone-95998c:var(--muted);--tone-959b8f:var(--muted);--tone-96897e:var(--muted);--tone-96998a:var(--muted);--tone-96998e:var(--muted);--tone-969a8e:var(--muted);--tone-969c8e:var(--muted);--tone-97917f:var(--muted);--tone-979284:var(--muted);--tone-98a685:var(--muted);--tone-999:var(--muted);--tone-99968a:var(--muted);--tone-999786:var(--muted);--tone-999b8c:var(--muted);--tone-9a9f90:var(--muted);--tone-9b671e:var(--accent);--tone-9b6d24:var(--accent);--tone-9b7962:var(--accent);--tone-9b8061:var(--accent);--tone-9b9d91:var(--muted);--tone-9b9e90:var(--muted);--tone-9c9a8f:var(--muted);--tone-9c9f93:var(--muted);--tone-9e9d92:var(--muted);--tone-9fcba3:#9fcba3;--tone-a09b8d:var(--muted);--tone-a09b8e:var(--muted);--tone-a0a390:var(--muted);--tone-a0a394:var(--muted);--tone-a0a396:var(--muted);--tone-a17e3a:var(--accent);--tone-a1a396:var(--muted);--tone-a1a594:var(--muted);--tone-a28b6a:var(--accent);--tone-a28b72:var(--accent);--tone-a2a093:var(--muted);--tone-a2a49b:var(--muted);--tone-a394bb:#a394bb;--tone-a3a08f:var(--muted);--tone-a3a194:var(--muted);--tone-a3a49a:var(--muted);--tone-a3a697:var(--muted);--tone-a4a091:var(--muted);--tone-a4a094:var(--muted);--tone-a4a195:var(--muted);--tone-a4a294:var(--muted);--tone-a4a59b:var(--muted);--tone-a59e8d:var(--muted);--tone-a5a69b:var(--muted);--tone-a64f43:#a64f43;--tone-a6a294:var(--muted);--tone-a6a998:var(--muted);--tone-a7a99e:var(--muted);--tone-a84b35:var(--accent);--tone-a85637:var(--accent);--tone-a9d5b7:#a9d5b7;--tone-aaa08f:var(--muted);--tone-aaac9f:var(--muted);--tone-aabda5:var(--muted);--tone-ab8972:var(--accent);--tone-ac6552:var(--accent);--tone-ac773e:var(--accent);--tone-ad692f:var(--accent);--tone-ad7a8e:#ad7a8e;--tone-ad987b:var(--accent);--tone-b08429:var(--accent);--tone-b17a50:var(--accent);--tone-b1b7ad:var(--muted);--tone-b26e39:var(--accent);--tone-b27869:var(--accent);--tone-b2a495:var(--muted);--tone-b2b3aa:var(--muted);--tone-b2b4a7:var(--muted);--tone-b39a6d:var(--accent);--tone-b4b4aa:var(--muted);--tone-b4b7aa:var(--muted);--tone-b5a897:var(--muted);--tone-b5a8c8:#b5a8c8;--tone-b64e43:#b64e43;--tone-b6d7bf:#b6d7bf;--tone-b75222:var(--accent);--tone-b75e4e:var(--accent);--tone-b7843d:var(--accent);--tone-b85e3e:var(--accent);--tone-b95a27:var(--accent);--tone-b9b1cf:#b9b1cf;--tone-b9d8e8:#b9d8e8;--tone-bba78d:var(--accent);--tone-bbb4a9:var(--muted);--tone-bc764c:var(--accent);--tone-bd6961:#bd6961;--tone-bd7343:var(--accent);--tone-be8c7f:var(--accent);--tone-bf725e:var(--accent);--tone-bf7547:var(--accent);--tone-bf784c:var(--accent);--tone-bf9a77:var(--accent);--tone-c37447:var(--accent);--tone-c49673:var(--accent);--tone-c66d32:var(--accent);--tone-c78c60:var(--accent);--tone-c7d5b7:#c7d5b7;--tone-c7e8e2:#c7e8e2;--tone-c8ecfa:#c8ecfa;--tone-c9834e:var(--accent);--tone-cce5cd:#cce5cd;--tone-ce9c60:var(--accent);--tone-d0b9a8:var(--accent);--tone-d28b56:var(--accent);--tone-d3edd4:#d3edd4;--tone-d5b976:var(--accent);--tone-d5e5ff:#d5e5ff;--tone-d7c8b8:var(--accent);--tone-d87135:var(--accent);--tone-d9ded8:#d9ded8;--tone-d9dfd2:#d9dfd2;--tone-dc6b2e:var(--accent);--tone-dce7ed:#dce7ed;--tone-ddd:#ddd;--tone-ded9ce:var(--accent-soft);--tone-dedbd3:#dedbd3;--tone-dfa77e:var(--accent);--tone-dfc33b:#dfc33b;--tone-dfded5:#dfded5;--tone-dfe8d6:#dfe8d6;--tone-dfebe7:#dfebe7;--tone-dff1fa:#dff1fa;--tone-e0c7af:var(--accent);--tone-e0e5ee:#e0e5ee;--tone-e0e7d9:#e0e7d9;--tone-e1e5ee:#e1e5ee;--tone-e2ccbc:var(--accent-soft);--tone-e2ded5:var(--accent-soft);--tone-e3dfee:#e3dfee;--tone-e3e9ed:#e3e9ed;--tone-e4d9f8:#e4d9f8;--tone-e5eadf:#e5eadf;--tone-e5eae9:var(--line);--tone-e5f3e9:#e5f3e9;--tone-e5f5f3:#e5f5f3;--tone-e6c78f:var(--accent);--tone-e6e3dc:var(--line);--tone-e6e8e1:var(--line);--tone-e6e9df:#e6e9df;--tone-e6eade:#e6eade;--tone-e6eadf:#e6eadf;--tone-e7aa7d:var(--accent);--tone-e7dfd4:var(--accent-soft);--tone-e7ece3:#e7ece3;--tone-e8e1d7:var(--accent-soft);--tone-e8e4ef:#e8e4ef;--tone-e8ecdf:#e8ecdf;--tone-e9b98e:var(--accent);--tone-e9e3d8:var(--accent-soft);--tone-e9e4dc:var(--accent-soft);--tone-e9e6db:var(--accent-soft);--tone-e9e6df:var(--accent-soft);--tone-e9e8df:#e9e8df;--tone-e9e8e2:var(--line);--tone-e9edf6:#e9edf6;--tone-e9f5e9:#e9f5e9;--tone-ead4bb:var(--accent-soft);--tone-ead5bd:var(--accent-soft);--tone-eaf1e4:#eaf1e4;--tone-eaf2ff:#eaf2ff;--tone-ebe5da:var(--accent-soft);--tone-ec8748:var(--accent);--tone-ec945f:var(--accent);--tone-ecebe4:var(--line);--tone-ecebe5:var(--line);--tone-eceedd:#eceedd;--tone-ed793c:var(--accent);--tone-ed793c18:#ed793c18;--tone-ed8244:var(--accent);--tone-ed8845:var(--accent);--tone-ed945d:var(--accent);--tone-ed9564:var(--accent);--tone-ed9a6c:var(--accent);--tone-edcec8:var(--accent-soft);--tone-edf1e6:#edf1e6;--tone-edf1f8:#edf1f8;--tone-edf4ef:#edf4ef;--tone-edf6ef:#edf6ef;--tone-edf7ef:#edf7ef;--tone-eeb989:var(--accent);--tone-eee:var(--line);--tone-eee4d5:var(--accent-soft);--tone-eee4d8:var(--accent-soft);--tone-eee5da:var(--accent-soft);--tone-eee8df:var(--accent-soft);--tone-eeeae2:var(--accent-soft);--tone-eeebe4:var(--accent-soft);--tone-eeede7:var(--line);--tone-efb088:var(--accent);--tone-efeee7:#efeee7;--tone-f0e2d0:var(--accent-soft);--tone-f0e6d3:var(--accent-soft);--tone-f0ece2:var(--accent-soft);--tone-f0edf9:#f0edf9;--tone-f0eee6:#f0eee6;--tone-f0efe9:#f0efe9;--tone-f0f7f6:#f0f7f6;--tone-f1e6d7:var(--accent-soft);--tone-f1e6e1:var(--accent-soft);--tone-f1ede5:var(--accent-soft);--tone-f1f0eb:var(--line);--tone-f2edfc:#f2edfc;--tone-f2f0e9:var(--accent-soft);--tone-f3dcc44a:#f3dcc44a;--tone-f3e3d5:var(--accent-soft);--tone-f3e6d4:var(--accent-soft);--tone-f3f0ea:var(--accent-soft);--tone-f3f2ed:#f3f2ed;--tone-f3f3ef:var(--line);--tone-f3f5fb:#f3f5fb;--tone-f3f6f2:#f3f6f2;--tone-f3f6f8:#f3f6f8;--tone-f3f8fa:#f3f8fa;--tone-f4a2431c:#f4a2431c;--tone-f4f2ed:var(--accent-soft);--tone-f4f3ed:#f4f3ed;--tone-f4f3ef:var(--accent-soft);--tone-f4f6f0:#f4f6f0;--tone-f4f8ed:#f4f8ed;--tone-f5772c:var(--accent);--tone-f5bb77:var(--accent);--tone-f5dfac:var(--accent-soft);--tone-f5e8ed:#f5e8ed;--tone-f5eae0:var(--accent-soft);--tone-f5f5ef:#f5f5ef;--tone-f5f7f1:#f5f7f1;--tone-f5f7f2:#f5f7f2;--tone-f5f9fa:#f5f9fa;--tone-f5faf6:#f5faf6;--tone-f6c7a7:var(--accent-soft);--tone-f6f4ee:var(--accent-soft);--tone-f6f5fb:#f6f5fb;--tone-f6f8f2:#f6f8f2;--tone-f7e9d9:var(--accent-soft);--tone-f7f1e8:var(--accent-soft);--tone-f7f7f3:#f7f7f3;--tone-f8b98f:var(--accent);--tone-f8d2d2:#f8d2d2;--tone-f99b4f:var(--accent);--tone-f9ecdc:var(--accent-soft);--tone-f9f1e7:var(--accent-soft);--tone-f9f5ef:var(--accent-soft);--tone-f9f7f3:var(--accent-soft);--tone-faf2e9:var(--accent-soft);--tone-faf3e6:var(--accent-soft);--tone-faf7f0:var(--accent-soft);--tone-faf8f2:var(--accent-soft);--tone-faf9f6:var(--accent-soft);--tone-fafaf7:#fafaf7;--tone-fafbf7:#fafbf7;--tone-fafbf8:#fafbf8;--tone-fca44d0c:#fca44d0c;--tone-fcf5eb:var(--accent-soft);--tone-fcfaf6:var(--accent-soft);--tone-fcfbf8:var(--accent-soft);--tone-fcfcfa:#fcfcfa;--tone-fdf7ed:var(--accent-soft);--tone-ffa936:var(--accent);--tone-ffc18b:var(--accent);--tone-ffd3b5:var(--accent-soft);--tone-ffe45c:#ffe45c;--tone-ffeded:#ffeded;--tone-fff:var(--surface);--tone-fff0dc:var(--accent-soft);--tone-fff0e6:var(--accent-soft);--tone-fff0ee:#fff0ee;--tone-fff2e6:var(--accent-soft);--tone-fff3d9:var(--accent-soft);--tone-fff4dc:var(--accent-soft);--tone-fff4e9:var(--accent-soft);--tone-fff5ed:var(--accent-soft);--tone-fff6e7:var(--accent-soft);--tone-fff8f0:var(--accent-soft);--tone-fff9f7:var(--accent-soft);--tone-fffaf4:var(--accent-soft);--tone-fffbef:var(--accent-soft);--tone-fffcf8:var(--accent-soft);--tone-fffefb:var(--accent-soft);--tone-ffffffb8:#ffffffb8}
@media screen{
html[data-palette="sand"]{--accent:#a65732;--accent-dark:#e7aa87;--bg:#f9f6f1;--accent-soft:#f8ede4}
html[data-palette="sage"]{--accent:#43735e;--accent-dark:#a1c9b2;--bg:#f4f7f3;--accent-soft:#e8f1e9}
html[data-palette="blue"]{--accent:#406b90;--accent-dark:#9ec3e0;--bg:#f3f6f9;--accent-soft:#e7eff7}
html[data-palette="lavender"]{--accent:#735c91;--accent-dark:#c5b1df;--bg:#f7f4f9;--accent-soft:#efe8f5}
html[data-palette="rose"]{--accent:#96576b;--accent-dark:#e0afbf;--bg:#faf4f5;--accent-soft:#f6e8ec}
html[data-mode="dark"]{--accent:var(--accent-dark);--bg:#151b21;--surface:#1d252d;--ink:#e5ebe9;--muted:#b0bbb8;--line:#35414a;--accent-soft:color-mix(in srgb,var(--accent) 13%,#1d252d);--on-accent:#18201f;--tone-00000008:#00000008;--tone-0001:#0001;--tone-0002:#0002;--tone-17536b:hsl(197 30% 76%);--tone-222:var(--ink);--tone-24180926:#24180926;--tone-24536a:hsl(200 30% 76%);--tone-26170f:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-277344:hsl(143 38% 74%);--tone-28231c55:hsla(35,30%,55%,0.333);--tone-285e31:hsl(130 30% 76%);--tone-292925:var(--ink);--tone-29292512:hsla(60,30%,55%,0.071);--tone-30280b:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-302e2a:var(--ink);--tone-318658:hsl(148 38% 74%);--tone-333:var(--ink);--tone-33382e:var(--ink);--tone-343c30:var(--ink);--tone-375766:hsl(199 38% 74%);--tone-39362f:var(--ink);--tone-437b61:hsl(152 38% 74%);--tone-43846b:hsl(157 38% 74%);--tone-454b40:var(--ink);--tone-4c8260:hsl(142 38% 74%);--tone-51846b:hsl(151 38% 74%);--tone-525948:var(--ink);--tone-555:var(--ink);--tone-56564a:var(--ink);--tone-565d4e:var(--ink);--tone-577b72:var(--muted);--tone-5b5b50:var(--ink);--tone-605b52:var(--ink);--tone-62818e:hsl(198 38% 74%);--tone-633018:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-64758a:var(--muted);--tone-66885c:hsl(106 38% 74%);--tone-676a60:var(--muted);--tone-686254:var(--ink);--tone-6f815d:var(--muted);--tone-706b62:var(--muted);--tone-713614:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-73776d:var(--muted);--tone-737f61:var(--muted);--tone-746c60:var(--muted);--tone-747268:var(--muted);--tone-767b6f:var(--muted);--tone-769251:hsl(86 38% 74%);--tone-777d72:var(--muted);--tone-778bab:hsl(217 38% 74%);--tone-7a9068:var(--muted);--tone-7a926d:var(--muted);--tone-7a9979:var(--muted);--tone-7b7d73:var(--muted);--tone-7b886b:var(--muted);--tone-7b8e95:var(--muted);--tone-7b9b80:var(--muted);--tone-7c8a60:var(--muted);--tone-7d7596:var(--muted);--tone-7e5935:var(--accent);--tone-808574:var(--muted);--tone-808578:var(--muted);--tone-856408:color-mix(in srgb,var(--accent) 30%,#16191c);--tone-85867e:var(--muted);--tone-858c7b:var(--muted);--tone-867e6c:var(--muted);--tone-869abd:hsl(218 38% 74%);--tone-86a597:var(--muted);--tone-89969a:var(--muted);--tone-8b7661:var(--muted);--tone-8b7861:var(--muted);--tone-8b897d:var(--muted);--tone-8b8c85:var(--muted);--tone-8ba17b:var(--muted);--tone-8c8a7f:var(--muted);--tone-8c8f80:var(--muted);--tone-8c9480:var(--muted);--tone-8d8276:var(--muted);--tone-8f8e83:var(--muted);--tone-8f9488:var(--muted);--tone-8faaa2:var(--muted);--tone-90c8dd:hsl(196 38% 74%);--tone-919387:var(--muted);--tone-92958c:var(--muted);--tone-92b3a1:var(--muted);--tone-93958a:var(--muted);--tone-949489:var(--muted);--tone-94ae7a:hsl(90 38% 74%);--tone-95998c:var(--muted);--tone-959b8f:var(--muted);--tone-96897e:var(--muted);--tone-96998a:var(--muted);--tone-96998e:var(--muted);--tone-969a8e:var(--muted);--tone-969c8e:var(--muted);--tone-97917f:var(--muted);--tone-979284:var(--muted);--tone-98a685:var(--muted);--tone-999:var(--muted);--tone-99968a:var(--muted);--tone-999786:var(--muted);--tone-999b8c:var(--muted);--tone-9a9f90:var(--muted);--tone-9b671e:var(--accent);--tone-9b6d24:var(--accent);--tone-9b7962:var(--accent);--tone-9b8061:var(--accent);--tone-9b9d91:var(--muted);--tone-9b9e90:var(--muted);--tone-9c9a8f:var(--muted);--tone-9c9f93:var(--muted);--tone-9e9d92:var(--muted);--tone-9fcba3:hsl(125 38% 74%);--tone-a09b8d:var(--muted);--tone-a09b8e:var(--muted);--tone-a0a390:var(--muted);--tone-a0a394:var(--muted);--tone-a0a396:var(--muted);--tone-a17e3a:var(--accent);--tone-a1a396:var(--muted);--tone-a1a594:var(--muted);--tone-a28b6a:var(--accent);--tone-a28b72:var(--accent);--tone-a2a093:var(--muted);--tone-a2a49b:var(--muted);--tone-a394bb:hsl(263 38% 74%);--tone-a3a08f:var(--muted);--tone-a3a194:var(--muted);--tone-a3a49a:var(--muted);--tone-a3a697:var(--muted);--tone-a4a091:var(--muted);--tone-a4a094:var(--muted);--tone-a4a195:var(--muted);--tone-a4a294:var(--muted);--tone-a4a59b:var(--muted);--tone-a59e8d:var(--muted);--tone-a5a69b:var(--muted);--tone-a64f43:hsl(7 38% 74%);--tone-a6a294:var(--muted);--tone-a6a998:var(--muted);--tone-a7a99e:var(--muted);--tone-a84b35:var(--accent);--tone-a85637:var(--accent);--tone-a9d5b7:hsl(139 38% 74%);--tone-aaa08f:var(--muted);--tone-aaac9f:var(--muted);--tone-aabda5:var(--muted);--tone-ab8972:var(--accent);--tone-ac6552:var(--accent);--tone-ac773e:var(--accent);--tone-ad692f:var(--accent);--tone-ad7a8e:hsl(336 38% 74%);--tone-ad987b:var(--accent);--tone-b08429:var(--accent);--tone-b17a50:var(--accent);--tone-b1b7ad:var(--muted);--tone-b26e39:var(--accent);--tone-b27869:var(--accent);--tone-b2a495:var(--muted);--tone-b2b3aa:var(--muted);--tone-b2b4a7:var(--muted);--tone-b39a6d:var(--accent);--tone-b4b4aa:var(--muted);--tone-b4b7aa:var(--muted);--tone-b5a897:var(--muted);--tone-b5a8c8:hsl(264 38% 74%);--tone-b64e43:hsl(6 38% 74%);--tone-b6d7bf:hsl(136 38% 74%);--tone-b75222:var(--accent);--tone-b75e4e:var(--accent);--tone-b7843d:var(--accent);--tone-b85e3e:var(--accent);--tone-b95a27:var(--accent);--tone-b9b1cf:hsl(256 38% 74%);--tone-b9d8e8:hsl(200 22% 20%);--tone-bba78d:var(--accent);--tone-bbb4a9:var(--muted);--tone-bc764c:var(--accent);--tone-bd6961:hsl(5 38% 74%);--tone-bd7343:var(--accent);--tone-be8c7f:var(--accent);--tone-bf725e:var(--accent);--tone-bf7547:var(--accent);--tone-bf784c:var(--accent);--tone-bf9a77:var(--accent);--tone-c37447:var(--accent);--tone-c49673:var(--accent);--tone-c66d32:var(--accent);--tone-c78c60:var(--accent);--tone-c7d5b7:hsl(88 38% 74%);--tone-c7e8e2:hsl(169 22% 20%);--tone-c8ecfa:hsl(197 22% 20%);--tone-c9834e:var(--accent);--tone-cce5cd:hsl(122 22% 20%);--tone-ce9c60:var(--accent);--tone-d0b9a8:var(--accent);--tone-d28b56:var(--accent);--tone-d3edd4:hsl(122 22% 20%);--tone-d5b976:var(--accent);--tone-d5e5ff:hsl(217 22% 20%);--tone-d7c8b8:var(--accent);--tone-d87135:var(--accent);--tone-d9ded8:var(--muted);--tone-d9dfd2:var(--muted);--tone-dc6b2e:var(--accent);--tone-dce7ed:hsl(201 22% 20%);--tone-ddd:var(--muted);--tone-ded9ce:var(--accent-soft);--tone-dedbd3:var(--muted);--tone-dfa77e:var(--accent);--tone-dfc33b:hsl(50 38% 74%);--tone-dfded5:var(--muted);--tone-dfe8d6:hsl(90 22% 20%);--tone-dfebe7:hsl(160 22% 20%);--tone-dff1fa:hsl(200 22% 20%);--tone-e0c7af:var(--accent);--tone-e0e5ee:hsl(219 22% 20%);--tone-e0e7d9:hsl(90 22% 20%);--tone-e1e5ee:hsl(222 22% 20%);--tone-e2ccbc:var(--accent-soft);--tone-e2ded5:var(--accent-soft);--tone-e3dfee:hsl(256 22% 20%);--tone-e3e9ed:hsl(204 22% 20%);--tone-e4d9f8:hsl(261 22% 20%);--tone-e5eadf:hsl(87 22% 20%);--tone-e5eae9:var(--line);--tone-e5f3e9:hsl(137 22% 20%);--tone-e5f5f3:hsl(172 22% 20%);--tone-e6c78f:var(--accent);--tone-e6e3dc:var(--line);--tone-e6e8e1:var(--line);--tone-e6e9df:hsl(78 22% 20%);--tone-e6eade:hsl(80 22% 20%);--tone-e6eadf:hsl(82 22% 20%);--tone-e7aa7d:var(--accent);--tone-e7dfd4:var(--accent-soft);--tone-e7ece3:hsl(93 22% 20%);--tone-e8e1d7:var(--accent-soft);--tone-e8e4ef:hsl(262 22% 20%);--tone-e8ecdf:hsl(78 22% 20%);--tone-e9b98e:var(--accent);--tone-e9e3d8:var(--accent-soft);--tone-e9e4dc:var(--accent-soft);--tone-e9e6db:var(--accent-soft);--tone-e9e6df:var(--accent-soft);--tone-e9e8df:hsl(54 22% 20%);--tone-e9e8e2:var(--line);--tone-e9edf6:hsl(222 22% 20%);--tone-e9f5e9:hsl(120 22% 20%);--tone-ead4bb:var(--accent-soft);--tone-ead5bd:var(--accent-soft);--tone-eaf1e4:hsl(92 22% 20%);--tone-eaf2ff:hsl(217 22% 20%);--tone-ebe5da:var(--accent-soft);--tone-ec8748:var(--accent);--tone-ec945f:var(--accent);--tone-ecebe4:var(--line);--tone-ecebe5:var(--line);--tone-eceedd:hsl(67 22% 20%);--tone-ed793c:var(--accent);--tone-ed793c18:hsla(21,30%,55%,0.094);--tone-ed8244:var(--accent);--tone-ed8845:var(--accent);--tone-ed945d:var(--accent);--tone-ed9564:var(--accent);--tone-ed9a6c:var(--accent);--tone-edcec8:var(--accent-soft);--tone-edf1e6:hsl(82 22% 20%);--tone-edf1f8:hsl(218 22% 20%);--tone-edf4ef:hsl(137 22% 20%);--tone-edf6ef:hsl(133 22% 20%);--tone-edf7ef:hsl(132 22% 20%);--tone-eeb989:var(--accent);--tone-eee:var(--line);--tone-eee4d5:var(--accent-soft);--tone-eee4d8:var(--accent-soft);--tone-eee5da:var(--accent-soft);--tone-eee8df:var(--accent-soft);--tone-eeeae2:var(--accent-soft);--tone-eeebe4:var(--accent-soft);--tone-eeede7:var(--line);--tone-efb088:var(--accent);--tone-efeee7:hsl(53 22% 20%);--tone-f0e2d0:var(--accent-soft);--tone-f0e6d3:var(--accent-soft);--tone-f0ece2:var(--accent-soft);--tone-f0edf9:hsl(255 22% 20%);--tone-f0eee6:hsl(48 22% 20%);--tone-f0efe9:hsl(51 22% 20%);--tone-f0f7f6:hsl(171 22% 20%);--tone-f1e6d7:var(--accent-soft);--tone-f1e6e1:var(--accent-soft);--tone-f1ede5:var(--accent-soft);--tone-f1f0eb:var(--line);--tone-f2edfc:hsl(260 22% 20%);--tone-f2f0e9:var(--accent-soft);--tone-f3dcc44a:rgba(120,140,160,0.290);--tone-f3e3d5:var(--accent-soft);--tone-f3e6d4:var(--accent-soft);--tone-f3f0ea:var(--accent-soft);--tone-f3f2ed:hsl(50 22% 20%);--tone-f3f3ef:var(--line);--tone-f3f5fb:hsl(225 22% 20%);--tone-f3f6f2:hsl(105 22% 20%);--tone-f3f6f8:hsl(204 22% 20%);--tone-f3f8fa:hsl(197 22% 20%);--tone-f4a2431c:hsla(32,30%,55%,0.110);--tone-f4f2ed:var(--accent-soft);--tone-f4f3ed:hsl(51 22% 20%);--tone-f4f3ef:var(--accent-soft);--tone-f4f6f0:hsl(80 22% 20%);--tone-f4f8ed:hsl(82 22% 20%);--tone-f5772c:var(--accent);--tone-f5bb77:var(--accent);--tone-f5dfac:var(--accent-soft);--tone-f5e8ed:hsl(337 22% 20%);--tone-f5eae0:var(--accent-soft);--tone-f5f5ef:hsl(60 22% 20%);--tone-f5f7f1:hsl(80 22% 20%);--tone-f5f7f2:hsl(84 22% 20%);--tone-f5f9fa:hsl(192 22% 20%);--tone-f5faf6:hsl(132 22% 20%);--tone-f6c7a7:var(--accent-soft);--tone-f6f4ee:var(--accent-soft);--tone-f6f5fb:hsl(250 22% 20%);--tone-f6f8f2:hsl(80 22% 20%);--tone-f7e9d9:var(--accent-soft);--tone-f7f1e8:var(--accent-soft);--tone-f7f7f3:hsl(60 22% 20%);--tone-f8b98f:var(--accent);--tone-f8d2d2:hsl(0 22% 20%);--tone-f99b4f:var(--accent);--tone-f9ecdc:var(--accent-soft);--tone-f9f1e7:var(--accent-soft);--tone-f9f5ef:var(--accent-soft);--tone-f9f7f3:var(--accent-soft);--tone-faf2e9:var(--accent-soft);--tone-faf3e6:var(--accent-soft);--tone-faf7f0:var(--accent-soft);--tone-faf8f2:var(--accent-soft);--tone-faf9f6:var(--accent-soft);--tone-fafaf7:hsl(60 22% 20%);--tone-fafbf7:hsl(75 22% 20%);--tone-fafbf8:hsl(80 22% 20%);--tone-fca44d0c:hsla(30,30%,55%,0.047);--tone-fcf5eb:var(--accent-soft);--tone-fcfaf6:var(--accent-soft);--tone-fcfbf8:var(--accent-soft);--tone-fcfcfa:hsl(60 22% 20%);--tone-fdf7ed:var(--accent-soft);--tone-ffa936:var(--accent);--tone-ffc18b:var(--accent);--tone-ffd3b5:var(--accent-soft);--tone-ffe45c:hsl(50 38% 74%);--tone-ffeded:hsl(0 22% 20%);--tone-fff:var(--surface);--tone-fff0dc:var(--accent-soft);--tone-fff0e6:var(--accent-soft);--tone-fff0ee:hsl(7 22% 20%);--tone-fff2e6:var(--accent-soft);--tone-fff3d9:var(--accent-soft);--tone-fff4dc:var(--accent-soft);--tone-fff4e9:var(--accent-soft);--tone-fff5ed:var(--accent-soft);--tone-fff6e7:var(--accent-soft);--tone-fff8f0:var(--accent-soft);--tone-fff9f7:var(--accent-soft);--tone-fffaf4:var(--accent-soft);--tone-fffbef:var(--accent-soft);--tone-fffcf8:var(--accent-soft);--tone-fffefb:var(--accent-soft);--tone-ffffffb8:rgba(120,140,160,0.722)}

html{color-scheme:light}html[data-mode="dark"]{color-scheme:dark}
body{background:var(--bg);color:var(--ink)}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.secondary{background:var(--surface)}.secondary:hover{background:var(--accent-soft)}.sidebar,.topbar,dialog,.formfoot,input,select,textarea{background-color:var(--surface);color:var(--ink)}input,select,textarea{border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}.welcome{background:var(--bg)}.welcome-art{color:#fff}.welcome-art .brand{color:#fff}.welcome-art .brand-caption{color:#e6d4c5}.welcome-art .brand-logo{filter:brightness(0) invert(1)}html[data-mode="dark"] .sidebar .brand img{filter:brightness(0) invert(1)}html[data-mode="dark"] .welcome-form{background:var(--bg)}html[data-mode="dark"] dialog::backdrop{background:#0009}.icon{color:inherit}a:focus-visible,button:focus-visible{outline-color:var(--accent)}input:focus,textarea:focus,select:focus{outline-color:var(--accent)}input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}
.appearance-trigger{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:700;white-space:nowrap}.appearance-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.appearance-intro{color:var(--muted);max-width:48ch}.appearance-palettes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.palette-choice{border:2px solid var(--line);border-radius:13px;padding:10px;min-width:0;text-align:left;background:var(--surface);display:grid;gap:9px}.palette-choice[aria-checked="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.palette-mini{display:grid;grid-template-columns:18% 1fr;height:64px;border-radius:7px;overflow:hidden;background:var(--preview-bg)}.palette-mini aside{background:var(--preview-soft);border-right:1px solid #0001}.palette-mini section{padding:9px;display:grid;gap:5px}.palette-mini i{display:block;height:5px;background:var(--preview-accent);border-radius:4px;width:55%}.palette-mini b{background:#ffffffb3;border:1px solid #0001;border-radius:4px}.palette-choice span{font-weight:700;font-size:calc(12px + var(--font-step,0px));display:flex;justify-content:space-between;align-items:center}.palette-check{opacity:0}.palette-choice[aria-checked="true"] .palette-check{opacity:1;color:var(--accent)}.appearance-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.appearance-mode{border:1px solid var(--line);padding:12px;border-radius:11px;background:var(--surface);font-weight:700}.appearance-mode[aria-checked="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.appearance-note{border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--muted);font-size:calc(12px + var(--font-step,0px))}.appearance-section{display:grid;gap:12px}
@media(max-width:650px){.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-trigger .appearance-label{display:none}.appearance-modes{gap:5px}.appearance-mode{padding:10px 6px}}
}

@media screen{.search{background:var(--surface)}thead th{background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--ink)}html[data-mode="dark"] thead th{background:#28323b!important;color:var(--ink)!important}html[data-mode="dark"] .sidebar .brand-symbol,html[data-mode="dark"] .sidebar .brand-wordmark{filter:grayscale(1) contrast(10) invert(1);mix-blend-mode:screen}html[data-mode="dark"] .search{background:var(--surface)} }

@media screen{html[data-palette="original"]{--accent-dark:#efb58f}html[data-palette="original"][data-mode="light"]{--accent:#ed793c;--accent-soft:#fff0e6;--bg:#faf9f6;--ink:#292925;--muted:#8b8c85;--line:#eeede7;--surface:#fff;--on-accent:#fff;--tone-00000008:#00000008;--tone-0001:#0001;--tone-0002:#0002;--tone-17536b:#17536b;--tone-222:#222;--tone-24180926:#24180926;--tone-24536a:#24536a;--tone-26170f:#26170f;--tone-277344:#277344;--tone-28231c55:#28231c55;--tone-285e31:#285e31;--tone-292925:#292925;--tone-29292512:#29292512;--tone-30280b:#30280b;--tone-302e2a:#302e2a;--tone-318658:#318658;--tone-333:#333;--tone-33382e:#33382e;--tone-343c30:#343c30;--tone-375766:#375766;--tone-39362f:#39362f;--tone-437b61:#437b61;--tone-43846b:#43846b;--tone-454b40:#454b40;--tone-4c8260:#4c8260;--tone-51846b:#51846b;--tone-525948:#525948;--tone-555:#555;--tone-56564a:#56564a;--tone-565d4e:#565d4e;--tone-577b72:#577b72;--tone-5b5b50:#5b5b50;--tone-605b52:#605b52;--tone-62818e:#62818e;--tone-633018:#633018;--tone-64758a:#64758a;--tone-66885c:#66885c;--tone-676a60:#676a60;--tone-686254:#686254;--tone-6f815d:#6f815d;--tone-706b62:#706b62;--tone-713614:#713614;--tone-73776d:#73776d;--tone-737f61:#737f61;--tone-746c60:#746c60;--tone-747268:#747268;--tone-767b6f:#767b6f;--tone-769251:#769251;--tone-777d72:#777d72;--tone-778bab:#778bab;--tone-7a9068:#7a9068;--tone-7a926d:#7a926d;--tone-7a9979:#7a9979;--tone-7b7d73:#7b7d73;--tone-7b886b:#7b886b;--tone-7b8e95:#7b8e95;--tone-7b9b80:#7b9b80;--tone-7c8a60:#7c8a60;--tone-7d7596:#7d7596;--tone-7e5935:#7e5935;--tone-808574:#808574;--tone-808578:#808578;--tone-856408:#856408;--tone-85867e:#85867e;--tone-858c7b:#858c7b;--tone-867e6c:#867e6c;--tone-869abd:#869abd;--tone-86a597:#86a597;--tone-89969a:#89969a;--tone-8b7661:#8b7661;--tone-8b7861:#8b7861;--tone-8b897d:#8b897d;--tone-8b8c85:#8b8c85;--tone-8ba17b:#8ba17b;--tone-8c8a7f:#8c8a7f;--tone-8c8f80:#8c8f80;--tone-8c9480:#8c9480;--tone-8d8276:#8d8276;--tone-8f8e83:#8f8e83;--tone-8f9488:#8f9488;--tone-8faaa2:#8faaa2;--tone-90c8dd:#90c8dd;--tone-919387:#919387;--tone-92958c:#92958c;--tone-92b3a1:#92b3a1;--tone-93958a:#93958a;--tone-949489:#949489;--tone-94ae7a:#94ae7a;--tone-95998c:#95998c;--tone-959b8f:#959b8f;--tone-96897e:#96897e;--tone-96998a:#96998a;--tone-96998e:#96998e;--tone-969a8e:#969a8e;--tone-969c8e:#969c8e;--tone-97917f:#97917f;--tone-979284:#979284;--tone-98a685:#98a685;--tone-999:#999;--tone-99968a:#99968a;--tone-999786:#999786;--tone-999b8c:#999b8c;--tone-9a9f90:#9a9f90;--tone-9b671e:#9b671e;--tone-9b6d24:#9b6d24;--tone-9b7962:#9b7962;--tone-9b8061:#9b8061;--tone-9b9d91:#9b9d91;--tone-9b9e90:#9b9e90;--tone-9c9a8f:#9c9a8f;--tone-9c9f93:#9c9f93;--tone-9e9d92:#9e9d92;--tone-9fcba3:#9fcba3;--tone-a09b8d:#a09b8d;--tone-a09b8e:#a09b8e;--tone-a0a390:#a0a390;--tone-a0a394:#a0a394;--tone-a0a396:#a0a396;--tone-a17e3a:#a17e3a;--tone-a1a396:#a1a396;--tone-a1a594:#a1a594;--tone-a28b6a:#a28b6a;--tone-a28b72:#a28b72;--tone-a2a093:#a2a093;--tone-a2a49b:#a2a49b;--tone-a394bb:#a394bb;--tone-a3a08f:#a3a08f;--tone-a3a194:#a3a194;--tone-a3a49a:#a3a49a;--tone-a3a697:#a3a697;--tone-a4a091:#a4a091;--tone-a4a094:#a4a094;--tone-a4a195:#a4a195;--tone-a4a294:#a4a294;--tone-a4a59b:#a4a59b;--tone-a59e8d:#a59e8d;--tone-a5a69b:#a5a69b;--tone-a64f43:#a64f43;--tone-a6a294:#a6a294;--tone-a6a998:#a6a998;--tone-a7a99e:#a7a99e;--tone-a84b35:#a84b35;--tone-a85637:#a85637;--tone-a9d5b7:#a9d5b7;--tone-aaa08f:#aaa08f;--tone-aaac9f:#aaac9f;--tone-aabda5:#aabda5;--tone-ab8972:#ab8972;--tone-ac6552:#ac6552;--tone-ac773e:#ac773e;--tone-ad692f:#ad692f;--tone-ad7a8e:#ad7a8e;--tone-ad987b:#ad987b;--tone-b08429:#b08429;--tone-b17a50:#b17a50;--tone-b1b7ad:#b1b7ad;--tone-b26e39:#b26e39;--tone-b27869:#b27869;--tone-b2a495:#b2a495;--tone-b2b3aa:#b2b3aa;--tone-b2b4a7:#b2b4a7;--tone-b39a6d:#b39a6d;--tone-b4b4aa:#b4b4aa;--tone-b4b7aa:#b4b7aa;--tone-b5a897:#b5a897;--tone-b5a8c8:#b5a8c8;--tone-b64e43:#b64e43;--tone-b6d7bf:#b6d7bf;--tone-b75222:#b75222;--tone-b75e4e:#b75e4e;--tone-b7843d:#b7843d;--tone-b85e3e:#b85e3e;--tone-b95a27:#b95a27;--tone-b9b1cf:#b9b1cf;--tone-b9d8e8:#b9d8e8;--tone-bba78d:#bba78d;--tone-bbb4a9:#bbb4a9;--tone-bc764c:#bc764c;--tone-bd6961:#bd6961;--tone-bd7343:#bd7343;--tone-be8c7f:#be8c7f;--tone-bf725e:#bf725e;--tone-bf7547:#bf7547;--tone-bf784c:#bf784c;--tone-bf9a77:#bf9a77;--tone-c37447:#c37447;--tone-c49673:#c49673;--tone-c66d32:#c66d32;--tone-c78c60:#c78c60;--tone-c7d5b7:#c7d5b7;--tone-c7e8e2:#c7e8e2;--tone-c8ecfa:#c8ecfa;--tone-c9834e:#c9834e;--tone-cce5cd:#cce5cd;--tone-ce9c60:#ce9c60;--tone-d0b9a8:#d0b9a8;--tone-d28b56:#d28b56;--tone-d3edd4:#d3edd4;--tone-d5b976:#d5b976;--tone-d5e5ff:#d5e5ff;--tone-d7c8b8:#d7c8b8;--tone-d87135:#d87135;--tone-d9ded8:#d9ded8;--tone-d9dfd2:#d9dfd2;--tone-dc6b2e:#dc6b2e;--tone-dce7ed:#dce7ed;--tone-ddd:#ddd;--tone-ded9ce:#ded9ce;--tone-dedbd3:#dedbd3;--tone-dfa77e:#dfa77e;--tone-dfc33b:#dfc33b;--tone-dfded5:#dfded5;--tone-dfe8d6:#dfe8d6;--tone-dfebe7:#dfebe7;--tone-dff1fa:#dff1fa;--tone-e0c7af:#e0c7af;--tone-e0e5ee:#e0e5ee;--tone-e0e7d9:#e0e7d9;--tone-e1e5ee:#e1e5ee;--tone-e2ccbc:#e2ccbc;--tone-e2ded5:#e2ded5;--tone-e3dfee:#e3dfee;--tone-e3e9ed:#e3e9ed;--tone-e4d9f8:#e4d9f8;--tone-e5eadf:#e5eadf;--tone-e5eae9:#e5eae9;--tone-e5f3e9:#e5f3e9;--tone-e5f5f3:#e5f5f3;--tone-e6c78f:#e6c78f;--tone-e6e3dc:#e6e3dc;--tone-e6e8e1:#e6e8e1;--tone-e6e9df:#e6e9df;--tone-e6eade:#e6eade;--tone-e6eadf:#e6eadf;--tone-e7aa7d:#e7aa7d;--tone-e7dfd4:#e7dfd4;--tone-e7ece3:#e7ece3;--tone-e8e1d7:#e8e1d7;--tone-e8e4ef:#e8e4ef;--tone-e8ecdf:#e8ecdf;--tone-e9b98e:#e9b98e;--tone-e9e3d8:#e9e3d8;--tone-e9e4dc:#e9e4dc;--tone-e9e6db:#e9e6db;--tone-e9e6df:#e9e6df;--tone-e9e8df:#e9e8df;--tone-e9e8e2:#e9e8e2;--tone-e9edf6:#e9edf6;--tone-e9f5e9:#e9f5e9;--tone-ead4bb:#ead4bb;--tone-ead5bd:#ead5bd;--tone-eaf1e4:#eaf1e4;--tone-eaf2ff:#eaf2ff;--tone-ebe5da:#ebe5da;--tone-ec8748:#ec8748;--tone-ec945f:#ec945f;--tone-ecebe4:#ecebe4;--tone-ecebe5:#ecebe5;--tone-eceedd:#eceedd;--tone-ed793c:#ed793c;--tone-ed793c18:#ed793c18;--tone-ed8244:#ed8244;--tone-ed8845:#ed8845;--tone-ed945d:#ed945d;--tone-ed9564:#ed9564;--tone-ed9a6c:#ed9a6c;--tone-edcec8:#edcec8;--tone-edf1e6:#edf1e6;--tone-edf1f8:#edf1f8;--tone-edf4ef:#edf4ef;--tone-edf6ef:#edf6ef;--tone-edf7ef:#edf7ef;--tone-eeb989:#eeb989;--tone-eee:#eee;--tone-eee4d5:#eee4d5;--tone-eee4d8:#eee4d8;--tone-eee5da:#eee5da;--tone-eee8df:#eee8df;--tone-eeeae2:#eeeae2;--tone-eeebe4:#eeebe4;--tone-eeede7:#eeede7;--tone-efb088:#efb088;--tone-efeee7:#efeee7;--tone-f0e2d0:#f0e2d0;--tone-f0e6d3:#f0e6d3;--tone-f0ece2:#f0ece2;--tone-f0edf9:#f0edf9;--tone-f0eee6:#f0eee6;--tone-f0efe9:#f0efe9;--tone-f0f7f6:#f0f7f6;--tone-f1e6d7:#f1e6d7;--tone-f1e6e1:#f1e6e1;--tone-f1ede5:#f1ede5;--tone-f1f0eb:#f1f0eb;--tone-f2edfc:#f2edfc;--tone-f2f0e9:#f2f0e9;--tone-f3dcc44a:#f3dcc44a;--tone-f3e3d5:#f3e3d5;--tone-f3e6d4:#f3e6d4;--tone-f3f0ea:#f3f0ea;--tone-f3f2ed:#f3f2ed;--tone-f3f3ef:#f3f3ef;--tone-f3f5fb:#f3f5fb;--tone-f3f6f2:#f3f6f2;--tone-f3f6f8:#f3f6f8;--tone-f3f8fa:#f3f8fa;--tone-f4a2431c:#f4a2431c;--tone-f4f2ed:#f4f2ed;--tone-f4f3ed:#f4f3ed;--tone-f4f3ef:#f4f3ef;--tone-f4f6f0:#f4f6f0;--tone-f4f8ed:#f4f8ed;--tone-f5772c:#f5772c;--tone-f5bb77:#f5bb77;--tone-f5dfac:#f5dfac;--tone-f5e8ed:#f5e8ed;--tone-f5eae0:#f5eae0;--tone-f5f5ef:#f5f5ef;--tone-f5f7f1:#f5f7f1;--tone-f5f7f2:#f5f7f2;--tone-f5f9fa:#f5f9fa;--tone-f5faf6:#f5faf6;--tone-f6c7a7:#f6c7a7;--tone-f6f4ee:#f6f4ee;--tone-f6f5fb:#f6f5fb;--tone-f6f8f2:#f6f8f2;--tone-f7e9d9:#f7e9d9;--tone-f7f1e8:#f7f1e8;--tone-f7f7f3:#f7f7f3;--tone-f8b98f:#f8b98f;--tone-f8d2d2:#f8d2d2;--tone-f99b4f:#f99b4f;--tone-f9ecdc:#f9ecdc;--tone-f9f1e7:#f9f1e7;--tone-f9f5ef:#f9f5ef;--tone-f9f7f3:#f9f7f3;--tone-faf2e9:#faf2e9;--tone-faf3e6:#faf3e6;--tone-faf7f0:#faf7f0;--tone-faf8f2:#faf8f2;--tone-faf9f6:#faf9f6;--tone-fafaf7:#fafaf7;--tone-fafbf7:#fafbf7;--tone-fafbf8:#fafbf8;--tone-fca44d0c:#fca44d0c;--tone-fcf5eb:#fcf5eb;--tone-fcfaf6:#fcfaf6;--tone-fcfbf8:#fcfbf8;--tone-fcfcfa:#fcfcfa;--tone-fdf7ed:#fdf7ed;--tone-ffa936:#ffa936;--tone-ffc18b:#ffc18b;--tone-ffd3b5:#ffd3b5;--tone-ffe45c:#ffe45c;--tone-ffeded:#ffeded;--tone-fff:#fff;--tone-fff0dc:#fff0dc;--tone-fff0e6:#fff0e6;--tone-fff0ee:#fff0ee;--tone-fff2e6:#fff2e6;--tone-fff3d9:#fff3d9;--tone-fff4dc:#fff4dc;--tone-fff4e9:#fff4e9;--tone-fff5ed:#fff5ed;--tone-fff6e7:#fff6e7;--tone-fff8f0:#fff8f0;--tone-fff9f7:#fff9f7;--tone-fffaf4:#fffaf4;--tone-fffbef:#fffbef;--tone-fffcf8:#fffcf8;--tone-fffefb:#fffefb;--tone-ffffffb8:#ffffffb8;}html[data-palette="original"][data-mode="light"] .primary:hover{background:#dc6b2e}html[data-palette="original"][data-mode="light"] .secondary:hover{background:#f4f2ed}html[data-palette="original"][data-mode="light"] .search{background:#f7f7f3}html[data-palette="original"][data-mode="light"] thead th{background:#fcfcf9;color:#a5a69b}html[data-palette="original"][data-mode="light"] .consumption-table-card .tablewrap thead th{background:#eeeae2;color:#747268}html[data-palette="original"][data-mode="light"] .welcome{background:#fffcf8}html[data-palette="original"][data-mode="light"] .welcome-art{background:radial-gradient(ellipse at 100% 100%,#b75222 0%,#633018 37%,#26170f 83%)}.appearance-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-choice>span{flex-wrap:wrap;gap:3px}.palette-default{font-size:calc(9px + var(--font-step,0px));font-weight:500;flex-basis:100%;order:3;color:var(--muted)}@media(max-width:650px){.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}}}
@media screen{
.leave-hub-nav{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);margin:0 0 24px;overflow-x:auto;padding:0 0 8px}.leave-hub-nav>button{display:inline-flex;align-items:center;gap:7px;padding:11px 15px;border-radius:9px;font-weight:700;white-space:nowrap;color:var(--muted)}.leave-hub-nav>button.active{color:var(--accent);background:var(--accent-soft)}.leave-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.leave-summary-card{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.leave-summary-card>div{min-width:0}.leave-summary-card span{color:var(--muted);font-size:calc(11px + var(--font-step,0px))}.leave-summary-card strong{display:block;margin:9px 0 6px;font-size:calc(24px + var(--font-step,0px));letter-spacing:-.7px;white-space:nowrap}.leave-summary-card small{font-size:calc(10px + var(--font-step,0px));display:block}.leave-summary-card>.icon{width:23px;height:23px;color:var(--accent);opacity:.65;margin-top:3px}.leave-summary-card.tone-3{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.leave-personal-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:20px}.leave-personal-grid .cardhead{align-items:flex-start}.leave-personal-grid th,.leave-personal-grid td{padding:13px 14px}.leave-personal-grid th{font-size:calc(10px + var(--font-step,0px))}.leave-personal-grid td{font-size:calc(12px + var(--font-step,0px))}.leave-credit-text{white-space:normal;overflow-wrap:anywhere;min-width:120px}.leave-credit-scroll{max-height:640px;overflow:auto}.leave-credit-scroll thead{position:sticky;top:0;z-index:1}.leave-status-choice{font-size:calc(10px + var(--font-step,0px));display:flex;align-items:center;gap:7px;color:var(--muted)}.leave-status-choice select{padding:6px 8px;font-size:calc(11px + var(--font-step,0px));width:auto;min-width:105px}.leave-today{display:flex;align-items:center;gap:13px;padding:17px 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);margin:20px 0}.leave-today-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.leave-today p{font-size:calc(11px + var(--font-step,0px));color:var(--muted);margin-top:3px}.leave-today>.linkbtn{margin-left:auto;white-space:nowrap}.leave-personal-grid .cardfooter{gap:10px;flex-wrap:wrap}.leave-summary-grid+.appearance-note{margin-bottom:18px}
@media(max-width:1200px){.leave-personal-grid{grid-template-columns:1fr}.leave-summary-card{padding:15px}.leave-summary-card strong{font-size:calc(20px + var(--font-step,0px))}.leave-summary-card>.icon{display:none}.leave-credit-scroll{max-height:400px}}@media(max-width:720px){.leave-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-today{flex-wrap:wrap}.leave-today>.linkbtn{margin-left:51px}.leave-hub-nav>button{padding:9px 11px}.leave-personal-grid .cardhead{flex-wrap:wrap}}
}

@media screen{.leave-history-card>.cardhead{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}.leave-entitlement-card>.cardhead{background:color-mix(in srgb,#51846b 14%,var(--surface));border-bottom:1px solid color-mix(in srgb,#51846b 24%,var(--line))}.leave-personal-grid .cardhead h2{color:var(--ink)}.leave-personal-grid th:not(:last-child),.leave-personal-grid td:not(:last-child){border-right:1px solid var(--line)}html[data-mode="dark"] .leave-history-card>.cardhead{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}html[data-mode="dark"] .leave-entitlement-card>.cardhead{background:color-mix(in srgb,#51846b 24%,var(--surface))}}

.leave-pending-count{color:var(--accent);font-weight:800;background:var(--accent-soft);border-radius:6px;padding:2px 6px}

.leave-team-card th:not(:last-child),.leave-team-card td:not(:last-child){border-right:1px solid var(--line)}.leave-pagehead{flex-wrap:wrap}.leave-pagehead>div:first-child{flex:1 0 220px}.leave-pagehead .head-actions{flex:0 1 auto;flex-wrap:wrap;max-width:100%;justify-content:flex-end}

:root{--font-step:0px}@media screen{:root{--font-step:1px}}

.leave-sort-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}.leave-sort-heading span{opacity:.65}.leave-sort-heading:hover{color:var(--accent)}
/* Shared header rhythm keeps the two leave tables aligned. */
@media screen and (min-width:1201px){.leave-personal-grid>.card>.cardhead{box-sizing:border-box;min-height:110px;padding:22px 23px;align-items:flex-start}.leave-personal-grid>.card>.cardhead h2{line-height:28px;margin:0;min-height:28px}.leave-personal-grid>.card>.cardhead p{line-height:20px;margin:4px 0 0}.leave-personal-grid .leave-status-choice{margin-top:0;min-height:32px}}
@media screen{.leave-hub-nav{padding:5px;gap:5px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--ink) 3%,var(--surface));box-shadow:inset 0 1px 2px color-mix(in srgb,var(--ink) 3%,transparent)}.leave-hub-nav>button{position:relative;border:1px solid transparent;border-radius:9px;padding:11px 17px;transition:background .15s,color .15s,box-shadow .15s}.leave-hub-nav>button:hover{background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--ink)}.leave-hub-nav>button.active{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 7%,transparent)}.leave-hub-nav>button.active:after{content:'';position:absolute;bottom:0;left:17px;right:17px;height:2px;border-radius:2px;background:var(--accent)}.leave-hub-nav>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}

.permission-group-nav{margin-top:22px}.permission-group-count{font-size:.8em;opacity:.6;font-weight:500;margin-left:3px}.permission-group-card>.cardhead{padding:16px 23px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.permission-group-card>.cardhead h2{font-size:calc(15px + var(--font-step,0px));margin:0}.permission-group-card .permission-details{margin:8px 0}

.permission-table .permission-unavailable{background:color-mix(in srgb,var(--ink) 2%,var(--surface));color:color-mix(in srgb,var(--muted) 38%,var(--surface));text-align:center;cursor:not-allowed}.permission-operation-row td:first-child strong{font-weight:500}

.permission-selectors{position:sticky;top:0;z-index:20;margin:22px 0 12px!important;padding:17px 22px!important;box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 7%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))!important}.permission-selectors select{font-size:calc(16px + var(--font-step,0px));font-weight:700}.permission-selectors label{font-size:calc(11px + var(--font-step,0px))}.leave-mail-flow{margin-bottom:22px}.leave-mail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px}.leave-mail-steps article{padding:19px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.leave-mail-steps h3{font-size:calc(14px + var(--font-step,0px));margin:13px 0 8px}.leave-mail-steps p{color:var(--muted);line-height:1.7;min-height:45px;margin-bottom:16px}.leave-mail-preview{border:0;width:100%;height:72vh;background:#f5f5f2;display:block}.leave-mail-log{padding:16px 22px}.leave-mail-log summary{cursor:pointer;margin-bottom:12px}@media(max-width:850px){.leave-mail-steps{grid-template-columns:1fr}.permission-selectors select{font-size:14px}}

.leave-approval-timeline{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.leave-approval-timeline h3{margin:0 0 12px}.leave-approval-step{display:flex;gap:12px;align-items:flex-start;padding:10px 0}.leave-approval-step+.leave-approval-step{border-top:1px solid var(--line)}.leave-approval-step small{display:block;margin-top:4px}

.calendar-scope-editor{display:grid;gap:12px;padding:12px 0;max-width:900px}.calendar-scope-editor>label{display:grid;gap:10px;max-width:390px}.calendar-scope-editor select{width:100%}.calendar-scope-editor small{line-height:1.6;color:var(--muted)}.calendar-scope-malls{display:flex;flex-wrap:wrap;gap:12px 20px}.calendar-scope-malls label{display:flex;align-items:center;gap:8px}

/* Compact sidebar identity; login branding keeps its own layout. */
.sidebar .brand{height:38px;min-height:38px;margin:4px 0 16px;gap:0;justify-content:center;align-items:center}.sidebar .brand-symbol,.sidebar .brand small{display:none}.sidebar .brand-wordmark{width:192px;height:17px;background-size:295px 87px;background-position:-80px -29px}.sidebar .custom-brand img{max-height:36px;max-width:200px;object-fit:contain}.sidebar .workspace-switch{margin-top:0}

.calendar-scope-editor{white-space:normal;font-size:14px}.calendar-scope-editor small{white-space:normal;display:block;max-width:750px;font-size:12px}.calendar-scope-editor select{font-size:14px}.calendar-scope-malls input{width:17px;height:17px}

/* Keep the workspace card level with the main header’s lower edge. */
.sidebar{padding-top:16px}.sidebar .brand{height:46px;min-height:46px;margin:0 0 16px;gap:4px}.sidebar .brand small{display:block;align-self:flex-end;margin:0 max(0px,calc((100% - 192px)/2)) 0 0;font-size:8px;letter-spacing:1.6px;line-height:1.3;color:var(--muted)}
@media(max-width:700px){.sidebar .brand{margin-bottom:3px}}

.workspace-switch small{font-size:calc(10px + var(--font-step,0px))}

.nav-accordion{flex-shrink:0}.nav-accordion>summary.navlabel{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;user-select:none;padding-right:12px}.nav-accordion>summary::-webkit-details-marker{display:none}.nav-accordion>summary .icon{width:13px;height:13px;flex-shrink:0;transition:transform .16s ease}.nav-accordion:not([open])>summary .icon{transform:rotate(-90deg)}.nav-accordion:not([open])>summary{margin-bottom:0}.nav-accordion>summary:hover{color:var(--ink)}.nav-accordion>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}@media(prefers-reduced-motion:reduce){.nav-accordion>summary .icon{transition:none}}
.purchase-tabs{margin-bottom:24px}.purchase-stats{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr;gap:16px;margin:0 0 22px}.purchase-stats article{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:10px}.purchase-stats article>span,.purchase-stats small{font-size:12px;color:var(--muted)}.purchase-stats strong{font-size:28px;letter-spacing:-.6px}.purchase-multitotal{display:flex;flex-direction:column;gap:5px}.purchase-multitotal span{font-size:22px;white-space:nowrap}.purchase-filters{padding:20px;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px;margin-bottom:22px}.purchase-filters label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.purchase-filters input,.purchase-filters select{width:100%;min-width:0;height:43px;font-size:13px}.purchase-filters .linkbtn{align-self:end;min-height:43px}.purchase-search{grid-column:span 1}.purchase-table td{vertical-align:middle}.purchase-table td small{display:block;color:var(--muted);font-size:11px;margin-top:6px;white-space:normal}.purchase-title{text-align:left;max-width:230px;white-space:normal;font-weight:700!important;line-height:1.6}.purchase-money{font-weight:700;white-space:nowrap}.purchase-table th+th,.purchase-table td+td{border-left:1px solid var(--line)}.purchase-badge{display:inline-flex;padding:5px 9px;font-size:11px;font-weight:700;border-radius:7px;background:var(--accent-soft);white-space:nowrap}.purchase-badge.status-approved,.purchase-badge.status-received{background:#eaf4ee;color:#447a61}.purchase-badge.status-rejected,.purchase-badge.status-cancelled{background:#f9eeeb;color:#a55f53}.purchase-badge.status-ordered,.purchase-badge.status-partial{background:#edf2f8;color:#587795}.purchase-badge.status-draft{background:var(--bg);color:var(--muted)}.purchase-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.purchase-approval-card{padding:26px;display:flex;flex-direction:column}.purchase-approval-card>.row{justify-content:space-between}.purchase-number,.purchase-age{font-size:11px;color:var(--muted)}.purchase-approval-card h2{font-size:20px;line-height:1.4;margin:18px 0 10px}.purchase-approval-card>p{font-size:13px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.purchase-decision-total{background:var(--accent-soft);padding:20px;border-radius:13px;margin:20px 0}.purchase-decision-total small{display:block;color:var(--muted);margin-bottom:8px}.purchase-decision-total strong{font-size:29px;letter-spacing:-.7px}.purchase-approval-card dl{margin:0}.purchase-approval-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.purchase-approval-card dt{color:var(--muted)}.purchase-approval-card dd{margin:0;text-align:right;max-width:65%;font-weight:600}.purchase-card-footer{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.purchase-card-footer>span{font-size:12px;color:var(--muted)}.purchase-callout{padding:15px 17px;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.7;margin:16px 0}.purchase-mail-panel{margin-top:24px;padding:20px}.purchase-mail-panel>summary{cursor:pointer;font-weight:600}.purchase-panel-body{padding-top:18px}.purchase-panel-body .row{flex-wrap:wrap}.purchase-panel-body a{color:var(--ink);text-decoration:none}.purchase-panel-body .formhint{margin:18px 0}.purchase-form-body{gap:20px}.purchase-form-body label{font-size:13px}.purchase-form-body input,.purchase-form-body select{font-size:14px}.purchase-item-editor{display:grid;grid-template-columns:2fr .8fr .8fr 1fr .6fr 32px;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;align-items:end}.purchase-item-editor input{width:100%;min-width:0;padding:10px;font-size:13px}.purchase-item-editor label{min-width:0;display:grid;gap:8px;font-size:11px}.purchase-item-editor .purchase-item-name{grid-column:1/-1}.purchase-item-editor>label:not(.purchase-item-name){grid-column:auto}.purchase-item-editor{grid-template-columns:1fr 1fr 1.4fr .8fr 32px}.purchase-item-editor .meter-icon-button{height:33px;width:32px;margin-bottom:2px}.purchase-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.purchase-section-heading>span{font-size:11px;color:var(--muted)}.purchase-quote-editor{padding:18px;border:1px solid var(--line);border-radius:12px;display:grid;gap:15px}.purchase-radio{display:flex!important;align-items:center;gap:8px;font-size:12px!important}.purchase-radio input{width:16px!important;min-width:16px;height:16px;padding:0}.purchase-form-total{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--accent-soft);border-radius:12px;padding:18px}.purchase-form-total span{font-size:11px;color:var(--muted)}.purchase-form-total strong{display:block;margin-top:8px;font-size:15px;color:var(--ink)}.purchase-detail-body{gap:22px}.purchase-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.purchase-detail-top small{color:var(--muted);font-size:12px}.purchase-detail-body>h2{font-size:23px;line-height:1.4}.purchase-detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--bg);padding:18px;border-radius:12px}.purchase-detail-facts span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.purchase-detail-facts strong{font-size:14px}.purchase-detail-reason{padding:18px;border:1px solid var(--line);border-radius:12px}.purchase-detail-reason p{white-space:pre-wrap;font-size:14px;line-height:1.7;margin-top:9px;color:var(--muted)}.purchase-decision-box{padding:22px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:var(--accent-soft);border-radius:14px;display:grid;gap:15px}.purchase-decision-box strong{font-size:16px}.purchase-decision-box p{font-size:12px;line-height:1.7;margin-top:8px}.purchase-decision-box .row{flex-wrap:wrap}.purchase-reject{color:#ab5d50;background:var(--surface);border:1px solid #dfb7ad}.purchase-totals-line{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:12px}.purchase-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.purchase-quotes article{padding:18px;border:1px solid var(--line);border-radius:12px}.purchase-quotes article.selected{background:var(--accent-soft);border-color:var(--accent)}.purchase-quotes span,.purchase-quotes small{display:block;font-size:11px;color:var(--muted)}.purchase-quotes h4{font-size:14px;margin:12px 0}.purchase-quotes strong{font-size:19px;display:block;margin-bottom:8px}.purchase-quotes p{font-size:12px;line-height:1.6;margin-top:12px}.purchase-file-list{display:flex;flex-wrap:wrap;gap:10px}.purchase-file-list a{font-size:12px;white-space:normal;word-break:break-word;text-decoration:none;color:var(--ink)}.purchase-upload{display:grid;gap:10px;padding:17px;border:1px dashed var(--line);border-radius:12px;font-size:13px}.purchase-upload small{color:var(--muted);font-size:11px}.purchase-steps{padding:0;list-style:none}.purchase-steps li{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.purchase-steps li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);font-size:12px}.purchase-steps strong{font-size:14px}.purchase-steps small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.purchase-steps p{font-size:12px;margin-top:8px}.purchase-action-form{padding:20px;background:var(--bg);border-radius:12px;display:grid;gap:14px}.purchase-cancel{color:#a55f53;border:1px solid var(--line);padding:16px;border-radius:10px;font-size:13px}.purchase-cancel summary{cursor:pointer}.purchase-cancel form{display:grid;gap:15px;margin-top:15px}.purchase-timeline>div{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.purchase-timeline>div>span{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-top:7px;flex-shrink:0}.purchase-timeline p{font-size:12px;color:var(--muted);line-height:1.8}.purchase-modal-error:empty{display:none}@media(max-width:1000px){.purchase-stats{grid-template-columns:repeat(2,1fr)}.purchase-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-approval-grid{grid-template-columns:1fr}}@media(max-width:600px){.purchase-stats{gap:10px}.purchase-stats article{padding:16px}.purchase-stats strong{font-size:25px}.purchase-multitotal span{font-size:16px;white-space:normal}.purchase-filters{padding:16px;gap:12px}.purchase-approval-card{padding:20px}.purchase-detail-facts{grid-template-columns:1fr;gap:16px}.purchase-quotes{grid-template-columns:1fr}.purchase-form-total{grid-template-columns:1fr}.purchase-form-total strong{margin-top:4px}.purchase-section-heading{align-items:flex-start;flex-direction:column}.purchase-item-editor{grid-template-columns:1fr 1fr}.purchase-item-editor .meter-icon-button{grid-column:2;justify-self:end}.purchase-decision-box{padding:16px}.purchase-card-footer{align-items:flex-start;flex-direction:column}.purchase-detail-top{align-items:flex-start;flex-direction:column}.purchase-file-list a{max-width:100%}.purchase-form-body .twocol{grid-template-columns:1fr}.purchase-decision-box .btn{width:100%}}

dialog:has(#purchase-form),dialog:has(.purchase-detail-body){width:min(900px,calc(100vw - 32px));max-width:none}.purchase-form-body .row{flex-wrap:wrap}.purchase-detail-body .tablewrap{max-width:100%}

.purchase-filters{display:flex;flex-wrap:wrap;padding:12px 16px;gap:10px 12px;border-radius:12px;margin-bottom:16px}.purchase-filters label{flex:1 1 125px;max-width:180px;gap:5px;font-size:11px}.purchase-filters input,.purchase-filters select{height:34px;font-size:12px;padding:7px 10px}.purchase-filters .purchase-search{flex:1.5 1 170px;max-width:250px}.purchase-filters .linkbtn{min-height:34px;font-size:11px}.purchase-table td:last-child{white-space:nowrap}.purchase-stats{margin-bottom:18px}@media(max-width:600px){.purchase-filters label{flex:1 1 calc(50% - 12px);max-width:none}.purchase-filters .purchase-search{max-width:none;flex-basis:100%}}

.purchase-simple-filters{display:grid;grid-template-columns:minmax(180px,250px) minmax(250px,1fr);gap:14px;align-items:end}.purchase-simple-filters label,.purchase-simple-filters .purchase-search{max-width:none;width:100%;font-size:12px}.purchase-simple-filters input,.purchase-simple-filters select{height:40px;font-size:13px}.purchase-sort-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.purchase-sort-button span{opacity:.55;flex-shrink:0}.purchase-sort-button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.purchase-table .purchase-id,.purchase-table .purchase-date{white-space:nowrap}.purchase-table .purchase-subject{min-width:180px}.purchase-table th{white-space:nowrap}@media(max-width:600px){.purchase-simple-filters{grid-template-columns:1fr}.purchase-simple-filters .purchase-search{min-width:0}}

.purchase-direct-files{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:14px;display:grid;gap:14px}.purchase-pending-files{display:grid;gap:8px}.purchase-pending-files>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.purchase-pending-files span{overflow-wrap:anywhere}.purchase-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.purchase-detail-facts{grid-template-columns:1fr}}

.purchase-simple-filters{display:flex;justify-content:space-between;align-items:end;gap:20px}.purchase-simple-filters>label{flex:0 1 220px;max-width:220px}.purchase-simple-filters .purchase-search{flex:0 1 300px;max-width:300px;margin-left:auto}.purchase-simple-filters input,.purchase-simple-filters select{height:36px}@media(max-width:600px){.purchase-simple-filters{flex-wrap:wrap;gap:12px}.purchase-simple-filters>label,.purchase-simple-filters .purchase-search{flex:1 1 100%;max-width:none;margin-left:0}}

/* Expense views share the established calm purchasing visual language. */
.expense-tabs{margin-bottom:24px}.expense-stats{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr;gap:16px;margin:0 0 22px}.expense-stats article{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:10px}.expense-stats article>span,.expense-stats small{font-size:12px;color:var(--muted)}.expense-stats strong{font-size:28px;letter-spacing:-.6px}.expense-multitotal{display:flex;flex-direction:column;gap:5px}.expense-multitotal span{font-size:22px;white-space:nowrap}.expense-filters{padding:20px;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px;margin-bottom:22px}.expense-filters label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.expense-filters input,.expense-filters select{width:100%;min-width:0;height:43px;font-size:13px}.expense-filters .linkbtn{align-self:end;min-height:43px}.expense-search{grid-column:span 1}.expense-table td{vertical-align:middle}.expense-table td small{display:block;color:var(--muted);font-size:11px;margin-top:6px;white-space:normal}.expense-title{text-align:left;max-width:230px;white-space:normal;font-weight:700!important;line-height:1.6}.expense-money{font-weight:700;white-space:nowrap}.expense-table th+th,.expense-table td+td{border-left:1px solid var(--line)}.expense-badge{display:inline-flex;padding:5px 9px;font-size:11px;font-weight:700;border-radius:7px;background:var(--accent-soft);white-space:nowrap}.expense-badge.status-approved,.expense-badge.status-received{background:#eaf4ee;color:#447a61}.expense-badge.status-rejected,.expense-badge.status-cancelled{background:#f9eeeb;color:#a55f53}.expense-badge.status-ordered,.expense-badge.status-partial{background:#edf2f8;color:#587795}.expense-badge.status-draft{background:var(--bg);color:var(--muted)}.expense-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.expense-approval-card{padding:26px;display:flex;flex-direction:column}.expense-approval-card>.row{justify-content:space-between}.expense-number,.expense-age{font-size:11px;color:var(--muted)}.expense-approval-card h2{font-size:20px;line-height:1.4;margin:18px 0 10px}.expense-approval-card>p{font-size:13px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.expense-decision-total{background:var(--accent-soft);padding:20px;border-radius:13px;margin:20px 0}.expense-decision-total small{display:block;color:var(--muted);margin-bottom:8px}.expense-decision-total strong{font-size:29px;letter-spacing:-.7px}.expense-approval-card dl{margin:0}.expense-approval-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.expense-approval-card dt{color:var(--muted)}.expense-approval-card dd{margin:0;text-align:right;max-width:65%;font-weight:600}.expense-card-footer{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.expense-card-footer>span{font-size:12px;color:var(--muted)}.expense-callout{padding:15px 17px;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.7;margin:16px 0}.expense-mail-panel{margin-top:24px;padding:20px}.expense-mail-panel>summary{cursor:pointer;font-weight:600}.expense-panel-body{padding-top:18px}.expense-panel-body .row{flex-wrap:wrap}.expense-panel-body a{color:var(--ink);text-decoration:none}.expense-panel-body .formhint{margin:18px 0}.expense-form-body{gap:20px}.expense-form-body label{font-size:13px}.expense-form-body input,.expense-form-body select{font-size:14px}.expense-item-editor{display:grid;grid-template-columns:2fr .8fr .8fr 1fr .6fr 32px;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;align-items:end}.expense-item-editor input{width:100%;min-width:0;padding:10px;font-size:13px}.expense-item-editor label{min-width:0;display:grid;gap:8px;font-size:11px}.expense-item-editor .expense-item-name{grid-column:1/-1}.expense-item-editor>label:not(.expense-item-name){grid-column:auto}.expense-item-editor{grid-template-columns:1fr 1fr 1.4fr .8fr 32px}.expense-item-editor .meter-icon-button{height:33px;width:32px;margin-bottom:2px}.expense-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.expense-section-heading>span{font-size:11px;color:var(--muted)}.expense-quote-editor{padding:18px;border:1px solid var(--line);border-radius:12px;display:grid;gap:15px}.expense-radio{display:flex!important;align-items:center;gap:8px;font-size:12px!important}.expense-radio input{width:16px!important;min-width:16px;height:16px;padding:0}.expense-form-total{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--accent-soft);border-radius:12px;padding:18px}.expense-form-total span{font-size:11px;color:var(--muted)}.expense-form-total strong{display:block;margin-top:8px;font-size:15px;color:var(--ink)}.expense-detail-body{gap:22px}.expense-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.expense-detail-top small{color:var(--muted);font-size:12px}.expense-detail-body>h2{font-size:23px;line-height:1.4}.expense-detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--bg);padding:18px;border-radius:12px}.expense-detail-facts span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.expense-detail-facts strong{font-size:14px}.expense-detail-reason{padding:18px;border:1px solid var(--line);border-radius:12px}.expense-detail-reason p{white-space:pre-wrap;font-size:14px;line-height:1.7;margin-top:9px;color:var(--muted)}.expense-decision-box{padding:22px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:var(--accent-soft);border-radius:14px;display:grid;gap:15px}.expense-decision-box strong{font-size:16px}.expense-decision-box p{font-size:12px;line-height:1.7;margin-top:8px}.expense-decision-box .row{flex-wrap:wrap}.expense-reject{color:#ab5d50;background:var(--surface);border:1px solid #dfb7ad}.expense-totals-line{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:12px}.expense-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.expense-quotes article{padding:18px;border:1px solid var(--line);border-radius:12px}.expense-quotes article.selected{background:var(--accent-soft);border-color:var(--accent)}.expense-quotes span,.expense-quotes small{display:block;font-size:11px;color:var(--muted)}.expense-quotes h4{font-size:14px;margin:12px 0}.expense-quotes strong{font-size:19px;display:block;margin-bottom:8px}.expense-quotes p{font-size:12px;line-height:1.6;margin-top:12px}.expense-file-list{display:flex;flex-wrap:wrap;gap:10px}.expense-file-list a{font-size:12px;white-space:normal;word-break:break-word;text-decoration:none;color:var(--ink)}.expense-upload{display:grid;gap:10px;padding:17px;border:1px dashed var(--line);border-radius:12px;font-size:13px}.expense-upload small{color:var(--muted);font-size:11px}.expense-steps{padding:0;list-style:none}.expense-steps li{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.expense-steps li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);font-size:12px}.expense-steps strong{font-size:14px}.expense-steps small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.expense-steps p{font-size:12px;margin-top:8px}.expense-action-form{padding:20px;background:var(--bg);border-radius:12px;display:grid;gap:14px}.expense-cancel{color:#a55f53;border:1px solid var(--line);padding:16px;border-radius:10px;font-size:13px}.expense-cancel summary{cursor:pointer}.expense-cancel form{display:grid;gap:15px;margin-top:15px}.expense-timeline>div{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.expense-timeline>div>span{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-top:7px;flex-shrink:0}.expense-timeline p{font-size:12px;color:var(--muted);line-height:1.8}.expense-modal-error:empty{display:none}@media(max-width:1000px){.expense-stats{grid-template-columns:repeat(2,1fr)}.expense-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-approval-grid{grid-template-columns:1fr}}@media(max-width:600px){.expense-stats{gap:10px}.expense-stats article{padding:16px}.expense-stats strong{font-size:25px}.expense-multitotal span{font-size:16px;white-space:normal}.expense-filters{padding:16px;gap:12px}.expense-approval-card{padding:20px}.expense-detail-facts{grid-template-columns:1fr;gap:16px}.expense-quotes{grid-template-columns:1fr}.expense-form-total{grid-template-columns:1fr}.expense-form-total strong{margin-top:4px}.expense-section-heading{align-items:flex-start;flex-direction:column}.expense-item-editor{grid-template-columns:1fr 1fr}.expense-item-editor .meter-icon-button{grid-column:2;justify-self:end}.expense-decision-box{padding:16px}.expense-card-footer{align-items:flex-start;flex-direction:column}.expense-detail-top{align-items:flex-start;flex-direction:column}.expense-file-list a{max-width:100%}.expense-form-body .twocol{grid-template-columns:1fr}.expense-decision-box .btn{width:100%}}
dialog:has(#expense-form),dialog:has(.expense-detail-body){width:min(900px,calc(100vw - 32px));max-width:none}.expense-form-body .row{flex-wrap:wrap}.expense-detail-body .tablewrap{max-width:100%}
.expense-filters{display:flex;flex-wrap:wrap;padding:12px 16px;gap:10px 12px;border-radius:12px;margin-bottom:16px}.expense-filters label{flex:1 1 125px;max-width:180px;gap:5px;font-size:11px}.expense-filters input,.expense-filters select{height:34px;font-size:12px;padding:7px 10px}.expense-filters .expense-search{flex:1.5 1 170px;max-width:250px}.expense-filters .linkbtn{min-height:34px;font-size:11px}.expense-table td:last-child{white-space:nowrap}.expense-stats{margin-bottom:18px}@media(max-width:600px){.expense-filters label{flex:1 1 calc(50% - 12px);max-width:none}.expense-filters .expense-search{max-width:none;flex-basis:100%}}
.expense-simple-filters{display:grid;grid-template-columns:minmax(180px,250px) minmax(250px,1fr);gap:14px;align-items:end}.expense-simple-filters label,.expense-simple-filters .expense-search{max-width:none;width:100%;font-size:12px}.expense-simple-filters input,.expense-simple-filters select{height:40px;font-size:13px}.expense-sort-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.expense-sort-button span{opacity:.55;flex-shrink:0}.expense-sort-button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.expense-table .expense-id,.expense-table .expense-date{white-space:nowrap}.expense-table .expense-subject{min-width:180px}.expense-table th{white-space:nowrap}@media(max-width:600px){.expense-simple-filters{grid-template-columns:1fr}.expense-simple-filters .expense-search{min-width:0}}
.expense-direct-files{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:14px;display:grid;gap:14px}.expense-pending-files{display:grid;gap:8px}.expense-pending-files>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.expense-pending-files span{overflow-wrap:anywhere}.expense-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.expense-detail-facts{grid-template-columns:1fr}}
.expense-simple-filters{display:flex;justify-content:space-between;align-items:end;gap:20px}.expense-simple-filters>label{flex:0 1 220px;max-width:220px}.expense-simple-filters .expense-search{flex:0 1 300px;max-width:300px;margin-left:auto}.expense-simple-filters input,.expense-simple-filters select{height:36px}@media(max-width:600px){.expense-simple-filters{flex-wrap:wrap;gap:12px}.expense-simple-filters>label,.expense-simple-filters .expense-search{flex:1 1 100%;max-width:none;margin-left:0}}

.expense-badge.status-review_required{background:#fff3da;color:#986b20}

.request-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:8px;margin-bottom:24px}.request-toolbar .leave-hub-nav{border:0;background:transparent;margin:0;box-shadow:none;flex:0 1 auto}.request-toolbar .request-toolbar-filters{display:flex;flex:0 1 470px;gap:12px;padding:0 8px;margin:0;align-items:center;background:transparent;border:0}.request-toolbar-filters>label{font-size:0!important;gap:0!important;flex:0 1 180px;max-width:180px}.request-toolbar-filters .expense-search,.request-toolbar-filters .purchase-search{flex:1 1 220px;max-width:260px;margin:0}.request-toolbar-filters input,.request-toolbar-filters select{height:40px;font-size:14px}.expense-receipt-editor{grid-template-columns:1fr 1fr 1fr 1fr 32px}.expense-receipt-editor label{font-size:13px}.expense-receipt-editor select{min-width:0;width:100%;padding:10px}.expense-gross-total{display:flex;justify-content:flex-end}.expense-gross-total span{font-size:13px}.expense-gross-total strong{font-size:20px}
@media(max-width:1250px){.request-toolbar{flex-wrap:wrap}.request-toolbar .request-toolbar-filters{margin-left:auto;flex:0 1 470px}.request-toolbar .leave-hub-nav{flex:1 1 100%}}
@media(max-width:650px){.request-toolbar .leave-hub-nav{min-width:0;overflow-x:auto}.request-toolbar .request-toolbar-filters{flex:1 1 100%;flex-wrap:nowrap;padding:4px}.request-toolbar-filters>label{flex:1 1 45%;max-width:none}.request-toolbar-filters .expense-search,.request-toolbar-filters .purchase-search{min-width:0;flex:1 1 55%;max-width:none}.expense-receipt-editor{grid-template-columns:1fr 1fr}.expense-receipt-editor .meter-icon-button{grid-column:2;justify-self:end}}
/* Subtle column dividers are the default for application data tables. */
.tablewrap table tr>th+th,.tablewrap table tr>td+td{border-left:1px solid var(--line)}
.turnover-workspace{overflow:hidden}.turnover-toolbar{display:flex;gap:14px;align-items:end;padding:22px;border-bottom:1px solid var(--line);background:var(--surface)}.turnover-toolbar label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.turnover-toolbar label:first-child{min-width:230px}.turnover-toolbar input,.turnover-toolbar select{height:43px;font-size:14px;min-width:0}.turnover-toolbar .turnover-search{display:flex;align-items:center;gap:8px;margin-left:auto;max-width:300px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.turnover-search input{border:0;background:transparent;box-shadow:none;width:100%;padding-left:0}.turnover-search svg{width:18px;flex-shrink:0}.turnover-period-arrows{display:flex;gap:5px}.turnover-period-arrows .btn{height:43px;padding:8px 14px}.turnover-period-title{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 6px}.turnover-period-title h2{font-size:21px;margin:0 0 6px}.turnover-period-title span{font-size:13px;color:var(--muted)}.turnover-inline-toggle{display:flex;gap:9px;align-items:center;font-size:13px;background:var(--bg);padding:11px 14px;border:1px solid var(--line);border-radius:10px}.turnover-inline-toggle input{width:17px;height:17px}.turnover-summary{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;padding:20px 24px 26px}.turnover-metric{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:18px 20px;text-align:left;display:flex;flex-direction:column;gap:9px;color:var(--ink);font:inherit}.turnover-metric>span,.turnover-metric>small{color:var(--muted);font-size:12px}.turnover-metric>strong{font-size:28px;font-weight:700;letter-spacing:-.6px}.turnover-metric button{cursor:pointer}.turnover-metric.selected{border-color:var(--accent);background:var(--accent-soft)}.turnover-total{background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface))}.turnover-total strong{font-size:24px;white-space:nowrap}.turnover-total strong small{font-weight:400;font-size:11px;color:var(--muted);letter-spacing:0}.turnover-table-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--line)}.turnover-table-heading h3{font-size:16px}.turnover-table th{background:color-mix(in srgb,var(--accent-soft) 28%,var(--bg));color:var(--ink)}.turnover-table th button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.turnover-table td{vertical-align:middle}.turnover-table td small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.turnover-table .turnover-entered{background:color-mix(in srgb,#78b39b 6%,var(--surface))}.turnover-table .turnover-dirty{background:var(--accent-soft)}.turnover-tenant{border:0;background:none;padding:0;color:var(--ink);text-align:left;font:inherit;font-weight:700;cursor:pointer}.turnover-tenant:disabled{opacity:1;cursor:default}.turnover-amount{white-space:nowrap}.turnover-amount-input{display:flex;gap:6px;min-width:190px}.turnover-amount-input input{width:120px;min-width:90px}.turnover-amount-input select{width:75px}.turnover-table input,.turnover-table select{font-size:13px;padding:9px;border-radius:8px}.turnover-change{font-size:12px;font-weight:600;display:inline-block;margin-top:5px}.turnover-change.up{color:#4f8976}.turnover-change.down{color:#ad786c}.turnover-note{white-space:normal;max-width:230px}.turnover-record-context{display:grid;gap:8px;background:var(--accent-soft);border-radius:12px;padding:18px}.turnover-record-context>span{font-size:13px;color:var(--muted)}.turnover-history-list>div{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.turnover-history-list>div>div{height:7px;border-radius:9px;background:var(--bg);overflow:hidden}.turnover-history-list i{height:100%;display:block;background:var(--accent);border-radius:9px}.turnover-history-list small{grid-column:3;text-align:right;font-size:10px;color:var(--muted);margin-top:-9px}.turnover-audit summary{cursor:pointer;font-weight:600}.turnover-audit p{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.turnover-empty{color:var(--muted)}
@media(max-width:1050px){.turnover-toolbar{flex-wrap:wrap}.turnover-toolbar .turnover-search{margin-left:0}.turnover-summary{grid-template-columns:1fr 1fr}.turnover-total{grid-column:1/-1}}
@media(max-width:600px){.turnover-toolbar{padding:16px;gap:12px}.turnover-toolbar label:first-child{min-width:0;width:100%}.turnover-toolbar .turnover-search{max-width:none;width:100%}.turnover-period-title{padding:20px 16px 6px;align-items:start;gap:12px}.turnover-period-title h2{font-size:18px}.turnover-inline-toggle{font-size:11px;white-space:nowrap;padding:9px}.turnover-summary{gap:10px;padding:16px}.turnover-metric{padding:15px}.turnover-total strong{font-size:20px;white-space:normal}.turnover-table-heading{padding:16px;gap:10px}.turnover-table-heading .btn{font-size:11px;padding:10px}.turnover-history-list>div{grid-template-columns:90px 1fr auto;font-size:11px;gap:7px}}
.turnover-table-heading{gap:14px;flex-wrap:wrap}.turnover-table-heading>h3{flex:0 0 auto;white-space:nowrap;margin:0}.turnover-table-heading>.turnover-toolbar{padding:0;border:0;flex:1 1 560px;gap:10px;justify-content:flex-end;background:none}.turnover-table-heading>.turnover-toolbar label:first-child{min-width:155px;max-width:190px;flex:1 1 155px}.turnover-table-heading>.turnover-toolbar label{font-size:11px;gap:5px}.turnover-table-heading>.turnover-toolbar input,.turnover-table-heading>.turnover-toolbar select{height:38px;font-size:13px;padding:8px 10px}.turnover-table-heading>.turnover-toolbar .turnover-search{flex:1 1 170px;max-width:220px;margin-left:0;align-self:end}.turnover-table-heading>.turnover-toolbar .turnover-period-arrows{align-self:end}.turnover-table-heading>.turnover-toolbar .turnover-period-arrows .btn{height:38px;padding:7px 11px}.turnover-table-heading>.row{align-self:end;flex:0 0 auto}.turnover-table-heading>.row .btn{height:38px;padding:8px 14px;font-size:13px}.turnover-amount-input input{font-variant-numeric:tabular-nums}
@media(max-width:1050px){.turnover-table-heading>.turnover-toolbar{flex-wrap:wrap;justify-content:flex-start;flex-basis:100%;order:2}.turnover-table-heading>.row{margin-left:auto}.turnover-table-heading>.turnover-toolbar .turnover-search{margin-left:auto}}
@media(max-width:600px){.turnover-table-heading>.turnover-toolbar label:first-child{max-width:none;flex-basis:100%}.turnover-table-heading>.turnover-toolbar .turnover-search{flex-basis:100%;max-width:none;margin-left:0}}
.turnover-period-controls{display:flex;align-items:center;gap:13px;margin-top:14px;flex-wrap:wrap}.turnover-period-controls .pill{font-size:11px}.turnover-period-controls .linkbtn{font-size:12px}
.turnover-period-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.turnover-period-title{flex-wrap:wrap}.turnover-period-options{justify-content:flex-start}}

/* Receipt dates and compact per-receipt fields. */
.expense-item-editor.expense-receipt-editor{grid-template-columns:145px minmax(130px,1.15fr) minmax(150px,1.6fr) minmax(125px,.8fr) 112px 34px;gap:12px;align-items:end}
.expense-receipt-editor label{min-width:0}.expense-receipt-editor input,.expense-receipt-editor select{width:100%;min-width:0}.expense-receipt-editor{padding:16px}
@media(max-width:1050px){.expense-item-editor.expense-receipt-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-receipt-editor label:nth-child(3){grid-column:1/-1}}
@media(max-width:520px){.expense-item-editor.expense-receipt-editor{grid-template-columns:minmax(0,1fr)}.expense-receipt-editor label:nth-child(3){grid-column:auto}}
#meter-vision-settings-form .check{display:flex;align-items:center;gap:10px}#meter-vision-settings-form .check input{width:20px;height:20px;margin:0;flex:0 0 20px}

/* Optional full design. Classic palettes and printed reports remain untouched. */
.navy-user{display:none}
.appearance-designs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.design-choice{padding:14px;border:2px solid var(--line);border-radius:13px;display:grid;text-align:left;gap:8px;background:var(--surface);color:var(--ink);min-width:0}
.design-choice[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.design-choice strong{font-size:15px}.design-choice small{font-size:12px;color:var(--muted);line-height:1.4}
.design-preview{height:78px;display:grid;grid-template-columns:26% 1fr 1fr;grid-template-rows:12px 1fr;gap:8px;padding:10px;border-radius:8px;background:#f8f6f1;border:1px solid #e9e5dc}
.design-preview i{grid-row:span 2;background:#ead6c7;border-radius:4px}.design-preview b{border-radius:5px;background:#fff;border:1px solid #e5e1d9}.design-preview b:first-of-type{grid-column:span 2;height:10px;background:#ed793c;border:0}
.navy-preview{background:#111a2a;border-color:#344156}.navy-preview i{background:#253449}.navy-preview b{background:#253247;border-color:#39485c}.navy-preview b:first-of-type{background:#36c9b3}
[data-classic-appearance]{display:grid;gap:22px}[data-classic-appearance][hidden]{display:none}
@media(max-width:480px){.appearance-designs{gap:8px}.design-choice{padding:10px}.design-choice strong{font-size:13px}.design-preview{height:65px;gap:5px;padding:7px}}
@media screen{
 html[data-palette=navy]{--accent:#39cbb5;--accent-dark:#39cbb5;--accent-soft:#203e46;--orange:#39cbb5;--pale:#203e46;--bg:#111927;--surface:#202c3e;--ink:#edf1f8;--muted:#adb9cb;--line:#354156;--on-accent:#0b2729;--tone-fff:var(--surface);--tone-ffffff:var(--surface);--tone-ffffffb8:#121c2cf5;--tone-fafaf7:#1d293b;--tone-fafbf8:#1c2839;--tone-faf9f6:var(--bg);--tone-fff0e6:var(--accent-soft);--tone-f3f3ef:#2c3a4e;--tone-eeede7:var(--line);--tone-f1f0eb:var(--line);--tone-eeeae2:#253247;--tone-fff4dc:#4d3e26;--tone-b08429:#f2ca83;--tone-edf6ef:#23463f;--tone-4c8260:#9bdbc1;--tone-fff0ee:#4b2d37;--tone-bd6961:#f1b3bd}
 html[data-palette=navy] body{background:radial-gradient(ellipse at 70% 20%,#172237 0,transparent 60%),#111927}
 html[data-palette=navy] .shell{grid-template-columns:246px minmax(0,1fr)}
 html[data-palette=navy] .sidebar{width:246px;background:#111a2a;border-right:1px solid #354156;padding:22px 18px 16px;scrollbar-width:thin;scrollbar-color:#3c4b60 transparent}
 html[data-palette=navy] .sidebar .brand{height:50px;min-height:50px;margin:0 0 18px;gap:7px;align-items:flex-start;padding:0 7px}
 html[data-palette=navy] .sidebar .brand-wordmark{width:192px;height:17px}
 html[data-palette=navy] .sidebar .brand small{align-self:flex-start;margin:0;color:#aeb9cd;font-size:9px;letter-spacing:2.5px}
 html[data-palette=navy] .sidebar .brand-logo{max-width:195px;max-height:35px;object-fit:contain}
 html[data-palette=navy] .navy-user{display:flex;align-items:center;gap:12px;padding:15px 7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:10px;flex-shrink:0}
 html[data-palette=navy] .navy-user strong{font-size:14px;font-weight:650;line-height:1.4}
 html[data-palette=navy] .avatar{border-radius:50%;background:#205951;color:#e2fff7}
 html[data-palette=navy] .navy-user .avatar{width:38px;height:38px;flex:0 0 38px;font-size:14px}
 html[data-palette=navy] .workspace-switch{border:1px solid #344357;background:#182538;border-radius:9px;padding:11px 10px;margin:0 0 8px;gap:9px}
 html[data-palette=navy] .workspace-switch>.avatar{width:28px;height:28px;font-size:12px}
 html[data-palette=navy] .workspace-switch strong{font-size:12px}html[data-palette=navy] .workspace-switch small{font-size:10px;color:#9facc1}
 html[data-palette=navy] .navgroup{margin:0;padding:10px 0;border-bottom:1px solid #2b384d}
 html[data-palette=navy] .navlabel{padding:7px 6px;margin:0 0 5px;letter-spacing:.2px;font-size:11px;color:#e0e8f3;font-weight:700;gap:5px}
 html[data-palette=navy] .navlabel>span{line-height:1.45}
 html[data-palette=navy] .navgroup-items{padding:0}
 html[data-palette=navy] .navitem{padding:9px 10px;margin:2px 0;border-radius:7px;font-size:12px;font-weight:500;gap:10px;color:#c1ccdc;min-height:36px}
 html[data-palette=navy] .navitem>.icon{width:17px;height:17px;flex:0 0 17px}
 html[data-palette=navy] .navitem:hover{background:#223347;color:#f6fbff}
 html[data-palette=navy] .navitem.active{background:#38bea9;color:#092a2b;font-weight:700}
 html[data-palette=navy] .navitem.active>.count{background:#133e3b;color:#b8f3e8}
 html[data-palette=navy] .soon{color:#9aa8bc;font-size:8px}
 html[data-palette=navy] .sidebar-bottom{margin-top:auto;padding-top:12px}
 html[data-palette=navy] .build-box{display:none}
 html[data-palette=navy] .profile{border:0;padding:8px 3px;gap:9px}html[data-palette=navy] .profile strong{font-size:12px}
 html[data-palette=navy] .topbar{height:74px;padding:0 30px;background:#111a2ae8;border-bottom:1px solid var(--line);gap:16px}
 html[data-palette=navy] .breadcrumb{color:#bac6d9;font-size:12px}html[data-palette=navy] .breadcrumb strong{color:#edf1f8}
 html[data-palette=navy] .top-right{gap:16px}
 html[data-palette=navy] .topdate,html[data-palette=navy] .notice-badge{display:none}
 html[data-palette=navy] .search{width:250px;max-width:25vw;background:#202c3e;border:1px solid #3b4960;border-radius:9px;padding:8px 12px;height:39px}
 html[data-palette=navy] .search input{background:transparent;padding:0;border:0;color:var(--ink);font-size:13px;min-width:0}
 html[data-palette=navy] .appearance-trigger{border:1px solid #3b4960;background:transparent;border-radius:8px;padding:8px 11px;box-shadow:none;min-height:38px;color:#b5eadf}
 html[data-palette=navy] .content{max-width:1700px;padding:29px 30px 32px}
 html[data-palette=navy] .pagehead{align-items:center;margin-bottom:20px;gap:16px}
 html[data-palette=navy] .pagehead h1{font-size:28px;letter-spacing:-.7px;line-height:1.25;color:#f0f4fc}
 html[data-palette=navy] .pagehead p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:6px}
 html[data-palette=navy] .head-actions{gap:9px}
 html[data-palette=navy] .btn{border-radius:8px;padding:10px 14px;font-size:12px;min-height:39px;gap:7px;box-shadow:none;transition:background .15s,border-color .15s}
 html[data-palette=navy] .btn.primary{background:#39cbb5;border:1px solid #39cbb5;color:#092a2b;box-shadow:none}
 html[data-palette=navy] .btn.primary:hover{background:#64ddca;border-color:#64ddca}
 html[data-palette=navy] .btn.secondary{background:transparent;border:1px solid #55647b;color:var(--ink)}
 html[data-palette=navy] .btn.secondary:hover{background:#2a3b50;border-color:#79a69f}
 html[data-palette=navy] .card{background:linear-gradient(130deg,#253145,#202b3d);border:1px solid #354258;border-radius:12px;box-shadow:0 6px 20px #040b1418;overflow:hidden}
 html[data-palette=navy] .cardhead{padding:17px 19px;gap:12px;min-height:66px;background:#203c47;border-bottom:1px solid #385263;align-items:center}
 html[data-palette=navy] .cardhead h2{font-size:16px;font-weight:700;letter-spacing:-.2px;color:#edf5fc;line-height:1.4}
 html[data-palette=navy] .cardhead p{color:#aebed0;font-size:11px;line-height:1.5}
 html[data-palette=navy] .cardhead .pill{background:#28645f;color:#86e5d2;border:0;border-radius:16px;padding:3px 8px}
 html[data-palette=navy] .cardfooter{padding:11px 17px;border-top:1px solid var(--line);color:#a8b6c9;background:#1c293b;font-size:11px}
 html[data-palette=navy] input,html[data-palette=navy] select,html[data-palette=navy] textarea{background:#1b283b;border:1px solid #4a5970;border-radius:8px;color:#edf1f8}
 html[data-palette=navy] input:not([type=checkbox]):not([type=radio]),html[data-palette=navy] select{min-height:36px}
 html[data-palette=navy] input:focus,html[data-palette=navy] select:focus,html[data-palette=navy] textarea:focus{outline:2px solid #39cbb5;outline-offset:2px}
 html[data-palette=navy] label{color:#c2cede}
 html[data-palette=navy] .tabs,html[data-palette=navy] .leave-hub-nav,html[data-palette=navy] .permission-tabs{background:transparent;border:0;border-bottom:1px solid #3b485e;border-radius:0;box-shadow:none;padding:0;margin-bottom:22px;gap:8px}
 html[data-palette=navy] .tabs button,html[data-palette=navy] .leave-hub-nav>button,html[data-palette=navy] .permission-tabs>button{background:transparent;border-radius:0;box-shadow:none;color:#bdc9dc;padding:13px 13px 12px;position:relative;border:0;border-bottom:3px solid transparent;font-size:13px;font-weight:600}
 html[data-palette=navy] .tabs button.active,html[data-palette=navy] .leave-hub-nav>button.active,html[data-palette=navy] .permission-tabs>button.active{background:transparent;color:#f2f8ff;border-bottom-color:#39cbb5;box-shadow:none}
 html[data-palette=navy] .tabs button::after,html[data-palette=navy] .leave-hub-nav>button::after,html[data-palette=navy] .permission-tabs>button::after{display:none}
 html[data-palette=navy] table{color:#dce4f1;border-collapse:separate;border-spacing:0}
 html[data-palette=navy] thead th{background:#253247!important;color:#c5d0e1!important;border-bottom:1px solid #425168!important;padding:12px 14px;font-weight:650;font-size:11px;letter-spacing:.1px}
 html[data-palette=navy] td{padding:13px 14px;border-bottom:1px solid #354156;font-size:12px;line-height:1.6;vertical-align:middle}
 html[data-palette=navy] th:not(:last-child),html[data-palette=navy] td:not(:last-child){border-right:1px solid #354156!important}
 html[data-palette=navy] tbody tr:last-child>td{border-bottom:0}
 html[data-palette=navy] tbody tr:nth-child(even)>td{background:#202d404d}
 html[data-palette=navy] tbody tr:hover>td{background:#2a4150!important}
 html[data-palette=navy] td small{color:#a7b6ca;font-size:11px}
 html[data-palette=navy] .pill{border-radius:18px;padding:4px 9px;background:#2e3d52;color:#cbd7e7;font-size:10px}
 html[data-palette=navy] .pill.pending{background:#59472d;color:#f8da9d}
 html[data-palette=navy] .pill.approved{background:#2c5147;color:#b4e3d0}
 html[data-palette=navy] .pill.rejected{background:#55333e;color:#f3bec6}
 html[data-palette=navy] .linkbtn{color:#6adac6}
 html[data-palette=navy] .stat,html[data-palette=navy] .leave-summary-card{background:linear-gradient(125deg,#28364b,#222e42);border:1px solid #3b4960;border-radius:11px;padding:18px 19px;box-shadow:0 4px 14px #060e1817;min-width:0}
 html[data-palette=navy] .statgrid,html[data-palette=navy] .leave-summary-grid{gap:14px;margin-bottom:22px}
 html[data-palette=navy] .stat .value,html[data-palette=navy] .leave-summary-card strong{font-size:24px;color:#f0f4fa;letter-spacing:-.5px;line-height:1.3}
 html[data-palette=navy] .leave-summary-card{position:relative;padding-left:67px;min-height:116px;justify-content:flex-start}
 html[data-palette=navy] .leave-summary-card>.icon{position:absolute;top:20px;left:17px;width:35px;height:35px;padding:8px;background:#264c51;border-radius:9px;color:#7de2cc;opacity:1}
 html[data-palette=navy] .leave-summary-card span{font-size:12px;color:#c3cfe0}
 html[data-palette=navy] .leave-summary-card strong{margin:8px 0 6px;font-size:21px}
 html[data-palette=navy] .leave-summary-card small{font-size:11px;color:#a9b8cd;line-height:1.5}
 html[data-palette=navy] .leave-personal-grid{gap:18px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
 html[data-palette=navy] .leave-personal-grid>.card>.cardhead{background:#203e48;min-height:75px;padding:17px 18px;align-items:center}
 html[data-palette=navy] .leave-personal-grid>.card>.cardhead p{display:none}
 html[data-palette=navy] .leave-personal-grid>.card>.cardhead h2{font-size:16px;min-height:0;line-height:1.45}
 html[data-palette=navy] .leave-status-choice select{background:transparent;border-color:#607487;color:#edf3fa;min-height:33px;padding:5px 10px}
 html[data-palette=navy] .leave-personal-grid td{padding:12px 14px;font-size:12px}
 html[data-palette=navy] .leave-personal-grid th{font-size:10px;padding:11px 14px}
 html[data-palette=navy] .leave-credit-scroll{max-height:540px}
 html[data-palette=navy] .water-summary-section,html[data-palette=navy] .water-summary-group{background:#1d3042;border-color:#3b5263;border-radius:11px}
 html[data-palette=navy] .consumption-table-card .tablewrap tr.water-reading-entered>td{background:#1f383c}
 html[data-palette=navy] .consumption-table-card .tablewrap tr.water-inline-dirty>td{background:#493e28}
 html[data-palette=navy] .water-grid-input{background:#1a2939!important;color:#f0f4fb}
 html[data-palette=navy] .water-row-warning{color:#eac58b}
 html[data-palette=navy] .meter-icon-button{box-shadow:none;border-radius:7px}
 html[data-palette=navy] dialog{background:#1d293b;border:1px solid #48566d;border-radius:16px;box-shadow:0 20px 80px #0008}
 html[data-palette=navy] .modalhead{border-bottom:1px solid var(--line);background:#213745}
 html[data-palette=navy] .formfoot{background:#192638;border-top-color:var(--line)}
 html[data-palette=navy] .appearance-note,html[data-palette=navy] .info{background:#213945;border-color:#3a5766;color:#c0d8df}
 html[data-palette=navy] .welcome-art{background:linear-gradient(145deg,#112034,#185c60)}
 html[data-palette=navy] .welcome-form .btn{background:#39cbb5;color:#08292b}
 html[data-palette=navy] .welcome-art .brand-caption{color:#a5d7d0}
 html[data-palette=navy] .navy-preview{box-shadow:0 0 0 1px #39cbb540}
}
@media screen and (max-width:1350px){html[data-palette=navy] .leave-summary-card{padding-left:17px}html[data-palette=navy] .leave-summary-card>.icon{display:none}html[data-palette=navy] .leave-summary-card strong{font-size:20px}html[data-palette=navy] .leave-personal-grid{grid-template-columns:1fr}}
@media screen and (max-width:1050px){html[data-palette=navy] .sidebar{width:220px;padding:18px 12px}html[data-palette=navy] .shell{grid-template-columns:220px minmax(0,1fr)}html[data-palette=navy] .content{padding:24px 20px}html[data-palette=navy] .topbar{padding:0 20px}html[data-palette=navy] .top-right{gap:10px}html[data-palette=navy] .appearance-label{display:none}}
@media screen and (max-width:700px){html[data-palette=navy] .shell{display:block}html[data-palette=navy] .sidebar{width:246px;padding:18px;transform:translateX(-100%);box-shadow:12px 0 36px #0005}html[data-palette=navy] .sidebar.open{transform:translateX(0)}html[data-palette=navy] .topbar{height:62px;padding:0 14px;gap:8px}html[data-palette=navy] .breadcrumb{font-size:11px}html[data-palette=navy] .top-right{gap:8px}html[data-palette=navy] .topbar .search{display:none}html[data-palette=navy] .appearance-trigger{padding:7px;min-height:32px}html[data-palette=navy] .content{padding:22px 14px}html[data-palette=navy] .pagehead{display:block}html[data-palette=navy] .pagehead h1{font-size:25px}html[data-palette=navy] .pagehead p{font-size:12px}html[data-palette=navy] .head-actions{margin-top:14px;gap:7px;flex-wrap:wrap}html[data-palette=navy] .btn{padding:9px 11px;min-height:36px}html[data-palette=navy] .leave-summary-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}html[data-palette=navy] .leave-summary-card{padding:14px;min-height:110px}html[data-palette=navy] .leave-summary-card strong{font-size:18px;white-space:normal}html[data-palette=navy] .leave-summary-card span{font-size:11px}html[data-palette=navy] .leave-personal-grid{grid-template-columns:1fr}html[data-palette=navy] .cardhead{padding:15px}html[data-palette=navy] .leave-personal-grid>.card>.cardhead{padding:15px;flex-wrap:wrap;min-height:70px}html[data-palette=navy] .tabs button,html[data-palette=navy] .leave-hub-nav>button{font-size:12px;padding:12px 10px}html[data-palette=navy] .tablewrap{overflow-x:auto}html[data-palette=navy] .leave-personal-grid table{min-width:470px}html[data-palette=navy] .leave-credit-scroll table{min-width:0}}

/* Optional Klasik ERP design; no effect on other palettes or printed forms. */
.erp-preview{background:#eef0f2;border-color:#d7dee1}.erp-preview i{background:#374b54;border-radius:0}.erp-preview b{border-radius:2px}.erp-preview b:first-of-type{background:#ef5347}
.appearance-designs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.appearance-designs{grid-template-columns:1fr}.design-choice{grid-template-columns:90px 1fr;column-gap:14px;align-items:center}.design-choice .design-preview{grid-row:span 2;height:65px}.design-choice small{grid-column:2}}
@media screen{
html[data-palette=erp]{--accent:#e44f43;--accent-dark:#c73d33;--accent-soft:#fcece9;--orange:#e44f43;--pale:#fcece9;--bg:#eef0f2;--surface:#fff;--ink:#26383f;--muted:#6c7b82;--line:#dce2e5;--on-accent:#fff;--tone-faf9f6:#eef0f2;--tone-fff0e6:#fcece9;--tone-ed793c:#e44f43;--tone-d87135:#d14338;--tone-fff:#fff;--tone-ffffffb8:#fff}
html[data-palette=erp] body{background:#eef0f2}
html[data-palette=erp] .shell{grid-template-columns:272px minmax(0,1fr)}
html[data-palette=erp] .sidebar{width:272px;padding:0 0 16px;background:#374b54;border:0;color:#d7e0e4;scrollbar-width:thin;scrollbar-color:#6a818b #374b54}
html[data-palette=erp] .sidebar .brand{margin:0;padding:25px 20px 20px;height:86px;min-height:86px;gap:7px;align-items:flex-start;background:#25343b}
html[data-palette=erp] .sidebar .brand-wordmark{filter:grayscale(1) contrast(10) invert(1);mix-blend-mode:screen;width:192px;height:17px}
html[data-palette=erp] .sidebar .brand small{align-self:flex-start;margin:0;color:#bbccd3;font-size:9px;letter-spacing:2.2px}
html[data-palette=erp] .sidebar .brand-logo{max-width:225px;max-height:40px;object-fit:contain;background:white;border-radius:3px;padding:5px}
html[data-palette=erp] .navy-user{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0;padding:24px 22px;background:repeating-conic-gradient(from 225deg at 80% 130%,#1f2e35 0deg 12deg,#26373f 12deg 24deg);border-bottom:1px solid #52656e}
html[data-palette=erp] .navy-user .avatar{width:53px;height:53px;border-radius:50%;background:#68838e;color:#fff;border:3px solid #9fb1ba55;font-size:19px}
html[data-palette=erp] .navy-user strong{font-size:18px;line-height:1.4;color:white}
html[data-palette=erp] .workspace-switch{margin:12px 14px;padding:10px;border:1px solid #60747d;border-radius:4px;background:#30424a;color:#edf1f3;gap:9px}
html[data-palette=erp] .workspace-switch .avatar{width:28px;height:28px;background:#607b87;color:white;border-radius:4px}
html[data-palette=erp] .workspace-switch strong{font-size:13px}html[data-palette=erp] .workspace-switch small{font-size:11px;color:#bdcdd3}
html[data-palette=erp] .navgroup{margin:0;border-bottom:1px solid #52656e55}
html[data-palette=erp] .navlabel{margin:0;padding:16px 18px;color:#e5ecef;letter-spacing:.3px;font-size:13px;font-weight:700;background:#374b54;gap:8px}
html[data-palette=erp] .navlabel:hover{background:#405862}
html[data-palette=erp] .navlabel .icon{width:16px;height:16px;color:#a9bec8}
html[data-palette=erp] .navgroup-items{padding:5px 0;background:#293b43}
html[data-palette=erp] .navitem{padding:12px 20px;min-height:47px;margin:0;border-radius:0;color:#c0d0d7;font-size:14px;font-weight:500;gap:12px;border-left:3px solid transparent}
html[data-palette=erp] .navitem>.icon{width:23px;height:23px;flex:0 0 23px;color:#7fa0af}
html[data-palette=erp] .navitem:hover{background:#405963;color:white}
html[data-palette=erp] .navitem.active{background:#ef5347;border-left-color:#ffb4a9;color:white;font-weight:700}
html[data-palette=erp] .navitem.active>.icon{color:white}
html[data-palette=erp] .navitem .count{background:#bd332b;color:white;border-radius:3px}
html[data-palette=erp] .navitem .soon{color:#9eafb7;font-size:9px}
html[data-palette=erp] .sidebar-bottom{padding:10px 18px 0;margin-top:auto}
html[data-palette=erp] .build-box{display:none}
html[data-palette=erp] .profile{border-top:1px solid #6a7c85;padding:13px 0 0;color:#c6d6dd}
html[data-palette=erp] .profile strong{color:white}html[data-palette=erp] .profile .avatar{background:#627e8c;color:white}
html[data-palette=erp] .topbar{height:86px;background:#25343b;border-bottom:0;padding:0 30px;color:#dce7ec}
html[data-palette=erp] .breadcrumb,html[data-palette=erp] .breadcrumb strong,html[data-palette=erp] .topdate{color:#e5ecef}
html[data-palette=erp] .top-right>button{color:#dce7ec}
html[data-palette=erp] .topbar .search{background:#354850;color:#c5d6de;border:1px solid #526871;border-radius:4px}
html[data-palette=erp] .topbar .search input{color:white}
html[data-palette=erp] .appearance-trigger{background:#354850;border-color:#5c717b;border-radius:4px;color:white}
html[data-palette=erp] .notice-badge{display:none}
html[data-palette=erp] .content{padding:28px 30px;max-width:1700px}
html[data-palette=erp] .card,html[data-palette=erp] .stat,html[data-palette=erp] .leave-summary-card{border-radius:5px;border-color:#d9e0e4;box-shadow:0 2px 5px #23353e06}
html[data-palette=erp] .cardhead{background:#f7f9fa;border-bottom:2px solid #e0e6e9}
html[data-palette=erp] .cardhead h2{color:#304650}
html[data-palette=erp] .btn{border-radius:4px;box-shadow:none}
html[data-palette=erp] .btn.primary{background:#e44f43;color:white;border-color:#e44f43}
html[data-palette=erp] thead th{background:#e5ebee;color:#465e69}
html[data-palette=erp] .tabs,html[data-palette=erp] .leave-hub-nav,html[data-palette=erp] .permission-tabs{border-radius:5px}
html[data-palette=erp] .stat .stat-icon{border-radius:5px}
html[data-palette=erp] .stat:nth-child(1){border-top:4px solid #ef5347}
html[data-palette=erp] .stat:nth-child(2){border-top:4px solid #3998ce}
html[data-palette=erp] .stat:nth-child(3){border-top:4px solid #dda44a}
html[data-palette=erp] .stat:nth-child(4){border-top:4px solid #6b9b83}
@media(max-width:1180px){html[data-palette=erp] .shell{grid-template-columns:252px minmax(0,1fr)}html[data-palette=erp] .sidebar{width:252px}html[data-palette=erp] .topbar{padding:0 20px}html[data-palette=erp] .topdate{display:none}}
@media(max-width:700px){html[data-palette=erp] .shell{display:block}html[data-palette=erp] .sidebar{width:272px}html[data-palette=erp] .sidebar.open{width:272px}html[data-palette=erp] .topbar{height:65px;padding:0 14px}html[data-palette=erp] .content{padding:22px 16px}html[data-palette=erp] .topbar .mobile-toggle{color:white}}
}

.rm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.rm-toolbar .leave-hub-nav{margin:0;flex:1}.rm-filters{display:flex;gap:10px}.rm-filters select{width:190px}.rm-filters input{width:230px}.rm-filters input,.rm-filters select{min-height:44px;padding:10px 14px;border:1px solid var(--line,#e4e3dc);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit}.rm-templates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.rm-template{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;padding:20px;border:1px solid var(--line,#e7e5de);border-radius:16px;text-align:left;background:var(--surface,#fff);color:inherit;font:inherit;cursor:pointer}.rm-template span{font-size:24px}.rm-template small{width:100%;font-size:13px}.rm-template:disabled{opacity:.55;cursor:default}.rm-list .panelhead{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;gap:14px}.rm-list h2{margin:0}.rm-list small,.rm-history small{display:block;font-size:13px;line-height:1.6;color:var(--muted,#89918a)}.rm-list th+th,.rm-list td+td,.rm-history th+th,.rm-history td+td{border-left:1px solid var(--line,#ecebe6)}.rm-list td{vertical-align:middle;padding:20px}.rm-title{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}.rm-actions{display:flex;gap:6px}.rm-icon{width:34px;height:34px;border:1px solid var(--line,#e7e3d9);border-radius:9px;background:var(--surface,#f8f7f3);cursor:pointer}.rm-status{font-size:13px;padding:6px 10px;border-radius:8px;background:#edf4ef;color:#48785b}.rm-status.paused{background:#fff3dc;color:#9b762b}.rm-status.completed{background:#edf0f4;color:#657284}.rm-empty{text-align:center;padding:40px!important}.rm-heartbeat{font-size:13px;color:var(--muted,#89918a);margin:16px 2px}.rm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rm-form label:not(.rm-check){display:block;margin-bottom:18px}.rm-form input:not([type=checkbox]),.rm-form select,.rm-form textarea{width:100%;margin-top:8px}.rm-check{display:flex;align-items:center;gap:10px;font-weight:400;padding:10px 0}.rm-check input[type=checkbox]{width:19px;height:19px;flex:none;margin:0}.rm-check small{margin-left:auto;font-size:12px}.rm-choices{max-height:230px;overflow:auto;border:1px solid var(--line,#ecebe6);border-radius:12px;padding:8px 14px}.rm-note{font-size:13px;color:var(--muted,#89918a);line-height:1.7}.rm-form [hidden]{display:none!important}.rm-list .tablewrap{overflow:auto}.rm-list table{min-width:820px;width:100%}.rm-history table{width:100%}.rm-list .badge{font-size:13px}.rm-template strong{font-size:15px}
@media(max-width:1000px){.rm-toolbar{flex-wrap:wrap}.rm-toolbar .leave-hub-nav{flex-basis:100%}.rm-filters{width:100%}.rm-filters input{flex:1;min-width:0}.rm-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.rm-head{align-items:flex-start!important}.rm-head .actions{flex-wrap:wrap}.rm-form-grid{grid-template-columns:1fr}.rm-filters select{width:42%}.rm-templates{gap:8px}.rm-template{padding:14px}.rm-list .panelhead{align-items:flex-start;flex-direction:column}.rm-check{flex-wrap:wrap}.rm-check small{margin-left:29px}.rm-toolbar .leave-hub-nav{overflow:auto;white-space:nowrap}}

.rm-form{font-size:14px;display:block}.rm-form label{font-size:14px}.rm-form label:not(.rm-check){margin-bottom:16px}.rm-form h3{margin:14px 0}.rm-form h4{margin:20px 0 8px}.rm-head .actions{display:flex;gap:10px}.rm-form .rm-form-grid{align-items:start}dialog:has(#reminder-form){width:min(660px,calc(100vw - 30px))}

.rm-description{margin:0 0 16px}.rm-description summary{font-size:14px;font-weight:600;cursor:pointer;color:var(--muted)}.rm-description textarea{min-height:62px}.rm-filters .rm-check{font-size:13px;display:flex;white-space:nowrap;gap:6px}

.rm-mall-selection{margin:0 0 16px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;max-height:210px;overflow:auto}.rm-mall-selection legend{font-weight:600;padding:0 5px}.rm-form [data-rm-recipient-mall]+[data-rm-recipient-mall]{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}

.rm-activity-history{margin-top:24px}.rm-activity-filters,.rm-activity-footer{display:flex;gap:8px;padding:14px 22px;align-items:center;flex-wrap:wrap}.rm-activity-filters .btn{font-size:13px;padding:8px 12px;min-height:36px}.rm-activity-footer{justify-content:space-between}.rm-activity-footer small{max-width:70%}.rm-status.failed,.rm-status.uncertain{background:#fff0ea;color:#a35240}.rm-status.blocked,.rm-status.queued,.rm-status.sending{background:#fff5df;color:#97702d}.rm-status.cancelled{background:#eeeff1;color:#768086}

/* Clear, theme-aware grid across reminder lists and delivery history. */
html .rm-list .tablewrap table,html .rm-history .tablewrap table{border-collapse:collapse;border:1px solid color-mix(in srgb,var(--ink) 18%,var(--surface))}
html .rm-list .tablewrap table tr>th,html .rm-list .tablewrap table tr>td,html .rm-history .tablewrap table tr>th,html .rm-history .tablewrap table tr>td{border:1px solid color-mix(in srgb,var(--ink) 18%,var(--surface))}