/* Hvtk.Framework.Web — global CSS shipped with the RCL. Consumers link this in their App.razor via . Rules that can live in component-scoped CSS belong in the razor.css file next to the component; rules here are ones that must escape component scope (MudBlazor portals overlays to so scoped CSS can't reach them). */ /* MudDrawer.Temporary renders a full-viewport scrim. On desktop our detail drawer is a side-by-side panel — the list behind it must stay clickable, so kill the scrim at the ≥960px breakpoint. On narrow viewports the drawer becomes a full-width modal and the scrim is the expected tap-to-dismiss UX, so we keep it visible. */ @media (min-width: 960px) { .mud-overlay.mud-overlay-drawer { display: none !important; pointer-events: none !important; } } /* Detail drawer width: capped at 70vw / 960px on desktop (side-by-side panel); full viewport width on narrow screens so form fields breathe. Overrides the inline Width attribute MudDrawer sets. */ .perspective-detail-drawer { width: min(960px, 70vw) !important; } @media (max-width: 599px) { .perspective-detail-drawer { width: 100vw !important; max-width: 100vw !important; } }