/* Classes that replace inline style="..." attributes, which the strict Content-Security-Policy
   blocks (Services/ContentSecurityPolicy.cs). Loaded by every layout, after the theme. Prefixed
   ae- so they never collide with Bootstrap or Tailwind utilities. The ae- declarations are
   !important because the inline styles they replace beat every normal stylesheet rule, whatever
   its specificity. Page-specific styles belong in the view's own <style> block (it gets the CSP
   nonce automatically). */

/* Alpine removes x-cloak once it has initialised the element (standard Alpine rule; it was
   missing, so x-cloak did nothing). Replaces the profile panel's style="display:none". */
[x-cloak] { display: none !important; }

/* csp-actions.js gives these an inline display:none on load; this only covers the moment
   before it runs. */
[data-initially-hidden]:not([data-csp-ready]) { display: none; }

/* Column widths */
.ae-w-8 { width: 8% !important; }
.ae-w-10 { width: 10% !important; }
.ae-w-12 { width: 12% !important; }
.ae-w-15 { width: 15% !important; }
.ae-w-16 { width: 16% !important; }
.ae-w-20 { width: 20% !important; }
.ae-w-25 { width: 25% !important; }
.ae-w-30 { width: 30% !important; }
.ae-w-32 { width: 32% !important; }
.ae-w-35 { width: 35% !important; }
.ae-w-40 { width: 40% !important; }
.ae-w-45 { width: 45% !important; }
.ae-w-68 { width: 68% !important; }

/* Fixed sizes */
.ae-w-44px { width: 44px !important; }
.ae-w-150px { width: 150px !important; }
.ae-w-6-5rem { width: 6.5rem !important; }
.ae-minw-150px { min-width: 150px !important; }
.ae-minw-170px { min-width: 170px !important; }
.ae-minw-220px { min-width: 220px !important; }
.ae-minw-12rem { min-width: 12rem !important; }
.ae-minw-18rem { min-width: 18rem !important; }
.ae-maxw-24rem { max-width: 24rem !important; }
.ae-maxw-48rem { max-width: 48rem !important; }

/* Type and misc */
.ae-fs-085 { font-size: 0.85rem !important; }
.ae-fs-09 { font-size: 0.9rem !important; }
.ae-fs-2rem { font-size: 2rem !important; }
.ae-empty-icon { font-size: 2rem !important; opacity: 0.5 !important; }
.ae-btn-icon-28 { width: 28px !important; height: 28px !important; line-height: 28px !important; padding: 0 !important; }
.ae-va-middle { vertical-align: middle !important; }
.ae-cursor-pointer { cursor: pointer !important; }
.ae-pre-wrap { white-space: pre-wrap !important; }

/* Layout bits */
.ae-menu-icon { font-size: 1.85rem !important; line-height: 1 !important; }