@cahyo-dimas/freeday 1.7.0

package/dist/freeday.bundle.css

@@ -0,0 +1,1352 @@
+/* Freeday — tokens + components in one file. GENERATED by tokens/build.mjs. */
+/* Freeday tokens — GENERATED by tokens/build.mjs. Do not edit by hand. */
+:root {
+  --azure-50: #eff4ff;
+  --azure-100: #dbe6fe;
+  --azure-200: #bdd2fd;
+  --azure-300: #90b3fb;
+  --azure-400: #5c8bf6;
+  --azure-500: #3467ec;
+  --azure-600: #2050d8;
+  --azure-700: #1c40b0;
+  --azure-800: #1c398c;
+  --azure-900: #1c336e;
+  --azure-950: #131e42;
+  --slate-0: #ffffff;
+  --slate-50: #f7f8fa;
+  --slate-100: #eef0f4;
+  --slate-200: #e0e3ea;
+  --slate-300: #cbd0da;
+  --slate-400: #99a1b3;
+  --slate-500: #6b7488;
+  --slate-600: #4d5568;
+  --slate-700: #3a4152;
+  --slate-800: #262b38;
+  --slate-900: #171b26;
+  --slate-950: #0e111a;
+  --sky-50: #eff6fd;
+  --sky-100: #d6e9fb;
+  --sky-200: #b0d4f6;
+  --sky-300: #7bbdef;
+  --sky-400: #47a1e6;
+  --sky-500: #1a86dc;
+  --sky-600: #0078d4;
+  --sky-700: #0061ac;
+  --sky-800: #004d88;
+  --sky-900: #003a67;
+  --red-100: #fee2e2;
+  --red-300: #fca5a5;
+  --red-400: #f87171;
+  --red-500: #ef4444;
+  --red-600: #dc2626;
+  --red-700: #b91c1c;
+  --amber-100: #fef3c7;
+  --amber-400: #fbbf24;
+  --amber-500: #f59e0b;
+  --amber-600: #d97706;
+  --amber-700: #b45309;
+  --amber-800: #92400e;
+  --green-100: #dcfce7;
+  --green-400: #4ade80;
+  --green-500: #22c55e;
+  --green-600: #16a34a;
+  --green-700: #15803d;
+  --green-800: #166534;
+  --blue-100: #dbeafe;
+  --blue-300: #93c5fd;
+  --blue-400: #60a5fa;
+  --blue-500: #3b82f6;
+  --blue-600: #2563eb;
+  --blue-700: #1d4ed8;
+  --font-display: 'Sora', ui-sans-serif, system-ui, sans-serif;
+  --font-body: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
+  --text-xs: 0.75rem;
+  --text-sm: 0.875rem;
+  --text-base: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5625rem;
+  --text-3xl: 1.9375rem;
+  --text-4xl: 2.4375rem;
+  --text-5xl: 3.0625rem;
+  --leading-tight: 1.2;
+  --leading-snug: 1.35;
+  --leading-normal: 1.55;
+  --leading-loose: 1.75;
+  --tracking-tighter: -0.03em;
+  --tracking-tight: -0.02em;
+  --tracking-normal: 0;
+  --tracking-wide: 0.06em;
+  --weight-regular: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+  --space-0: 0;
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  --space-16: 4rem;
+  --space-20: 5rem;
+  --space-24: 6rem;
+  --radius-xs: 3px;
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 10px;
+  --radius-xl: 14px;
+  --radius-full: 999px;
+  --shadow-1: 0 1px 2px rgba(16,14,30,.06);
+  --shadow-2: 0 2px 6px rgba(16,14,30,.07),0 1px 2px rgba(16,14,30,.05);
+  --shadow-3: 0 4px 16px -2px rgba(16,14,30,.14),0 1px 3px rgba(16,14,30,.10);
+  --shadow-4: 0 24px 48px -12px rgba(16,14,30,.26),0 2px 8px rgba(16,14,30,.10);
+  --shadow-lift: 0 1px 2px rgba(16,14,30,.05),0 16px 34px -14px rgba(16,14,30,.24);
+  --shadow-lift-hover: 0 2px 4px rgba(16,14,30,.06),0 30px 50px -16px rgba(16,14,30,.33);
+  --dur-fast: 120ms;
+  --dur-base: 180ms;
+  --dur-slow: 280ms;
+  --ease-standard: cubic-bezier(.2,0,0,1);
+  --ease-spring: cubic-bezier(.2,.8,.2,1);
+  --control-h: 2.5rem;
+  --control-box: 1.15rem;
+  --control-switch-w: 2.4rem;
+  --control-switch-h: 1.35rem;
+  --bw: 1px;
+  --color-primary: var(--azure-600);
+  --color-primary-hover: var(--azure-700);
+  --color-primary-active: var(--azure-800);
+  --color-on-primary: var(--slate-0);
+  --color-primary-soft: var(--azure-50);
+  --color-primary-border: var(--azure-100);
+  --color-accent: var(--sky-600);
+  --color-accent-hover: var(--sky-700);
+  --color-on-accent: var(--slate-0);
+  --color-on-danger: var(--slate-0);
+  --color-danger-btn: var(--red-600);
+  --color-surface: var(--slate-0);
+  --color-surface-2: var(--slate-50);
+  --color-surface-3: var(--slate-100);
+  --color-text: var(--slate-900);
+  --color-text-muted: var(--slate-600);
+  --color-text-subtle: var(--slate-500);
+  --color-on-brand: var(--slate-0);
+  --color-border: var(--slate-200);
+  --color-border-strong: var(--slate-300);
+  --color-border-muted: var(--slate-100);
+  --color-control-border: var(--slate-500);
+  --color-switch-thumb: var(--slate-0);
+  --color-shadow-inset: rgba(16,14,30,.06);
+  --color-inverse-surface: var(--slate-900);
+  --color-inverse-text: var(--slate-0);
+  --color-success: var(--green-600);
+  --color-success-soft: var(--green-100);
+  --color-warning: #c2740a;
+  --color-warning-soft: var(--amber-100);
+  --color-danger: var(--red-600);
+  --color-danger-soft: var(--red-100);
+  --color-info: var(--blue-600);
+  --color-info-soft: var(--blue-100);
+  --color-primary-strong: var(--azure-700);
+  --color-success-strong: var(--green-800);
+  --color-warning-strong: var(--amber-800);
+  --color-danger-strong: var(--red-700);
+  --color-info-strong: var(--blue-700);
+  --chart-1: #2a78d6;
+  --chart-2: #eb6834;
+  --chart-3: #1baf7a;
+  --chart-4: #eda100;
+  --chart-5: #e87ba4;
+  --chart-6: #008300;
+  --chart-7: #4a3aa7;
+  --chart-8: #e34948;
+  --chart-grid: var(--slate-200);
+  --chart-tick: var(--slate-400);
+  --focus-ring: var(--azure-600);
+  --focus-ring-width: 2px;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
+  --shadow-2: 0 2px 6px rgba(0,0,0,.45);
+  --shadow-3: 0 6px 20px -2px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5);
+  --shadow-4: 0 28px 56px -12px rgba(0,0,0,.72),0 2px 8px rgba(0,0,0,.5);
+  --shadow-lift: 0 1px 2px rgba(0,0,0,.5),0 18px 38px -14px rgba(0,0,0,.72);
+  --shadow-lift-hover: 0 3px 6px rgba(0,0,0,.55),0 32px 56px -16px rgba(0,0,0,.82);
+  --color-primary: var(--azure-500);
+  --color-primary-hover: var(--azure-400);
+  --color-primary-active: var(--azure-300);
+  --color-on-primary: var(--slate-0);
+  --color-primary-soft: rgba(32,80,216,.20);
+  --color-primary-border: rgba(92,139,246,.28);
+  --color-accent: var(--sky-400);
+  --color-accent-hover: var(--sky-300);
+  --color-on-accent: #06233f;
+  --color-on-danger: var(--slate-0);
+  --color-danger-btn: var(--red-600);
+  --color-surface: var(--slate-950);
+  --color-surface-2: var(--slate-900);
+  --color-surface-3: var(--slate-800);
+  --color-text: var(--slate-100);
+  --color-text-muted: var(--slate-400);
+  --color-text-subtle: var(--slate-500);
+  --color-on-brand: var(--slate-0);
+  --color-border: var(--slate-800);
+  --color-border-strong: var(--slate-700);
+  --color-border-muted: #1c2130;
+  --color-control-border: var(--slate-500);
+  --color-inverse-surface: var(--slate-100);
+  --color-inverse-text: var(--slate-900);
+  --color-success: var(--green-500);
+  --color-success-soft: rgba(34,197,94,.18);
+  --color-warning: var(--amber-500);
+  --color-warning-soft: rgba(234,179,8,.18);
+  --color-danger: var(--red-400);
+  --color-danger-soft: rgba(248,113,113,.18);
+  --color-info: var(--blue-400);
+  --color-info-soft: rgba(96,165,250,.18);
+  --color-primary-strong: var(--azure-300);
+  --color-success-strong: var(--green-400);
+  --color-warning-strong: var(--amber-400);
+  --color-danger-strong: var(--red-300);
+  --color-info-strong: var(--blue-300);
+  --chart-1: #3987e5;
+  --chart-2: #d95926;
+  --chart-3: #199e70;
+  --chart-4: #c98500;
+  --chart-5: #d55181;
+  --chart-6: #008300;
+  --chart-7: #9085e9;
+  --chart-8: #e66767;
+  --chart-grid: var(--slate-800);
+  --chart-tick: var(--slate-600);
+  --focus-ring: var(--azure-400);
+  }
+}
+:root[data-theme="dark"] {
+  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
+  --shadow-2: 0 2px 6px rgba(0,0,0,.45);
+  --shadow-3: 0 6px 20px -2px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5);
+  --shadow-4: 0 28px 56px -12px rgba(0,0,0,.72),0 2px 8px rgba(0,0,0,.5);
+  --shadow-lift: 0 1px 2px rgba(0,0,0,.5),0 18px 38px -14px rgba(0,0,0,.72);
+  --shadow-lift-hover: 0 3px 6px rgba(0,0,0,.55),0 32px 56px -16px rgba(0,0,0,.82);
+  --color-primary: var(--azure-500);
+  --color-primary-hover: var(--azure-400);
+  --color-primary-active: var(--azure-300);
+  --color-on-primary: var(--slate-0);
+  --color-primary-soft: rgba(32,80,216,.20);
+  --color-primary-border: rgba(92,139,246,.28);
+  --color-accent: var(--sky-400);
+  --color-accent-hover: var(--sky-300);
+  --color-on-accent: #06233f;
+  --color-on-danger: var(--slate-0);
+  --color-danger-btn: var(--red-600);
+  --color-surface: var(--slate-950);
+  --color-surface-2: var(--slate-900);
+  --color-surface-3: var(--slate-800);
+  --color-text: var(--slate-100);
+  --color-text-muted: var(--slate-400);
+  --color-text-subtle: var(--slate-500);
+  --color-on-brand: var(--slate-0);
+  --color-border: var(--slate-800);
+  --color-border-strong: var(--slate-700);
+  --color-border-muted: #1c2130;
+  --color-control-border: var(--slate-500);
+  --color-inverse-surface: var(--slate-100);
+  --color-inverse-text: var(--slate-900);
+  --color-success: var(--green-500);
+  --color-success-soft: rgba(34,197,94,.18);
+  --color-warning: var(--amber-500);
+  --color-warning-soft: rgba(234,179,8,.18);
+  --color-danger: var(--red-400);
+  --color-danger-soft: rgba(248,113,113,.18);
+  --color-info: var(--blue-400);
+  --color-info-soft: rgba(96,165,250,.18);
+  --color-primary-strong: var(--azure-300);
+  --color-success-strong: var(--green-400);
+  --color-warning-strong: var(--amber-400);
+  --color-danger-strong: var(--red-300);
+  --color-info-strong: var(--blue-300);
+  --chart-1: #3987e5;
+  --chart-2: #d95926;
+  --chart-3: #199e70;
+  --chart-4: #c98500;
+  --chart-5: #d55181;
+  --chart-6: #008300;
+  --chart-7: #9085e9;
+  --chart-8: #e66767;
+  --chart-grid: var(--slate-800);
+  --chart-tick: var(--slate-600);
+  --focus-ring: var(--azure-400);
+}
+:root[data-theme="light"] {
+  --shadow-1: 0 1px 2px rgba(16,14,30,.06);
+  --shadow-2: 0 2px 6px rgba(16,14,30,.07),0 1px 2px rgba(16,14,30,.05);
+  --shadow-3: 0 4px 16px -2px rgba(16,14,30,.14),0 1px 3px rgba(16,14,30,.10);
+  --shadow-4: 0 24px 48px -12px rgba(16,14,30,.26),0 2px 8px rgba(16,14,30,.10);
+  --shadow-lift: 0 1px 2px rgba(16,14,30,.05),0 16px 34px -14px rgba(16,14,30,.24);
+  --shadow-lift-hover: 0 2px 4px rgba(16,14,30,.06),0 30px 50px -16px rgba(16,14,30,.33);
+  --color-primary: var(--azure-600);
+  --color-primary-hover: var(--azure-700);
+  --color-primary-active: var(--azure-800);
+  --color-on-primary: var(--slate-0);
+  --color-primary-soft: var(--azure-50);
+  --color-primary-border: var(--azure-100);
+  --color-accent: var(--sky-600);
+  --color-accent-hover: var(--sky-700);
+  --color-on-accent: var(--slate-0);
+  --color-on-danger: var(--slate-0);
+  --color-danger-btn: var(--red-600);
+  --color-surface: var(--slate-0);
+  --color-surface-2: var(--slate-50);
+  --color-surface-3: var(--slate-100);
+  --color-text: var(--slate-900);
+  --color-text-muted: var(--slate-600);
+  --color-text-subtle: var(--slate-500);
+  --color-on-brand: var(--slate-0);
+  --color-border: var(--slate-200);
+  --color-border-strong: var(--slate-300);
+  --color-border-muted: var(--slate-100);
+  --color-control-border: var(--slate-500);
+  --color-inverse-surface: var(--slate-900);
+  --color-inverse-text: var(--slate-0);
+  --color-success: var(--green-600);
+  --color-success-soft: var(--green-100);
+  --color-warning: #c2740a;
+  --color-warning-soft: var(--amber-100);
+  --color-danger: var(--red-600);
+  --color-danger-soft: var(--red-100);
+  --color-info: var(--blue-600);
+  --color-info-soft: var(--blue-100);
+  --color-primary-strong: var(--azure-700);
+  --color-success-strong: var(--green-800);
+  --color-warning-strong: var(--amber-800);
+  --color-danger-strong: var(--red-700);
+  --color-info-strong: var(--blue-700);
+  --chart-1: #2a78d6;
+  --chart-2: #eb6834;
+  --chart-3: #1baf7a;
+  --chart-4: #eda100;
+  --chart-5: #e87ba4;
+  --chart-6: #008300;
+  --chart-7: #4a3aa7;
+  --chart-8: #e34948;
+  --chart-grid: var(--slate-200);
+  --chart-tick: var(--slate-400);
+  --focus-ring: var(--azure-600);
+}
+:root[data-density="compact"] {
+  --control-h: 2rem;
+}
+
+/* Freeday components — GENERATED by tokens/build.mjs. Do not edit by hand. */
+/* Freeday base layer — reset ringan + default via token */
+*, *::before, *::after { box-sizing: border-box; }
+html { -webkit-text-size-adjust: 100%; }
+body {
+  margin: 0;
+  font-family: var(--font-body);
+  font-size: var(--text-base);
+  line-height: var(--leading-normal);
+  color: var(--color-text);
+  background: var(--color-surface);
+  -webkit-font-smoothing: antialiased;
+}
+h1, h2, h3, h4 { font-family: var(--font-display); font-weight: var(--weight-bold); letter-spacing: var(--tracking-tighter); line-height: var(--leading-snug); margin: 0; }
+a { color: var(--color-primary); }
+:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring); outline-offset: var(--focus-ring-width); border-radius: var(--radius-xs); }
+:where(button, input, select, textarea) { font: inherit; }
+.fdy-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
+}
+
+/* Freeday — Accordion (native <details>/<summary>, zero-JS) */
+.fdy-accordion{border:var(--bw) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);}
+.fdy-accordion__item + .fdy-accordion__item{border-top:var(--bw) solid var(--color-border);}
+.fdy-accordion__item > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-weight:var(--weight-medium);color:var(--color-text);}
+.fdy-accordion__item > summary::-webkit-details-marker{display:none;}
+.fdy-accordion__item > summary::after{content:"";margin-left:auto;margin-top:-.15rem;flex:none;width:.5rem;height:.5rem;border-right:2px solid var(--color-text-subtle);border-bottom:2px solid var(--color-text-subtle);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-standard);}
+.fdy-accordion__item[open] > summary::after{transform:rotate(225deg);margin-top:.1rem;}
+.fdy-accordion__item > summary:hover{background:var(--color-surface-2);}
+.fdy-accordion__item > summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent);}
+.fdy-accordion__panel{padding:0 var(--space-4) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);}
+/* Content reveal on open (fade + rise). Native <details> can't animate its own height cross-
+ * browser without JS, so we animate the revealed panel instead — cheap, safe, reduced-motion gated. */
+@media (prefers-reduced-motion:no-preference){.fdy-accordion__item[open] > .fdy-accordion__panel{animation:fdy-combo-in var(--dur-base) var(--ease-standard);}}
+
+/* Freeday — Alert (inline) */
+.fdy-alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--bw) solid var(--color-border);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-2);}
+.fdy-alert__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-top:.05rem;}
+.fdy-alert__icon svg{width:100%;height:100%;}
+.fdy-alert__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);}
+.fdy-alert__title{font-weight:var(--weight-semibold);color:var(--color-text);}
+.fdy-alert__text{color:var(--color-text);line-height:var(--leading-normal);}
+.fdy-alert__close{flex:none;align-self:flex-start;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:0 var(--space-1);border-radius:var(--radius-sm);}
+.fdy-alert__close:hover{color:var(--color-text);}
+.fdy-alert__close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-alert--info{background:var(--color-info-soft);border-color:color-mix(in srgb,var(--color-info) 26%,transparent);}
+.fdy-alert--info .fdy-alert__title,.fdy-alert--info .fdy-alert__icon{color:var(--color-info-strong);}
+.fdy-alert--success{background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 26%,transparent);}
+.fdy-alert--success .fdy-alert__title,.fdy-alert--success .fdy-alert__icon{color:var(--color-success-strong);}
+.fdy-alert--warning{background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 26%,transparent);}
+.fdy-alert--warning .fdy-alert__title,.fdy-alert--warning .fdy-alert__icon{color:var(--color-warning-strong);}
+.fdy-alert--danger{background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 26%,transparent);}
+.fdy-alert--danger .fdy-alert__title,.fdy-alert--danger .fdy-alert__icon{color:var(--color-danger-strong);}
+
+/* Freeday — App Shell.
+ * Natural document scroll: the shell grows with content and the PAGE scrolls,
+ * while the sidebar and topbar are position:sticky so they stay in view. No
+ * fixed-height / internal-scroll trickery (that leaves a white gap if the host
+ * page can still scroll). Structure: .fdy-app > (.fdy-app__sidebar, .fdy-app__content
+ * > (.fdy-app__topbar, .fdy-app__main)). The __content wrapper gives the sticky
+ * topbar a tall containing block so it can travel — a bare grid cell can't. */
+.fdy-app{display:flex;align-items:stretch;min-height:100vh;background:var(--color-surface-2);}
+.fdy-app__sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;overflow:hidden;flex:none;width:15.5rem;box-sizing:border-box;background:var(--color-surface);border-right:var(--bw) solid var(--color-border);display:flex;flex-direction:column;transition:width var(--dur-slow) var(--ease-standard),border-right-width var(--dur-slow) var(--ease-standard);}
+.fdy-app__content{flex:1;min-width:0;display:flex;flex-direction:column;}
+/* Brand is a fixed header — same height as the topbar so they align, and only
+ * the nav below it scrolls. Bare text (no children) renders as one bold
+ * display line via the rules on .fdy-app__brand itself. For a mark + two-line
+ * title/subtitle, add structured children mirroring .fdy-appbar__brand:
+ * <div class="fdy-app__brand"><svg class="fdy-app__brand-mark">…</svg>
+ *   <div class="fdy-app__brand-text">
+ *     <span class="fdy-app__brand-title">…</span>
+ *     <span class="fdy-app__brand-subtitle">…</span>
+ *   </div></div> */
+.fdy-app__brand{flex:none;display:flex;align-items:center;gap:var(--space-2);box-sizing:border-box;min-height:var(--space-16);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text);text-decoration:none;padding:0 var(--space-4);border-bottom:var(--bw) solid var(--color-border);}
+.fdy-app__brand-mark{flex:none;width:1.5rem;height:1.5rem;}
+.fdy-app__brand-mark svg{display:block;width:100%;height:100%;}
+.fdy-app__brand-text{display:flex;flex-direction:column;min-width:0;}
+.fdy-app__brand-title{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-app__brand-subtitle{display:block;font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-3) var(--space-6);}
+.fdy-nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);}
+.fdy-nav__item:hover{background:var(--color-surface-2);color:var(--color-text);}
+/* Active indicator stays in the primary ramp so it never clashes with a re-themed accent. */
+.fdy-nav__item[aria-current="page"]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--weight-semibold);}
+.fdy-nav__item:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent);}
+/* Sidebar-menu extras: per-node icon (leading), count badge (trailing), and a
+ * text label that truncates. Any of these are optional — a bare text item works. */
+.fdy-nav__icon{flex:none;display:inline-flex;width:1.15rem;height:1.15rem;}
+.fdy-nav__icon svg{display:block;width:100%;height:100%;}
+.fdy-nav__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-nav__badge{flex:none;margin-left:auto;min-width:1.25rem;height:1.25rem;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;border-radius:var(--radius-full);background:var(--color-surface-3);color:var(--color-text-muted);}
+.fdy-nav__item[aria-current="page"] .fdy-nav__badge{background:var(--color-primary);color:var(--color-on-primary);}
+/* Collapsible section: <details class="fdy-nav__group"><summary class="fdy-nav__grouplabel"> */
+.fdy-nav__group{margin:0;}
+.fdy-nav__group + .fdy-nav__group,.fdy-nav__item + .fdy-nav__group{border-top:var(--bw) solid var(--color-border-muted);margin-top:var(--space-1);padding-top:var(--space-1);}
+.fdy-nav__grouplabel{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-semibold);color:var(--color-text-subtle);}
+.fdy-nav__grouplabel::-webkit-details-marker{display:none;}
+.fdy-nav__grouplabel:hover{color:var(--color-text-muted);}
+.fdy-nav__grouplabel:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent);}
+.fdy-nav__grouplabel::after{content:"";flex:none;width:.45rem;height:.45rem;margin-right:var(--space-1);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--dur-fast) var(--ease-standard);opacity:.7;}
+.fdy-nav__group[open] > .fdy-nav__grouplabel::after{transform:rotate(45deg);}
+/* --flat: calmer, non-collapsible grouped nav — hide the caret, drop the
+ * inter-group divider and the collapse cursor. Works on native <details> groups
+ * (caret just hidden) and on static <div>/<p> groups (never collapsible). */
+.fdy-nav--flat .fdy-nav__grouplabel::after{display:none;}
+.fdy-nav--flat .fdy-nav__group + .fdy-nav__group,.fdy-nav--flat .fdy-nav__item + .fdy-nav__group{border-top:0;}
+.fdy-nav--flat .fdy-nav__grouplabel{cursor:default;}
+/* Collapsible item (nested tree): <details class="fdy-nav__tree"><summary class="fdy-nav__item"> */
+.fdy-nav__tree{margin:0;}
+.fdy-nav__tree > summary{list-style:none;}
+.fdy-nav__tree > summary::-webkit-details-marker{display:none;}
+.fdy-nav__tree > summary .fdy-nav__caret{flex:none;margin-left:auto;width:.4rem;height:.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--dur-fast) var(--ease-standard);opacity:.6;}
+.fdy-nav__tree[open] > summary .fdy-nav__caret{transform:rotate(45deg);}
+.fdy-nav__sub{display:flex;flex-direction:column;gap:2px;padding-left:calc(var(--space-3) + 1.15rem);margin-top:2px;}
+/* Collapse toggle (hamburger) — sits in the topbar; collapses the sidebar. */
+.fdy-app__navtoggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:none;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);}
+.fdy-app__navtoggle:hover{background:var(--color-surface-2);color:var(--color-text);}
+.fdy-app__navtoggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary);}
+.fdy-app__navtoggle svg{display:block;width:1.25rem;height:1.25rem;}
+/* Desktop collapse: animate width -> 0 (content clips via overflow:hidden; the content area
+ * flexes in to fill). Not display:none, so the collapse/expand slides instead of snapping. */
+@media (min-width:721px){.fdy-app--nav-collapsed .fdy-app__sidebar{width:0;border-right-width:0;}}
+.fdy-app__topbar{position:sticky;top:0;z-index:20;min-height:var(--space-16);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-8);background:var(--color-surface);border-bottom:var(--bw) solid var(--color-border);}
+.fdy-app__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 auto 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-app__main{flex:1;padding:var(--space-8);}
+.fdy-skip{position:absolute;left:var(--space-2);top:var(--space-2);background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:100;transform:translateY(-250%);transition:transform var(--dur-fast) var(--ease-standard);}
+.fdy-skip:focus{transform:translateY(0);}
+/* --static: for a bounded/embedded shell (a demo box, not the whole page) —
+ * drop sticky so nothing escapes the box; sidebar stretches to fill it. */
+.fdy-app--static .fdy-app__sidebar{position:static;height:auto;align-self:stretch;}
+.fdy-app--static .fdy-app__topbar{position:static;}
+/* Mobile: the sidebar becomes an off-canvas drawer opened by the topbar toggle. */
+.fdy-app__backdrop{display:none;}
+@media (max-width:720px){
+  .fdy-app__sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:16rem;z-index:60;transform:translateX(-100%);transition:transform var(--dur-base) var(--ease-standard);box-shadow:var(--shadow-4);}
+  .fdy-app--nav-open .fdy-app__sidebar{transform:translateX(0);}
+  .fdy-app__backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(8,10,20,.45);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-standard),visibility var(--dur-base) var(--ease-standard);}
+  .fdy-app--nav-open .fdy-app__backdrop{opacity:1;visibility:visible;}
+  .fdy-app__main{padding:var(--space-5);}
+  .fdy-app__topbar{padding:0 var(--space-4);}
+}
+@media (prefers-reduced-motion:reduce){.fdy-app__sidebar{transition:none;}}
+
+/* Freeday — App bar (standalone top bar: brand · actions · spacer).
+ * Distinct from .fdy-app__topbar (which is bound to the shell grid). Use anywhere;
+ * sticky / elevated / dense / coloured via modifiers. Pure CSS. */
+.fdy-appbar{display:flex;align-items:center;gap:var(--space-3);height:var(--space-16);padding:0 var(--space-4);background:var(--color-surface);color:var(--color-text);border-bottom:var(--bw) solid var(--color-border);}
+.fdy-appbar--sticky{position:sticky;top:0;z-index:90;}
+.fdy-appbar--elevated{border-bottom:0;box-shadow:var(--shadow-2);}
+.fdy-appbar--dense{height:var(--space-12);}
+.fdy-appbar--primary{background:var(--color-primary);color:var(--color-on-primary);border-bottom-color:transparent;}
+.fdy-appbar__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:inherit;white-space:nowrap;}
+.fdy-appbar__brand svg{display:block;width:1.5rem;height:1.5rem;}
+.fdy-appbar__spacer{flex:1;}
+.fdy-appbar__actions{display:inline-flex;align-items:center;gap:var(--space-1);}
+/* Controls on a coloured app bar go on-colour (icons stay legible, hover is a light wash) */
+.fdy-appbar--primary .fdy-btn--ghost{background:transparent;border-color:transparent;color:var(--color-on-primary);box-shadow:none;}
+.fdy-appbar--primary .fdy-btn--ghost:hover{background:color-mix(in srgb,var(--color-on-primary) 16%,transparent);color:var(--color-on-primary);transform:none;}
+
+/* Freeday — Autocomplete (text input + filtered suggestion listbox, APG editable combobox).
+ * Enhanced by freeday-autocomplete.js. */
+.fdy-autocomplete{position:relative;display:block;max-width:22rem;}
+.fdy-autocomplete__listbox{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:120;min-width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:var(--space-1);list-style:none;background:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);}
+.fdy-autocomplete__listbox[hidden]{display:none;}
+.fdy-autocomplete__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;}
+.fdy-autocomplete__option[hidden]{display:none;}
+.fdy-autocomplete__option:hover,.fdy-autocomplete__option.is-highlighted{background:var(--color-surface-3);}
+.fdy-autocomplete__option[aria-selected="true"]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--weight-semibold);}
+.fdy-autocomplete__empty{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);}
+.fdy-autocomplete__empty[hidden]{display:none;}
+@media (prefers-reduced-motion:no-preference){.fdy-autocomplete__listbox:not([hidden]){animation:fdy-combo-in var(--dur-fast) var(--ease-standard);}}
+
+/* Freeday — Avatar */
+.fdy-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-strong);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1;overflow:hidden;user-select:none;}
+.fdy-avatar img{width:100%;height:100%;object-fit:cover;}
+.fdy-avatar--sm{width:2rem;height:2rem;font-size:var(--text-xs);}
+.fdy-avatar--lg{width:3.5rem;height:3.5rem;font-size:var(--text-lg);}
+.fdy-avatar-group{display:inline-flex;}
+.fdy-avatar-group .fdy-avatar{border:2px solid var(--color-surface);margin-left:calc(var(--space-2)*-1);}
+.fdy-avatar-group .fdy-avatar:first-child{margin-left:0;}
+
+/* Freeday — Badge */
+.fdy-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;padding:.35em .7em;border-radius:var(--radius-full);color:var(--color-primary-strong);background:var(--color-primary-soft);border:var(--bw) solid color-mix(in srgb,var(--color-primary) 22%,transparent);box-shadow:0 1px 1.5px rgba(16,14,30,.05);}
+.fdy-badge--success{color:var(--color-success-strong);background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 26%,transparent);}
+.fdy-badge--warning{color:var(--color-warning-strong);background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 26%,transparent);}
+.fdy-badge--danger{color:var(--color-danger-strong);background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 26%,transparent);}
+.fdy-badge--info{color:var(--color-info-strong);background:var(--color-info-soft);border-color:color-mix(in srgb,var(--color-info) 26%,transparent);}
+.fdy-badge--outline{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-muted);box-shadow:none;}
+
+/* Overlay badge — anchors a small count/dot/icon badge to a corner of any element
+ * (icon, button, text). Wrap the content in .fdy-badge-wrap; add .fdy-badge-ov as a
+ * sibling. Default is a solid neutral pill; colour + dot + position via modifiers. */
+.fdy-badge-wrap{position:relative;display:inline-flex;vertical-align:middle;}
+.fdy-badge-ov{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;color:var(--color-inverse-text);background:var(--color-inverse-surface);border:2px solid var(--color-surface);}
+.fdy-badge-ov svg{display:block;width:.75rem;height:.75rem;}
+.fdy-badge-ov--dot{min-width:0;width:.75rem;height:.75rem;padding:0;}
+/* Solid colours safe for count/text (on-* tokens, AA in light & dark) */
+.fdy-badge-ov--primary{background:var(--color-primary);color:var(--color-on-primary);}
+.fdy-badge-ov--danger{background:var(--color-danger-btn);color:var(--color-on-danger);}
+/* Dot-oriented accents (for dots — plain text on these is not guaranteed AA) */
+.fdy-badge-ov--accent{background:var(--color-accent);}
+.fdy-badge-ov--info{background:var(--color-info);}
+.fdy-badge-ov--success{background:var(--color-success);}
+.fdy-badge-ov--warning{background:var(--color-warning);}
+/* Anchor position */
+.fdy-badge-ov--top-left{right:auto;left:0;transform:translate(-50%,-50%);}
+.fdy-badge-ov--bottom-right{top:auto;bottom:0;transform:translate(50%,50%);}
+.fdy-badge-ov--bottom-left{top:auto;bottom:0;right:auto;left:0;transform:translate(-50%,50%);}
+
+/* Freeday — Breadcrumb */
+.fdy-breadcrumb{font-size:var(--text-sm);}
+.fdy-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0;}
+.fdy-breadcrumb__item{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);}
+.fdy-breadcrumb__link{color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);}
+.fdy-breadcrumb__link:hover{color:var(--color-primary-strong);text-decoration:underline;}
+.fdy-breadcrumb__link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-breadcrumb__item[aria-current="page"]{color:var(--color-text);font-weight:var(--weight-medium);}
+.fdy-breadcrumb__sep{color:var(--color-text-subtle);user-select:none;}
+
+/* Freeday — Responsive display utilities (pairs with freeday-breakpoint.js).
+ * Breakpoint scale (min-width, px): sm 600 · md 960 · lg 1280 · xl 1920.
+ * NOTE: media-query breakpoints must be literal — CSS can't read custom properties
+ * inside @media, so these px are structural, not stray magic numbers. */
+.fdy-hidden{display:none !important;}
+
+/* hide-below-X — hidden when the viewport is narrower than X (content shows at X and up) */
+@media (max-width:599.98px){.fdy-hide-below-sm{display:none !important;}}
+@media (max-width:959.98px){.fdy-hide-below-md{display:none !important;}}
+@media (max-width:1279.98px){.fdy-hide-below-lg{display:none !important;}}
+
+/* hide-above-X — hidden when the viewport is X and wider (content shows below X) */
+@media (min-width:600px){.fdy-hide-above-sm{display:none !important;}}
+@media (min-width:960px){.fdy-hide-above-md{display:none !important;}}
+@media (min-width:1280px){.fdy-hide-above-lg{display:none !important;}}
+
+/* Freeday — Button */
+.fdy-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
+  height:var(--control-h);padding:0 var(--space-4);
+  font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);
+  line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;color:var(--color-on-primary);
+  background:linear-gradient(180deg,var(--color-primary),color-mix(in srgb,#000 10%,var(--color-primary)));
+  border:var(--bw) solid transparent;border-radius:var(--radius-md);
+  box-shadow:0 2px 9px -1px color-mix(in srgb,var(--color-primary) 50%,transparent),inset 0 1px 0 rgba(255,255,255,.26);
+  transition:background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);}
+.fdy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px -2px color-mix(in srgb,var(--color-primary) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.26);}
+.fdy-btn:active{transform:translateY(1px);box-shadow:0 1px 4px -1px color-mix(in srgb,var(--color-primary) 46%,transparent);}
+.fdy-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}
+
+.fdy-btn--ghost{background:var(--color-surface);color:var(--color-primary-strong);border-color:var(--color-border-strong);box-shadow:var(--shadow-1);}
+.fdy-btn--ghost:hover{transform:none;background:var(--color-primary-soft);border-color:var(--color-primary-border);box-shadow:var(--shadow-1);}
+.fdy-btn--ghost:active{transform:translateY(1px);}
+
+.fdy-btn--danger{background:linear-gradient(180deg,var(--color-danger-btn),color-mix(in srgb,#000 12%,var(--color-danger-btn)));color:var(--color-on-danger);box-shadow:0 2px 9px -1px color-mix(in srgb,var(--color-danger-btn) 46%,transparent),inset 0 1px 0 rgba(255,255,255,.22);}
+.fdy-btn--danger:hover{transform:translateY(-1px);box-shadow:0 6px 18px -2px color-mix(in srgb,var(--color-danger-btn) 54%,transparent),inset 0 1px 0 rgba(255,255,255,.22);}
+.fdy-btn--danger:active{transform:translateY(1px);}
+
+.fdy-btn--sm{height:calc(var(--control-h) - var(--space-2));padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm);}
+.fdy-btn--lg{height:calc(var(--control-h) + var(--space-2));padding:0 var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg);}
+
+/* Icon inside a button — scales with the button's font size (works for text+icon & icon-only) */
+.fdy-btn__icon{display:inline-flex;flex:none;}
+.fdy-btn__icon svg{display:block;width:1.15em;height:1.15em;}
+
+/* Text button — lowest emphasis (no fill/border), colored label, subtle hover tint */
+.fdy-btn--text{background:none;color:var(--color-primary-strong);border-color:transparent;box-shadow:none;}
+.fdy-btn--text:hover{transform:none;background:var(--color-primary-soft);box-shadow:none;}
+.fdy-btn--text:active{transform:translateY(1px);box-shadow:none;}
+
+/* Icon-only — square; combine with --ghost/--text/--sm/--lg. Requires aria-label. */
+.fdy-btn--icon{width:var(--control-h);padding:0;}
+.fdy-btn--icon.fdy-btn--sm{width:calc(var(--control-h) - var(--space-2));}
+.fdy-btn--icon.fdy-btn--lg{width:calc(var(--control-h) + var(--space-2));}
+
+/* Button group — segmented, joined borders, rounded only at the ends */
+.fdy-btn-group{display:inline-flex;}
+.fdy-btn-group .fdy-btn{border-radius:0;}
+.fdy-btn-group .fdy-btn:not(:first-child){margin-left:calc(var(--bw) * -1);}
+.fdy-btn-group .fdy-btn:hover,.fdy-btn-group .fdy-btn:focus-visible{z-index:1;}
+.fdy-btn-group .fdy-btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);}
+.fdy-btn-group .fdy-btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);}
+
+/* FAB — circular elevated action button (icon), optional extended pill with label */
+.fdy-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:3.5rem;height:3.5rem;padding:0;border:var(--bw) solid transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-on-primary);background:linear-gradient(180deg,var(--color-primary),color-mix(in srgb,#000 10%,var(--color-primary)));box-shadow:var(--shadow-3);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+.fdy-fab:hover{transform:translateY(-1px);box-shadow:var(--shadow-4);}
+.fdy-fab:active{transform:translateY(1px);}
+.fdy-fab:focus-visible{border-radius:var(--radius-full);}
+.fdy-fab:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}
+.fdy-fab svg{display:block;width:1.5rem;height:1.5rem;}
+.fdy-fab--sm{width:2.5rem;height:2.5rem;}
+.fdy-fab--sm svg{width:1.25rem;height:1.25rem;}
+.fdy-fab--extended{width:auto;padding:0 var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);}
+.fdy-fab--danger{background:linear-gradient(180deg,var(--color-danger-btn),color-mix(in srgb,#000 12%,var(--color-danger-btn)));color:var(--color-on-danger);}
+.fdy-fab--accent{background:linear-gradient(180deg,var(--color-accent),color-mix(in srgb,#000 10%,var(--color-accent)));color:var(--color-on-accent);}
+
+/* Freeday — Card */
+.fdy-card{background:var(--color-surface);border:var(--bw) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lift);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard);}
+.fdy-card--elevated{box-shadow:var(--shadow-lift-hover);}
+.fdy-card--interactive{cursor:pointer;}
+.fdy-card--interactive:hover{box-shadow:var(--shadow-lift-hover);transform:translateY(-3px);}
+.fdy-card__body{padding:var(--space-5);}
+.fdy-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0 0 var(--space-1);}
+.fdy-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal);}
+.fdy-card__footer{padding:var(--space-3) var(--space-5);border-top:var(--bw) solid var(--color-border-muted);background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));display:flex;gap:var(--space-2);justify-content:flex-end;}
+
+/* Freeday — Carousel (scroll-snap track + arrows + dots). Enhanced by freeday-carousel.js. */
+.fdy-carousel{position:relative;}
+.fdy-carousel__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:var(--radius-lg);scrollbar-width:none;-ms-overflow-style:none;}
+.fdy-carousel__viewport::-webkit-scrollbar{display:none;}
+.fdy-carousel__slide{flex:0 0 100%;min-width:0;scroll-snap-align:center;}
+.fdy-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 86%,transparent);color:var(--color-text);box-shadow:var(--shadow-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);}
+.fdy-carousel__arrow:hover{background:var(--color-surface);}
+.fdy-carousel__arrow:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 40%,transparent);}
+.fdy-carousel__arrow:disabled{opacity:.4;cursor:not-allowed;}
+.fdy-carousel__arrow--prev{left:var(--space-3);}
+.fdy-carousel__arrow--next{right:var(--space-3);}
+.fdy-carousel__arrow svg{display:block;width:1.25rem;height:1.25rem;}
+.fdy-carousel__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);}
+.fdy-carousel__dot{width:.5rem;height:.5rem;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),width var(--dur-fast) var(--ease-standard);}
+.fdy-carousel__dot[aria-current="true"]{background:var(--color-primary);width:1.25rem;}
+.fdy-carousel__dot:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 40%,transparent);}
+@media (prefers-reduced-motion:reduce){.fdy-carousel__viewport{scroll-behavior:auto;}}
+
+/* Freeday — Cascade select (hierarchical drill-down picker).
+ * Built by freeday-cascade.js from a [data-fdy-cascade] wrapper whose hidden
+ * nested <ul> is the data model: a <li> with a child <ul> is a branch, one
+ * without is a selectable leaf. The popover shows one level at a time — branches
+ * drill in, a back control ascends, a leaf selects (value = full path).
+ * Trigger visual matches the combo / date / time control family. */
+.fdy-cascade{position:relative;display:inline-block;width:100%;max-width:22rem;}
+.fdy-cascade__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--space-3);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+.fdy-cascade__trigger:hover{border-color:var(--color-text-muted);}
+.fdy-cascade__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-cascade__trigger.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-cascade__trigger:disabled,.fdy-cascade__trigger[aria-disabled="true"]{opacity:.5;cursor:not-allowed;}
+.fdy-cascade--error .fdy-cascade__trigger,.fdy-cascade__trigger[aria-invalid="true"]{border-color:var(--color-danger);}
+.fdy-cascade--error .fdy-cascade__trigger:focus-visible,.fdy-cascade--error .fdy-cascade__trigger.is-open,.fdy-cascade__trigger[aria-invalid="true"]:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 26%,transparent);}
+.fdy-cascade__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-cascade__value--placeholder{color:var(--color-text-subtle);}
+.fdy-cascade__trigger::after{content:"";flex:none;width:.5rem;height:.5rem;margin-top:-.15rem;border-right:2px solid var(--color-text-subtle);border-bottom:2px solid var(--color-text-subtle);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-standard);}
+.fdy-cascade__trigger.is-open::after{transform:rotate(225deg);margin-top:.1rem;}
+
+.fdy-cascade__panel{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:130;min-width:100%;margin:0;padding:var(--space-1);background:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);}
+.fdy-cascade__panel[hidden]{display:none;}
+.fdy-cascade__panel:focus-visible{outline:none;}
+.fdy-cascade__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-2);margin-bottom:var(--space-1);border-bottom:var(--bw) solid var(--color-border);}
+.fdy-cascade__back{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;}
+.fdy-cascade__back:hover{background:var(--color-surface-3);color:var(--color-text);}
+.fdy-cascade__back:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent);}
+.fdy-cascade__back[hidden]{display:none;}
+.fdy-cascade__back svg{display:block;width:1rem;height:1rem;}
+.fdy-cascade__crumb{min-width:0;flex:1;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-cascade__list{margin:0;padding:0;list-style:none;max-height:14rem;overflow-y:auto;}
+.fdy-cascade__opt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;}
+.fdy-cascade__opt:hover,.fdy-cascade__opt.is-active{background:var(--color-surface-3);}
+.fdy-cascade__opt[aria-selected="true"]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--weight-semibold);}
+.fdy-cascade__opt-label{overflow:hidden;text-overflow:ellipsis;}
+.fdy-cascade__opt-arrow{flex:none;width:.45rem;height:.45rem;border-right:2px solid var(--color-text-subtle);border-bottom:2px solid var(--color-text-subtle);transform:rotate(-45deg);}
+@media (prefers-reduced-motion:no-preference){.fdy-cascade__panel:not([hidden]){animation:fdy-combo-in var(--dur-fast) var(--ease-standard);}}
+
+/* Freeday — Choose-from-list dialog (searchable master-data picker).
+ * Built on .fdy-modal: header + search + scrollable results table + footer.
+ * Backs a choose-from-list field (readonly input + .fdy-input-group__btn magnifier). */
+.fdy-modal--cfl{width:min(46rem,calc(100vw - var(--space-8)));}
+.fdy-modal--cfl .fdy-modal__body{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;}
+
+/* Search bar — single leading-icon field; Enter/typing filters the results. */
+.fdy-cfl__search{flex:none;padding:var(--space-4) var(--space-5);border-bottom:var(--bw) solid var(--color-border-muted);}
+
+/* Results — dense rows, sticky header, its own scroll region. */
+.fdy-cfl__results{overflow:auto;max-height:min(24rem,50vh);}
+.fdy-cfl__results .fdy-table th{position:sticky;top:0;z-index:1;}
+.fdy-cfl__row{cursor:pointer;}
+.fdy-cfl__row:hover{background:var(--color-surface-2);}
+.fdy-cfl__row:focus-visible{outline:none;background:var(--color-primary-soft);box-shadow:inset 2px 0 0 var(--color-primary);}
+.fdy-cfl__row[aria-selected="true"]{background:var(--color-primary-soft);}
+.fdy-cfl__row[aria-selected="true"] td:first-child{font-weight:var(--weight-semibold);}
+.fdy-cfl__check{width:1px;white-space:nowrap;}
+.fdy-cfl__check input{pointer-events:none;}
+
+/* Empty result state. */
+.fdy-cfl__empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);}
+.fdy-cfl__empty[hidden]{display:none;}
+
+/* Footer — selection count (multi) sits left, actions right. */
+.fdy-modal--cfl .fdy-modal__footer{justify-content:space-between;}
+.fdy-cfl__count{font-size:var(--text-sm);color:var(--color-text-muted);}
+.fdy-cfl__actions{display:flex;gap:var(--space-2);}
+
+/* Freeday — Charts (zero-dependency CSS/SVG, rendered by freeday-chart.js).
+ * Colour comes from --fdy-chart (a token, set inline by the renderer from data-fdy-color). */
+
+/* Sparkline / trend line (SVG) */
+.fdy-sparkline{display:inline-block;width:8rem;height:2.25rem;vertical-align:middle;color:var(--fdy-chart,var(--color-primary));}
+.fdy-sparkline svg{display:block;width:100%;height:100%;}
+.fdy-sparkline__area{fill:currentColor;opacity:.14;stroke:none;}
+.fdy-sparkline__line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
+.fdy-sparkline__dot{fill:currentColor;}
+
+/* Bar chart (flex bars) */
+.fdy-bars{position:relative;display:flex;align-items:flex-end;gap:var(--space-2);height:9rem;color:var(--fdy-chart,var(--color-primary));}
+.fdy-bars__col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;height:100%;}
+.fdy-bars__track{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--space-1);min-height:0;}
+.fdy-bars__val{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);}
+.fdy-bars__bar{width:100%;max-width:2.5rem;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:currentColor;transition:height var(--dur-base) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard);}
+.fdy-bars__label{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
+/* Hover emphasis: dim all bars while the chart is hovered, keep the hovered one lit. */
+@media (hover:hover){.fdy-bars:hover .fdy-bars__bar{opacity:.4;}.fdy-bars__col:hover .fdy-bars__bar{opacity:1;}}
+
+/* Interactive tooltip (shared by bar + donut) — Chart.js-style hover readout. */
+.fdy-chart__tip{position:absolute;z-index:5;left:0;top:0;pointer-events:none;transform:translate(-50%,calc(-100% - 8px));background:var(--color-inverse-surface);color:var(--color-inverse-text);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--dur-fast) var(--ease-standard);}
+.fdy-chart__tip.is-visible{opacity:1;}
+
+/* Donut (conic-gradient ring + legend) */
+.fdy-donut{display:inline-flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;}
+.fdy-donut__ring{position:relative;width:8rem;height:8rem;border-radius:50%;flex:none;}
+.fdy-donut__ring::after{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--color-surface);}
+.fdy-donut__center{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
+.fdy-donut__center b{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);line-height:1;}
+.fdy-donut__center span{font-size:var(--text-xs);color:var(--color-text-muted);}
+/* Donut hit-layer: transparent SVG sectors over the ring for per-slice hover. */
+.fdy-donut__hit{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;}
+.fdy-donut__seg{fill:transparent;cursor:pointer;transition:fill var(--dur-fast) var(--ease-standard);}
+@media (hover:hover){.fdy-donut__seg:hover{fill:rgba(255,255,255,.3);}}
+.fdy-chart__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);}
+.fdy-chart__legend li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);}
+.fdy-chart__swatch{width:.75rem;height:.75rem;border-radius:var(--radius-xs);flex:none;}
+/* Horizontal legend for cartesian charts (legend sits above the plot). */
+.fdy-chart__legend--row{flex-direction:row;flex-wrap:wrap;gap:var(--space-2) var(--space-4);}
+
+/* Cartesian charts (line / area / multi-series & stacked bar) — SVG with themed axes.
+ * Axis colour comes from --chart-grid / --chart-tick (both theme-aware); series colours are
+ * set inline by the renderer from --chart-1..8, so the whole chart recolours on data-theme. */
+.fdy-chart-xy{position:relative;display:flex;flex-direction:column;gap:var(--space-3);width:100%;}
+.fdy-chart-xy__plot{width:100%;aspect-ratio:16/9;min-height:8rem;}
+.fdy-chart-xy__plot svg{display:block;width:100%;height:100%;overflow:visible;}
+.fdy-chart-xy__grid{stroke:var(--chart-grid);stroke-width:1;shape-rendering:crispEdges;}
+.fdy-chart-xy__tick{fill:var(--chart-tick);font-family:var(--font-mono);font-size:9px;}
+.fdy-chart-xy__xlabel{fill:var(--chart-tick);font-family:var(--font-body);font-size:9px;}
+.fdy-chart-xy__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;}
+.fdy-chart-xy__area{stroke:none;opacity:.14;}
+.fdy-chart-xy__dot{stroke:var(--color-surface);stroke-width:1;}
+.fdy-chart-xy__bar{transition:opacity var(--dur-fast) var(--ease-standard);}
+.fdy-chart-xy__band{fill:transparent;cursor:pointer;}
+
+/* Freeday — Chip (tag / removable filter) */
+.fdy-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-surface-3);border:var(--bw) solid var(--color-border);}
+.fdy-chip--primary{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 22%,transparent);}
+.fdy-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:calc(var(--space-1)*-1);border:0;padding:0;border-radius:var(--radius-full);background:transparent;color:currentColor;opacity:.6;cursor:pointer;font-size:var(--text-sm);line-height:1;}
+.fdy-chip__remove:hover{opacity:1;background:color-mix(in srgb,currentColor 16%,transparent);}
+.fdy-chip__remove:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent);}
+/* Group wrapper for a row of chips (choice / filter). */
+.fdy-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);}
+/* Interactive chips: choice (toggle) + filter (toggle with a check when on).
+ * Rendered as <button aria-pressed> and enhanced by freeday-chip.js. */
+.fdy-chip--choice,.fdy-chip--filter{cursor:pointer;font-family:inherit;background:var(--color-surface);border-color:var(--color-border);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);}
+.fdy-chip--choice:hover,.fdy-chip--filter:hover{background:var(--color-surface-3);border-color:var(--color-text-subtle);}
+.fdy-chip--choice:focus-visible,.fdy-chip--filter:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent);}
+.fdy-chip--choice[aria-pressed="true"],.fdy-chip--filter[aria-pressed="true"]{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);}
+.fdy-chip--choice:disabled,.fdy-chip--filter:disabled,.fdy-chip--choice[aria-disabled="true"],.fdy-chip--filter[aria-disabled="true"]{opacity:.5;cursor:not-allowed;}
+.fdy-chip__check{display:none;flex:none;width:.85rem;height:.85rem;margin-left:calc(var(--space-1)*-1);}
+.fdy-chip__check svg{display:block;width:100%;height:100%;}
+.fdy-chip--filter[aria-pressed="true"] .fdy-chip__check{display:inline-flex;}
+
+/* Freeday — Combobox (custom styled select, WAI-ARIA APG select-only) */
+.fdy-combo{position:relative;display:block;max-width:22rem;}
+.fdy-combo__button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--space-3);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+.fdy-combo__button:hover{border-color:var(--color-text-muted);}
+.fdy-combo__button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-combo__button.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-combo__button:disabled,.fdy-combo__button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;}
+.fdy-combo--error .fdy-combo__button,.fdy-combo__button[aria-invalid="true"]{border-color:var(--color-danger);}
+.fdy-combo--error .fdy-combo__button:focus-visible,.fdy-combo--error .fdy-combo__button.is-open,.fdy-combo__button[aria-invalid="true"]:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 26%,transparent);}
+.fdy-combo__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-combo__value--placeholder{color:var(--color-text-subtle);}
+.fdy-combo__button::after{content:"";flex:none;width:.5rem;height:.5rem;margin-top:-.15rem;border-right:2px solid var(--color-text-subtle);border-bottom:2px solid var(--color-text-subtle);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-standard);}
+.fdy-combo__button.is-open::after{transform:rotate(225deg);margin-top:.1rem;}
+/* Icon variants: --no-icon drops the default caret; add a .fdy-combo__icon element
+ * inside the button (with --no-icon) to supply a custom trailing icon. */
+.fdy-combo--no-icon .fdy-combo__button::after{display:none;}
+.fdy-combo__icon{flex:none;display:inline-flex;color:var(--color-text-subtle);}
+.fdy-combo__icon svg{display:block;width:1.05rem;height:1.05rem;}
+.fdy-combo__listbox{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:120;min-width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:var(--space-1);list-style:none;background:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);}
+.fdy-combo__listbox[hidden]{display:none;}
+.fdy-combo__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;}
+.fdy-combo__option.is-highlighted{background:var(--color-surface-3);}
+.fdy-combo__option[aria-selected="true"]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--weight-semibold);}
+.fdy-combo__option.is-highlighted[aria-selected="true"]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 55%,transparent);}
+.fdy-combo__check{display:inline-flex;justify-content:center;width:var(--space-4);flex:none;font-weight:var(--weight-bold);color:var(--color-primary);}
+@media (prefers-reduced-motion:no-preference){.fdy-combo__listbox:not([hidden]){animation:fdy-combo-in var(--dur-fast) var(--ease-standard);}}
+@keyframes fdy-combo-in{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
+
+/* Freeday — Date picker (input-styled trigger + calendar popover).
+ * Built by freeday-datepicker.js from an empty [data-fdy-datepicker] wrapper. */
+.fdy-datepicker{position:relative;display:inline-block;width:100%;max-width:14rem;}
+.fdy-datepicker__trigger{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--space-3);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+.fdy-datepicker__trigger:hover{border-color:var(--color-text-muted);}
+.fdy-datepicker__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-datepicker__trigger.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-datepicker--error .fdy-datepicker__trigger,.fdy-datepicker__trigger[aria-invalid="true"]{border-color:var(--color-danger);}
+.fdy-datepicker--error .fdy-datepicker__trigger:focus-visible,.fdy-datepicker--error .fdy-datepicker__trigger.is-open,.fdy-datepicker__trigger[aria-invalid="true"]:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 26%,transparent);}
+.fdy-datepicker__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-datepicker__value--placeholder{color:var(--color-text-subtle);}
+.fdy-datepicker__icon{flex:none;display:inline-flex;color:var(--color-text-subtle);}
+.fdy-datepicker__icon svg{display:block;width:1.05rem;height:1.05rem;}
+
+.fdy-datepicker__panel{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:130;padding:var(--space-3);background:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);}
+.fdy-datepicker__panel[hidden]{display:none;}
+
+/* Calendar grid */
+.fdy-cal__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);}
+.fdy-cal__title{flex:1;text-align:center;font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text);text-transform:capitalize;}
+.fdy-cal__nav{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex:none;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--text-lg);line-height:1;cursor:pointer;}
+.fdy-cal__nav:hover{background:var(--color-surface-2);color:var(--color-text);}
+.fdy-cal__nav:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-cal__grid{display:grid;grid-template-columns:repeat(7,2rem);gap:2px;}
+.fdy-cal__dow{display:flex;align-items:center;justify-content:center;height:1.75rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:capitalize;}
+.fdy-cal__day{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;}
+.fdy-cal__day:hover{background:var(--color-surface-2);}
+.fdy-cal__day:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-cal__day.is-outside{color:var(--color-text-subtle);opacity:.55;}
+.fdy-cal__day.is-today{font-weight:var(--weight-bold);box-shadow:inset 0 0 0 1.5px var(--color-border-strong);}
+.fdy-cal__day.in-range{background:var(--color-primary-soft);color:var(--color-primary-strong);border-radius:0;}
+.fdy-cal__day.is-selected{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-semibold);}
+.fdy-cal__day.is-selected:hover{background:var(--color-primary-hover);}
+.fdy-cal__day:disabled{opacity:.35;cursor:not-allowed;}
+.fdy-cal__day:disabled:hover{background:transparent;}
+
+/* Range: two linked pickers */
+/* Responsive: each picker may shrink (min-width:0) & wrap so the range never overflows a
+   narrow row/phone; inline-flex still hugs to ~23rem at wider widths (look unchanged). */
+.fdy-daterange{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);}
+.fdy-daterange .fdy-datepicker{flex:0 1 11rem;min-width:0;}
+.fdy-daterange__sep{flex:none;color:var(--color-text-subtle);}
+
+@media (prefers-reduced-motion:no-preference){.fdy-datepicker__panel:not([hidden]){animation:fdy-combo-in var(--dur-fast) var(--ease-standard);}}
+
+/* Freeday — Datetime picker (composed: date picker + time picker → one value).
+ * A thin composer (freeday-datetime.js) links a child [data-fdy-datepicker] and
+ * [data-fdy-timepicker] and emits a single combined event. Icon variants come from
+ * the child pickers (data-fdy-no-icon / <template data-fdy-icon>). */
+.fdy-datetimepicker{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;}
+/* Fixed widths so date + time sit side by side (children default to width:100%). */
+.fdy-datetimepicker .fdy-datepicker{width:12rem;max-width:none;}
+.fdy-datetimepicker .fdy-timepicker{width:8.5rem;max-width:none;}
+
+/* Freeday — Description list (key-value detail view) */
+.fdy-dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-5);margin:0;}
+.fdy-dl dt{color:var(--color-text-muted);font-size:var(--text-sm);}
+.fdy-dl dd{margin:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);}
+.fdy-dl--rows{grid-template-columns:1fr;gap:var(--space-1);}
+.fdy-dl--rows dt{margin-top:var(--space-2);}
+
+/* Freeday — Divider */
+.fdy-divider{border:0;border-top:var(--bw) solid var(--color-border);margin:var(--space-4) 0;}
+.fdy-divider--vertical{border-top:0;border-left:var(--bw) solid var(--color-border);margin:0 var(--space-4);align-self:stretch;}
+
+/* Freeday — Drawer (temporary side panel on native <dialog>: focus-trap / Esc /
+ * backdrop / return-focus are free). Anchors left (default) or right.
+ * Enhanced by freeday-drawer.js (open trigger + backdrop-click close). */
+/* display is gated behind [open] so the native <dialog> stays hidden until opened.
+ * An unconditional display here would beat the UA `dialog:not([open]){display:none}`
+ * rule (author origin wins over user-agent) and leave the drawer visible on load. */
+.fdy-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;height:100vh;max-height:none;width:min(20rem,82vw);flex-direction:column;border:0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-4);overflow:hidden;transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease-standard),overlay var(--dur-slow) allow-discrete,display var(--dur-slow) allow-discrete;}
+.fdy-drawer[open]{display:flex;transform:none;}
+.fdy-drawer--right{inset:0 0 0 auto;transform:translateX(100%);}
+.fdy-drawer::backdrop{background:rgba(10,12,25,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur-slow) var(--ease-standard),overlay var(--dur-slow) allow-discrete,display var(--dur-slow) allow-discrete;}
+.fdy-drawer__header{flex:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--bw) solid var(--color-border-muted);}
+.fdy-drawer__title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--color-text);margin:0 auto 0 0;}
+.fdy-drawer__close{border:0;background:transparent;color:var(--color-text-muted);font-size:var(--text-xl);line-height:1;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);}
+.fdy-drawer__close:hover{background:var(--color-surface-2);color:var(--color-text);}
+.fdy-drawer__body{flex:1;min-height:0;overflow:auto;padding:var(--space-4);}
+/* Symmetric enter AND exit on the native <dialog>: @starting-style animates the entry;
+ * the overlay/display allow-discrete transitions keep the panel painted through the exit so
+ * it slides back out on close (not just in). prefers-reduced-motion is honored by the global
+ * duration reset in base.css. Unsupported browsers degrade to an instant open/close. */
+.fdy-drawer[open]::backdrop{opacity:1;}
+@starting-style{
+  .fdy-drawer[open]{transform:translateX(-100%);}
+  .fdy-drawer--right[open]{transform:translateX(100%);}
+  .fdy-drawer[open]::backdrop{opacity:0;}
+}
+
+/* Freeday — File upload (drop target + explicit per-file states).
+ * Enhanced by freeday-upload.js; states: idle · drag-over · uploading · done · error. */
+.fdy-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;border:2px dashed var(--color-control-border);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);}
+.fdy-dropzone:hover{border-color:var(--color-text-muted);}
+.fdy-dropzone:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-dropzone.is-dragover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-strong);}
+.fdy-dropzone__icon{color:var(--color-text-subtle);}
+.fdy-dropzone.is-dragover .fdy-dropzone__icon{color:var(--color-primary);}
+.fdy-dropzone__icon svg{display:block;width:2rem;height:2rem;}
+.fdy-dropzone__title{font-weight:var(--weight-medium);color:var(--color-text);}
+.fdy-dropzone__hint{font-size:var(--text-xs);}
+/* Wide (horizontal) layout — icon beside the copy instead of stacked, for full-width
+ * sections. Wrap the title + hint in .fdy-dropzone__text. */
+.fdy-dropzone--row{flex-direction:row;align-items:center;justify-content:center;text-align:left;gap:var(--space-4);}
+.fdy-dropzone__text{display:flex;flex-direction:column;gap:var(--space-1);}
+
+/* File rows (list of added/uploaded/rejected files) */
+.fdy-filelist{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);}
+/* Side-by-side rows on wide screens (reflow to one column when narrow). */
+.fdy-filelist--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));}
+.fdy-file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--bw) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);}
+.fdy-file__icon{flex:none;display:inline-flex;color:var(--color-text-muted);}
+.fdy-file__icon svg{display:block;width:1.25rem;height:1.25rem;}
+.fdy-file__meta{flex:1;min-width:0;}
+.fdy-file__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.fdy-file__sub{font-size:var(--text-xs);color:var(--color-text-muted);}
+.fdy-file__progress{margin-top:var(--space-2);}
+.fdy-file__remove{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--text-lg);line-height:1;cursor:pointer;}
+.fdy-file__remove:hover{background:var(--color-surface-2);color:var(--color-text);}
+.fdy-file__remove:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-file--success .fdy-file__icon{color:var(--color-success);}
+.fdy-file--error{border-color:color-mix(in srgb,var(--color-danger) 40%,var(--color-border));}
+.fdy-file--error .fdy-file__icon{color:var(--color-danger);}
+.fdy-file--error .fdy-file__sub{color:var(--color-danger-strong);}
+
+/* Freeday — Filter bar (a consistent row of filters: search + selects + actions).
+ * Solves the "ragged filter row": apps improvised flex rows with ad-hoc
+ * flex/min-width, so grow fields ballooned while selects stayed tiny and no two
+ * screens matched. Here every field snaps to a shared width rhythm; one field may
+ * --w-grow to absorb the slack; trailing actions align to the controls. Fields are
+ * the standard .fdy-field (label above control); wraps gracefully on narrow screens. */
+.fdy-filterbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4);}
+/* Fields are direct children. Drop the standalone field's 22rem cap; default to the
+ * medium column width with no unbounded growth (that's what caused the raggedness). */
+.fdy-filterbar>.fdy-field{max-width:none;flex:0 0 auto;width:12rem;}
+/* Controls fill their field's column (drop the standalone input-group/combo caps). */
+.fdy-filterbar>.fdy-field .fdy-input-group,.fdy-filterbar>.fdy-field .fdy-combo{max-width:none;width:100%;}
+/* Column-width rhythm — pick one per field so bars across the app line up. */
+.fdy-filterbar>.fdy-field--w-sm{width:9rem;}
+.fdy-filterbar>.fdy-field--w-lg{width:15rem;}
+.fdy-filterbar>.fdy-field--w-xl{width:18rem;}
+/* One growing field (usually the search) absorbs the remaining width. */
+.fdy-filterbar>.fdy-field--w-grow{flex:1 1 16rem;width:auto;min-width:12rem;}
+/* Trailing actions (buttons) pushed to the end, aligned with the controls' baseline. */
+.fdy-filterbar__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;}
+/* Stack on narrow screens so nothing overflows the row. */
+@media (max-width:640px){
+  .fdy-filterbar>.fdy-field,.fdy-filterbar>.fdy-field--w-sm,.fdy-filterbar>.fdy-field--w-lg,.fdy-filterbar>.fdy-field--w-xl,.fdy-filterbar>.fdy-field--w-grow{width:100%;flex:1 1 100%;}
+  .fdy-filterbar__actions{width:100%;margin-left:0;}
+}
+
+/* Freeday — Form grid (document/header fields laid out in aligned columns).
+ * The two-dimensional counterpart to the single-column .fdy-field stack and the
+ * one-row .fdy-filterbar: related fields sit in columns that reflow to one on narrow
+ * screens. Fields are the standard .fdy-field; a field with --full spans the whole row
+ * (e.g. an address or note). Zero JS — pure layout over .fdy-field. */
+.fdy-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4) var(--space-5);}
+.fdy-form-grid>.fdy-field{max-width:none;}
+.fdy-form-grid>.fdy-field--full{grid-column:1/-1;}
+
+/* Freeday — Input group (prefix/suffix addons, e.g. Rp / % / icon) */
+.fdy-input-group{display:flex;align-items:stretch;max-width:22rem;background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+.fdy-input-group:hover{border-color:var(--color-text-muted);}
+.fdy-input-group:focus-within{border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-input-group .fdy-input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;border-radius:0;height:calc(var(--control-h) - 3px);}
+.fdy-input-group .fdy-input:focus{box-shadow:none;}
+.fdy-input-group__addon{display:inline-flex;align-items:center;padding:0 var(--space-3);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;border-right:var(--bw) solid var(--color-border);}
+.fdy-input-group__addon:last-child{border-right:0;border-left:var(--bw) solid var(--color-border);}
+/* Borderless leading icon (e.g. search magnifier) — self-contained like __btn so it
+   centers standalone (no base .fdy-input-group__addon required). */
+.fdy-input-group__addon--icon{display:inline-flex;align-items:center;background:transparent;border:0;padding:0 0 0 var(--space-3);color:var(--color-text-subtle);}
+.fdy-input-group__addon--icon svg{display:block;width:1rem;height:1rem;}
+/* The leading icon already provides the left inset — don't let the input add its full left padding on top. */
+.fdy-input-group__addon--icon + .fdy-input{padding-left:var(--space-2);}
+/* Trailing action button (e.g. choose-from-list magnifier) — a real, focusable control. */
+.fdy-input-group__btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--control-h);align-self:stretch;border:0;border-left:var(--bw) solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);}
+.fdy-input-group__btn:hover{background:var(--color-surface-3);color:var(--color-text);}
+.fdy-input-group__btn:focus-visible{outline:none;color:var(--color-text);box-shadow:inset 0 0 0 2px var(--color-primary);}
+.fdy-input-group__btn svg{display:block;width:1.1rem;height:1.1rem;}
+/* Error state must win over the neutralizing rules above — promote to the wrapper. */
+.fdy-input-group:has(.fdy-input--error),.fdy-input-group:has(.fdy-combo--error),.fdy-input-group:has([aria-invalid="true"]){border-color:var(--color-danger);}
+.fdy-input-group:has(.fdy-input--error):focus-within,.fdy-input-group:has(.fdy-combo--error):focus-within,.fdy-input-group:has([aria-invalid="true"]):focus-within{border-color:var(--color-danger);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-danger) 26%,transparent);}
+
+/* Freeday — Field & Input */
+.fdy-field{display:flex;flex-direction:column;gap:var(--space-2);max-width:22rem;}
+.fdy-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);}
+.fdy-input,.fdy-textarea{width:100%;height:var(--control-h);padding:0 var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+.fdy-input::placeholder,.fdy-textarea::placeholder{color:var(--color-text-subtle);}
+.fdy-textarea{height:auto;min-height:5.5rem;padding:var(--space-3);line-height:var(--leading-normal);resize:vertical;}
+.fdy-input:hover,.fdy-textarea:hover{border-color:var(--color-text-muted);}
+.fdy-input:focus,.fdy-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-input:disabled,.fdy-textarea:disabled,.fdy-input[aria-disabled="true"],.fdy-textarea[aria-disabled="true"]{opacity:.5;cursor:not-allowed;}
+.fdy-input--error,.fdy-input[aria-invalid="true"],.fdy-textarea[aria-invalid="true"]{border-color:var(--color-danger);}
+.fdy-input--error:focus,.fdy-input[aria-invalid="true"]:focus,.fdy-textarea[aria-invalid="true"]:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 26%,transparent);}
+.fdy-help{font-size:var(--text-xs);color:var(--color-text-muted);}
+.fdy-help--error{color:var(--color-danger);}
+
+/* Freeday — Keyboard key */
+.fdy-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface-2);border:var(--bw) solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);}
+
+/* Freeday — Menu (action popup) + Split button. Enhanced by freeday-menu.js. */
+.fdy-menu-wrap{position:relative;display:inline-flex;}
+.fdy-menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:130;min-width:11rem;margin:0;padding:var(--space-1);list-style:none;background:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);}
+.fdy-menu[hidden]{display:none;}
+.fdy-menu--end{left:auto;right:0;}
+.fdy-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:0;background:transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);text-align:left;cursor:pointer;white-space:nowrap;}
+.fdy-menu__item:hover,.fdy-menu__item.is-highlighted{background:var(--color-surface-3);}
+.fdy-menu__item:focus-visible{outline:none;background:var(--color-surface-3);}
+.fdy-menu__item:disabled{opacity:.5;cursor:not-allowed;background:transparent;}
+.fdy-menu__item--danger{color:var(--color-danger-strong);}
+.fdy-menu__item svg{display:block;width:1rem;height:1rem;flex:none;}
+.fdy-menu__sep{height:0;margin:var(--space-1) 0;border:0;border-top:var(--bw) solid var(--color-border-muted);}
+@media (prefers-reduced-motion:no-preference){.fdy-menu:not([hidden]){animation:fdy-combo-in var(--dur-fast) var(--ease-standard);}}
+
+/* Split button — main action + attached menu toggle (caret) */
+.fdy-btn-split{position:relative;display:inline-flex;border-radius:var(--radius-md);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+/* One control: the two halves must stay coplanar. Neutralize each segment's own
+   lift + drop-shadow (they would misalign the seam / glow a single half); the
+   split lifts and casts its elevation as a single unit instead. */
+.fdy-btn-split > .fdy-btn{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.26);}
+.fdy-btn-split > .fdy-btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
+.fdy-btn-split__toggle{padding:0 var(--space-2);margin-left:calc(var(--bw) * -1);border-top-left-radius:0;border-bottom-left-radius:0;}
+/* Hairline divider between the halves (outranks the segment rule above). */
+.fdy-btn-split > .fdy-btn-split__toggle{box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 1px 0 0 rgba(0,0,0,.16);}
+.fdy-btn-split:hover{transform:translateY(-1px);box-shadow:0 6px 18px -2px color-mix(in srgb,var(--color-primary) 55%,transparent);}
+.fdy-btn-split:active{transform:translateY(1px);box-shadow:0 1px 4px -1px color-mix(in srgb,var(--color-primary) 46%,transparent);}
+.fdy-btn-split__toggle:hover,.fdy-btn-split__toggle:focus-visible{z-index:1;}
+.fdy-btn-split__toggle svg{display:block;width:1rem;height:1rem;}
+
+/* Freeday — Modal (native <dialog>) */
+.fdy-modal{width:min(32rem,calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-16));padding:0;border:var(--bw) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lift-hover);overflow:hidden;opacity:0;transform:translateY(8px) scale(.98);transition:opacity var(--dur-base) var(--ease-spring),transform var(--dur-base) var(--ease-spring),overlay var(--dur-base) allow-discrete,display var(--dur-base) allow-discrete;}
+.fdy-modal--sm{width:min(24rem,calc(100vw - var(--space-8)));}
+.fdy-modal--md{width:min(32rem,calc(100vw - var(--space-8)));}
+.fdy-modal--lg{width:min(48rem,calc(100vw - var(--space-8)));}
+.fdy-modal--wide{width:min(60rem,calc(100vw - var(--space-8)));}
+.fdy-modal::backdrop{background:rgba(10,12,25,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur-base) var(--ease-standard),overlay var(--dur-base) allow-discrete,display var(--dur-base) allow-discrete;}
+.fdy-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:var(--bw) solid var(--color-border-muted);}
+.fdy-modal__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 auto 0 0;}
+.fdy-modal__close{border:0;background:transparent;color:var(--color-text-muted);font-size:var(--text-xl);line-height:1;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);}
+.fdy-modal__close:hover{background:var(--color-surface-2);color:var(--color-text);}
+.fdy-modal__body{padding:var(--space-5);overflow:auto;}
+.fdy-modal__footer{display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:var(--bw) solid var(--color-border-muted);background:var(--color-surface-2);}
+/* Symmetric enter AND exit (fade + rise + subtle scale) on the native <dialog>. @starting-style
+ * animates the entry; overlay/display allow-discrete keep it painted through the exit so it
+ * animates out on close too. Reduced motion honored by the global duration reset in base.css. */
+.fdy-modal[open]{opacity:1;transform:none;}
+.fdy-modal[open]::backdrop{opacity:1;}
+@starting-style{
+  .fdy-modal[open]{opacity:0;transform:translateY(8px) scale(.98);}
+  .fdy-modal[open]::backdrop{opacity:0;}
+}
+
+/* Freeday — Pagination */
+.fdy-pagination__list{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0;}
+.fdy-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);background:transparent;border:var(--bw) solid transparent;text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);}
+.fdy-pagination__link:hover{background:var(--color-surface-2);border-color:var(--color-border);}
+.fdy-pagination__link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-pagination__link[aria-current="page"]{background:var(--color-primary);color:var(--color-on-primary);}
+.fdy-pagination__link[aria-disabled="true"],.fdy-pagination__link:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;}
+.fdy-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--color-text-subtle);}
+
+/* Freeday — Progress */
+.fdy-progress{height:.5rem;border-radius:var(--radius-full);background:var(--color-surface-3);overflow:hidden;}
+.fdy-progress__bar{height:100%;border-radius:inherit;background:var(--color-primary);transition:width var(--dur-base) var(--ease-standard);}
+.fdy-progress--indeterminate{position:relative;}
+.fdy-progress--indeterminate .fdy-progress__bar{width:40%;animation:fdy-progress-indet 1.2s var(--ease-standard) infinite;}
+@keyframes fdy-progress-indet{0%{margin-left:-40%;}100%{margin-left:100%;}}
+@media (prefers-reduced-motion:reduce){.fdy-progress--indeterminate .fdy-progress__bar{animation:none;width:100%;opacity:.5;}}
+
+/* Freeday — Rating (star rating). Interactive = native radio group (arrow keys, form-assoc);
+ * filled vs empty differ by fill-vs-outline (not colour alone). Enhanced by freeday-rating.js. */
+.fdy-rating{display:inline-flex;gap:var(--space-1);}
+.fdy-rating__star{display:inline-flex;line-height:0;cursor:pointer;}
+.fdy-rating__star input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
+.fdy-rating__star svg{width:1.5rem;height:1.5rem;fill:none;stroke:var(--color-border-strong);stroke-width:1.5;transition:fill var(--dur-fast) var(--ease-standard),stroke var(--dur-fast) var(--ease-standard);}
+.fdy-rating__star.is-filled svg{fill:var(--color-warning);stroke:var(--color-warning);}
+.fdy-rating__star input:focus-visible + svg{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs);}
+.fdy-rating--readonly .fdy-rating__star{cursor:default;}
+.fdy-rating--sm .fdy-rating__star svg{width:1.1rem;height:1.1rem;}
+
+/* Freeday — Selection controls */
+.fdy-check,.fdy-radio,.fdy-switch{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;}
+.fdy-check input,.fdy-radio input{appearance:none;-webkit-appearance:none;width:var(--control-box);height:var(--control-box);margin:0;border:1.5px solid var(--color-control-border);background:var(--color-surface);box-shadow:inset 0 1px 2px var(--color-shadow-inset);cursor:pointer;display:grid;place-content:center;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);}
+.fdy-check input{border-radius:var(--radius-sm);}
+.fdy-radio input{border-radius:50%;}
+.fdy-check input::before{content:"";width:.62rem;height:.62rem;transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring);box-shadow:inset 1rem 1rem var(--color-on-primary);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);}
+.fdy-radio input::before{content:"";width:.55rem;height:.55rem;border-radius:50%;transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring);box-shadow:inset 1rem 1rem var(--color-on-primary);}
+.fdy-check input:checked,.fdy-radio input:checked{background:var(--color-primary);border-color:var(--color-primary);}
+.fdy-check input:checked::before,.fdy-radio input:checked::before{transform:scale(1);}
+.fdy-check input:focus-visible,.fdy-radio input:focus-visible,.fdy-switch input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-check input:disabled,.fdy-radio input:disabled,.fdy-switch input:disabled{opacity:.5;cursor:not-allowed;}
+.fdy-check:has(input:disabled),.fdy-radio:has(input:disabled),.fdy-switch:has(input:disabled){cursor:not-allowed;}
+.fdy-switch input{appearance:none;-webkit-appearance:none;position:relative;width:var(--control-switch-w);height:var(--control-switch-h);margin:0;border-radius:var(--radius-full);background:var(--color-control-border);cursor:pointer;transition:background var(--dur-base) var(--ease-standard);}
+.fdy-switch input::before{content:"";position:absolute;top:2px;left:2px;width:calc(var(--control-switch-h) - 4px);height:calc(var(--control-switch-h) - 4px);border-radius:50%;background:var(--color-switch-thumb);box-shadow:var(--shadow-1);transition:transform var(--dur-base) var(--ease-spring);}
+.fdy-switch input:checked{background:var(--color-primary);}
+.fdy-switch input:checked::before{transform:translateX(calc(var(--control-switch-w) - var(--control-switch-h)));}
+
+/* Standalone checkbox (e.g. table row/select-all) — supports :indeterminate */
+.fdy-checkbox{appearance:none;-webkit-appearance:none;width:var(--control-box);height:var(--control-box);margin:0;border:1.5px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:inset 0 1px 2px var(--color-shadow-inset);cursor:pointer;display:grid;place-content:center;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);}
+.fdy-checkbox::before{content:"";width:.62rem;height:.62rem;transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring);box-shadow:inset 1rem 1rem var(--color-on-primary);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);}
+.fdy-checkbox:checked,.fdy-checkbox:indeterminate{background:var(--color-primary);border-color:var(--color-primary);}
+.fdy-checkbox:checked::before{transform:scale(1);}
+.fdy-checkbox:indeterminate::before{width:.6rem;height:2px;transform:scale(1);clip-path:none;box-shadow:none;background:var(--color-on-primary);}
+.fdy-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-checkbox:disabled{opacity:.5;cursor:not-allowed;}
+
+/* Freeday — Skeleton */
+.fdy-skeleton{display:block;border-radius:var(--radius-sm);background:var(--color-surface-3);background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 60%,transparent),transparent);background-size:200% 100%;background-repeat:no-repeat;animation:fdy-skeleton 1.4s ease-in-out infinite;}
+.fdy-skeleton--text{height:.8rem;margin:.3rem 0;}
+.fdy-skeleton--title{height:1.2rem;width:40%;}
+.fdy-skeleton--circle{border-radius:var(--radius-full);}
+@keyframes fdy-skeleton{to{background-position:-200% 0;}}
+@media (prefers-reduced-motion:reduce){.fdy-skeleton{animation:none;}}
+
+/* Freeday — Slider (native <input type="range"> themed via accent-color: keeps native
+ * keyboard + ARIA, filled track and thumb come free). Optional value output + scale.
+ * freeday-slider.js just mirrors the value into an <output for="…">. */
+.fdy-slider{width:100%;max-width:22rem;height:1.5rem;accent-color:var(--color-primary);cursor:pointer;}
+.fdy-slider:disabled{cursor:not-allowed;opacity:.6;}
+.fdy-slider--accent{accent-color:var(--color-accent);}
+.fdy-slider--danger{accent-color:var(--color-danger);}
+
+.fdy-slider-field{display:flex;flex-direction:column;gap:var(--space-2);max-width:22rem;}
+.fdy-slider-field__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);}
+.fdy-slider__value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-strong);font-variant-numeric:tabular-nums;}
+.fdy-slider__scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;}
+
+/* Freeday — Spinner */
+.fdy-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2.5px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:fdy-spin .7s linear infinite;}
+.fdy-spinner--sm{width:1rem;height:1rem;border-width:2px;}
+.fdy-spinner--lg{width:2.5rem;height:2.5rem;border-width:3px;}
+@keyframes fdy-spin{to{transform:rotate(360deg);}}
+@media (prefers-reduced-motion:reduce){.fdy-spinner{animation-duration:2s;}}
+
+/* Freeday — States (empty / loading / error placeholders) */
+.fdy-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);}
+.fdy-state__icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-text-subtle);}
+.fdy-state__icon svg{width:100%;height:100%;}
+.fdy-state__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);}
+.fdy-state__text{font-size:var(--text-sm);color:var(--color-text-muted);max-width:24rem;line-height:var(--leading-normal);}
+.fdy-state__actions{margin-top:var(--space-2);display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;}
+.fdy-state--danger .fdy-state__icon{color:var(--color-danger-strong);}
+
+/* Freeday — Stepper / Wizard (progress header + optional panels).
+ * Enhanced by freeday-stepper.js for prev/next navigation. */
+.fdy-stepper{display:flex;list-style:none;margin:0;padding:0;}
+.fdy-step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;}
+/* connector from the previous marker's centre to this one (behind the markers) */
+.fdy-step:not(:first-child)::before{content:"";position:absolute;top:.875rem;left:-50%;width:100%;height:2px;transform:translateY(-50%);background:var(--color-border-strong);z-index:0;}
+.fdy-step.is-active::before,.fdy-step.is-complete::before{background:var(--color-primary);}
+.fdy-step__btn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:none;border:0;font:inherit;color:inherit;cursor:pointer;max-width:100%;}
+.fdy-step__btn:disabled{cursor:default;}
+.fdy-step__marker{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex:none;border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-border-strong);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;}
+.fdy-step__marker svg{display:block;width:1rem;height:1rem;}
+.fdy-step.is-active .fdy-step__marker{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-strong);}
+.fdy-step.is-complete .fdy-step__marker{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);}
+.fdy-step.is-error .fdy-step__marker{border-color:var(--color-danger);background:var(--color-danger-btn);color:var(--color-on-danger);}
+.fdy-step__label{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
+.fdy-step.is-active .fdy-step__label{color:var(--color-text);font-weight:var(--weight-semibold);}
+.fdy-step__btn:focus-visible{outline:none;}
+.fdy-step__btn:focus-visible .fdy-step__marker{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent);}
+
+.fdy-step-panels{margin-top:var(--space-5);}
+.fdy-step-nav{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-5);}
+
+/* Freeday — Table */
+.fdy-table-wrap{overflow-x:auto;border:var(--bw) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);background:var(--color-surface);}
+.fdy-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);}
+.fdy-table caption{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);color:var(--color-text);}
+.fdy-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);background:var(--color-surface-2);border-bottom:var(--bw) solid var(--color-border);white-space:nowrap;}
+.fdy-table td{padding:var(--space-3) var(--space-4);border-bottom:var(--bw) solid var(--color-border-muted);color:var(--color-text);}
+.fdy-table tbody tr:last-child td{border-bottom:0;}
+.fdy-table tbody tr{transition:background-color var(--dur-fast) var(--ease-standard);}
+.fdy-table tbody tr:hover{background:var(--color-surface-2);}
+.fdy-table__num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);}
+.fdy-table th[aria-sort]{cursor:pointer;}
+.fdy-table th[aria-sort="ascending"]::after{content:" ↑";color:var(--color-primary);}
+.fdy-table th[aria-sort="descending"]::after{content:" ↓";color:var(--color-primary);}
+
+/* Sortable header button (accessible click target inside th) */
+.fdy-table__sortbtn{appearance:none;border:0;background:transparent;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;cursor:pointer;padding:0;}
+.fdy-table__sortbtn:hover{color:var(--color-text);}
+.fdy-table__sortbtn:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+
+/* Selection column + selected row */
+.fdy-table__selcol{width:1px;white-space:nowrap;}
+.fdy-table tbody tr[aria-selected="true"],.fdy-table tbody tr[aria-selected="true"]:hover{background:var(--color-primary-soft);}
+
+/* Data-table shell (toolbar + scroll + footer stay put while the table scrolls) */
+.fdy-datatable{border:var(--bw) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);background:var(--color-surface);overflow:hidden;}
+.fdy-table-scroll{overflow-x:auto;}
+.fdy-table-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-bottom:var(--bw) solid var(--color-border);}
+.fdy-table-toolbar__search{max-width:18rem;}
+.fdy-table-toolbar__spacer{flex:1;}
+.fdy-table-toolbar__count{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;}
+.fdy-table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-top:var(--bw) solid var(--color-border);}
+.fdy-table-footer__info{font-size:var(--text-sm);color:var(--color-text-muted);}
+
+/* Column filter — funnel button injected into a filterable <th> */
+.fdy-table__filterbtn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:var(--space-1);padding:0;vertical-align:middle;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-subtle);cursor:pointer;}
+.fdy-table__filterbtn:hover{background:var(--color-surface-3);color:var(--color-text);}
+.fdy-table__filterbtn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-table__filterbtn.is-active{color:var(--color-primary-strong);}
+.fdy-table__filterbtn svg{width:.85rem;height:.85rem;}
+
+/* Filter popover (position:fixed, appended to <body> so overflow can't clip it) */
+.fdy-filter{position:fixed;z-index:130;min-width:14rem;max-width:18rem;padding:var(--space-3);background:var(--color-surface);border:var(--bw) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);text-transform:none;letter-spacing:normal;font-weight:var(--weight-regular);color:var(--color-text);}
+.fdy-filter__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);}
+.fdy-filter__list{display:flex;flex-direction:column;gap:var(--space-1);max-height:12rem;overflow:auto;}
+.fdy-filter__check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;}
+.fdy-filter__range{display:flex;align-items:center;gap:var(--space-2);}
+.fdy-filter__range .fdy-input{width:6rem;}
+.fdy-filter__foot{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);}
+
+/* Bulk-action bar — appears above the table body once rows are selected */
+.fdy-table-bulkbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-primary-soft);border-bottom:var(--bw) solid var(--color-border);color:var(--color-primary-strong);font-size:var(--text-sm);}
+.fdy-table-bulkbar[hidden]{display:none;}
+.fdy-table-bulkbar__count{font-weight:var(--weight-semibold);white-space:nowrap;}
+.fdy-table-bulkbar__spacer{flex:1;}
+.fdy-table-bulkbar__actions{display:flex;gap:var(--space-2);}
+
+/* Freeday — Tabs (WAI-ARIA APG) */
+.fdy-tabs__list{display:flex;gap:var(--space-1);border-bottom:var(--bw) solid var(--color-border);overflow-x:auto;}
+.fdy-tabs__tab{appearance:none;border:0;background:transparent;cursor:pointer;white-space:nowrap;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);}
+.fdy-tabs__tab:hover{color:var(--color-text);}
+.fdy-tabs__tab[aria-selected="true"]{color:var(--color-primary-strong);border-bottom-color:var(--color-primary);}
+.fdy-tabs__tab:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-tabs__panel{padding:var(--space-5) 0;}
+.fdy-tabs__panel[hidden]{display:none;}
+/* Reveal the newly-shown panel on tab switch (fade + rise), reduced-motion gated. */
+@media (prefers-reduced-motion:no-preference){.fdy-tabs__panel:not([hidden]){animation:fdy-combo-in var(--dur-base) var(--ease-standard);}}
+
+/* Freeday — Timeline (vertical event feed: dot markers on a connector line). Pure CSS. */
+.fdy-timeline{list-style:none;margin:0;padding:0;}
+.fdy-timeline__item{position:relative;padding:0 0 var(--space-5) var(--space-6);border-left:2px solid var(--color-border);}
+.fdy-timeline__item:last-child{border-left-color:transparent;padding-bottom:0;}
+.fdy-timeline__marker{position:absolute;left:0;top:.15rem;transform:translateX(-50%);width:.85rem;height:.85rem;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-border);}
+.fdy-timeline__item--success .fdy-timeline__marker{background:var(--color-success);}
+.fdy-timeline__item--warning .fdy-timeline__marker{background:var(--color-warning);}
+.fdy-timeline__item--danger .fdy-timeline__marker{background:var(--color-danger);}
+.fdy-timeline__item--muted .fdy-timeline__marker{background:var(--color-border-strong);}
+.fdy-timeline__time{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;}
+.fdy-timeline__title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);}
+.fdy-timeline__text{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);}
+
+/* Freeday — Time picker (input-styled trigger + scrollable time-list popover).
+ * Built by freeday-timepicker.js from an empty [data-fdy-timepicker] wrapper.
+ * Trigger visual mirrors the date picker for a consistent control family. */
+.fdy-timepicker{position:relative;display:inline-block;width:100%;max-width:11rem;}
+.fdy-timepicker__trigger{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--space-3);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
+.fdy-timepicker__trigger:hover{border-color:var(--color-text-muted);}
+.fdy-timepicker__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-timepicker__trigger.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}
+.fdy-timepicker--error .fdy-timepicker__trigger,.fdy-timepicker__trigger[aria-invalid="true"]{border-color:var(--color-danger);}
+.fdy-timepicker--error .fdy-timepicker__trigger:focus-visible,.fdy-timepicker--error .fdy-timepicker__trigger.is-open,.fdy-timepicker__trigger[aria-invalid="true"]:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 26%,transparent);}
+.fdy-timepicker__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;}
+.fdy-timepicker__value--placeholder{color:var(--color-text-subtle);}
+.fdy-timepicker__icon{flex:none;display:inline-flex;color:var(--color-text-subtle);}
+.fdy-timepicker__icon svg{display:block;width:1.05rem;height:1.05rem;}
+
+.fdy-timepicker__panel{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:130;min-width:100%;max-height:15rem;overflow-y:auto;margin:0;padding:var(--space-1);list-style:none;background:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);}
+.fdy-timepicker__panel[hidden]{display:none;}
+.fdy-timepicker__panel:focus-visible{outline:none;}
+.fdy-timepicker__opt{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;}
+.fdy-timepicker__opt:hover,.fdy-timepicker__opt.is-active{background:var(--color-surface-3);}
+.fdy-timepicker__opt[aria-selected="true"]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--weight-semibold);}
+@media (prefers-reduced-motion:no-preference){.fdy-timepicker__panel:not([hidden]){animation:fdy-combo-in var(--dur-fast) var(--ease-standard);}}
+
+/* Freeday — Toast (transient notification) */
+.fdy-toast-region{position:fixed;z-index:200;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);width:min(24rem,calc(100vw - var(--space-8)));pointer-events:none;}
+.fdy-toast{pointer-events:auto;display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-inverse-surface);color:var(--color-inverse-text);box-shadow:var(--shadow-3);}
+.fdy-toast__accent{flex:none;width:.25rem;align-self:stretch;border-radius:var(--radius-full);background:var(--color-primary);}
+.fdy-toast--success .fdy-toast__accent{background:var(--color-success);}
+.fdy-toast--warning .fdy-toast__accent{background:var(--color-warning);}
+.fdy-toast--danger .fdy-toast__accent{background:var(--color-danger);}
+.fdy-toast--info .fdy-toast__accent{background:var(--color-info);}
+.fdy-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);}
+.fdy-toast__title{font-weight:var(--weight-semibold);}
+.fdy-toast__text{opacity:.88;line-height:var(--leading-normal);}
+.fdy-toast__close{flex:none;border:0;background:transparent;color:var(--color-inverse-text);opacity:.7;cursor:pointer;font-size:var(--text-lg);line-height:1;padding:0 var(--space-1);border-radius:var(--radius-sm);}
+.fdy-toast__close:hover{opacity:1;}
+.fdy-toast__close:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-inverse-text) 40%,transparent);}
+.fdy-toast.is-leaving{opacity:0;transform:translateX(16px);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard);}
+@media (prefers-reduced-motion:no-preference){.fdy-toast{animation:fdy-toast-in var(--dur-base) var(--ease-spring);}}
+@keyframes fdy-toast-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
+
+/* Freeday — Tooltip (CSS-only, hover/focus) */
+.fdy-tooltip-wrap{position:relative;display:inline-flex;}
+.fdy-tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;z-index:150;max-width:16rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--color-inverse-text);background:var(--color-inverse-surface);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(4px);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);}
+.fdy-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:.3rem solid transparent;border-top-color:var(--color-inverse-surface);}
+.fdy-tooltip-wrap:hover .fdy-tooltip,.fdy-tooltip-wrap:focus-within .fdy-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
+@media (prefers-reduced-motion:reduce){.fdy-tooltip{transition:none;transform:translateX(-50%);}}
+
+/* Freeday — Tree view (hierarchy via nested native <details>: keyboard-toggle, zero-JS).
+ * Branches expand/collapse; leaves are plain rows. Chevron + optional folder/file icons. */
+.fdy-tree{list-style:none;margin:0;padding:0;font-size:var(--text-sm);}
+.fdy-tree ul{list-style:none;margin:0;padding-left:var(--space-4);}
+.fdy-tree__branch > summary,.fdy-tree__leaf{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);}
+.fdy-tree__branch > summary{list-style:none;cursor:pointer;}
+.fdy-tree__branch > summary::-webkit-details-marker{display:none;}
+.fdy-tree__branch > summary:hover,.fdy-tree__leaf:hover{background:var(--color-surface-2);}
+.fdy-tree__branch > summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent);}
+.fdy-tree__chevron{flex:none;width:.9rem;height:.9rem;color:var(--color-text-subtle);transition:transform var(--dur-fast) var(--ease-standard);}
+.fdy-tree__branch[open] > summary .fdy-tree__chevron{transform:rotate(90deg);}
+.fdy-tree__icon{flex:none;width:1rem;height:1rem;color:var(--color-text-muted);}
+.fdy-tree__leaf{padding-left:calc(var(--space-2) * 2 + .9rem);}
+.fdy-tree__leaf .fdy-tree__icon{color:var(--color-text-subtle);}
+
+/* Checkbox variant — a selectable tree (cascading parent/child via freeday-tree.js).
+ * A native <input class="fdy-checkbox"> sits at the start of every row; a partially
+ * selected branch shows the native :indeterminate dash. The checkbox stops click
+ * propagation, so toggling selection never expands/collapses the branch. */
+.fdy-tree--checkbox .fdy-tree__check{flex:none;}
+.fdy-tree--checkbox .fdy-tree__leaf{padding-left:calc(var(--space-2) + .9rem + var(--space-2));}