*, *::before, *::after { box-sizing: border-box; /* Tailwind's border-*/border utilities only set width/color; normally preflight gives every element border-style:solid as a baseline so those utilities actually render. With preflight disabled, elements default to border-style:none (the CSS initial value) and every border border-slate-200 in this app is invisible — width and color set, but nothing to draw. Worst on white inputs sitting on white cards (zero background contrast either), but it affects every bordered element the same way. */ border-style: solid; border-width: 0; } /* Tailwind's preflight reset is disabled (see App.razor), so the browser's default body margin is still active. Without this, a fixed h-screen shell ends up a few pixels taller than the viewport and the whole page scrolls alongside the intended inner-content scroll (MainLayout's
). Leaving body's own overflow untouched (not forced hidden) so pages that don't use a bounded h-screen shell, like the auth screens, can still scroll normally if their content ever exceeds the viewport. */ html, body { height: 100%; margin: 0; } /* More of Tailwind's disabled preflight, restored by hand: without this, every gets the browser's default underline (including ones styled as buttons) and every