/* XcrudPro::renderMenu()/renderProfile()/renderNotifications() (src/XcrudPro.php)
   now generate their own Tailwind utility classes directly - almost
   nothing needs a bespoke rule here anymore. This file keeps just the
   couple of things Tailwind classes alone don't cover in that generated
   markup. XcrudLogin.php's own classes (.xcrud-login-page etc.) are
   restyled separately as part of the login redesign, not here. */

.xcrud-menu { display: block; }

/* ->fields_arrange(): xcrud.js (fieldGroupOrder.forEach()) gives each
   collapsible group's own <summary> this class alongside theme.fieldGroupSummary's
   Tailwind utility classes and appends its own small rotating ▾ as a real
   child - the browser's own native disclosure-triangle marker needs
   suppressing here so only that one, properly-sized glyph shows (see
   themes/none/xcrud.css's own identical rule for the 'none' theme). */
.xcrud-field-group-summary { list-style: none; }
.xcrud-field-group-summary::-webkit-details-marker { display: none; }

/* Font Awesome 4 icons (sys_menu.icon values - the sidebar menu, this
   dashboard's own feature-group cards, and every ->button() 'icon'
   option) were rendering as blank squares: getComputedStyle() confirms
   Font Awesome's own per-icon `content` value never applies at all
   (`::before` computes to an empty string, not the glyph) - traced to
   the Tailwind CDN build's own JIT stylesheet, which injects itself as
   the LAST <style> in the document regardless of where its own <script>
   tag sits in the HTML source (confirmed via document.styleSheets - it
   lands after even assets/app.css, the last static link), winning
   whatever the actual specificity/cascade conflict is against
   font-awesome.min.css's own rules. font-awesome.min.css is ALSO served
   cross-origin with no CORS headers, so its own rules cannot even be
   read back via JS to confirm the exact colliding declaration - only
   worked around here, not fully root-caused.
   `!important` is the only reliable fix given CDN injection timing
   isn't something this app controls - normal source-order fixes cannot
   be guaranteed to win. Scoped to the icons this app's own PHP actually
   references today (sys_menu seed data + pages/*.php's own ->button()
   calls) - a real Font Awesome icon used elsewhere later needs its own
   line added here the same way, not a blanket rule for all ~600 FA4
   icons that would cost real page weight for glyphs nothing uses. */
.fa-home:before { content: "\f015" !important; }
.fa-pencil-square-o:before { content: "\f044" !important; }
.fa-columns:before { content: "\f0db" !important; }
.fa-check-circle:before { content: "\f058" !important; }
.fa-code:before { content: "\f121" !important; }
.fa-calculator:before { content: "\f1ec" !important; }
.fa-toggle-on:before { content: "\f205" !important; }
.fa-list-ol:before { content: "\f0cb" !important; }
.fa-magic:before { content: "\f0d0" !important; }
.fa-object-group:before { content: "\f247" !important; }
.fa-search:before { content: "\f002" !important; }
.fa-filter:before { content: "\f0b0" !important; }
.fa-calendar:before { content: "\f073" !important; }
.fa-file-text-o:before { content: "\f0f6" !important; }
.fa-file-text:before { content: "\f15c" !important; }
.fa-sliders:before { content: "\f1de" !important; }
.fa-sitemap:before { content: "\f0e8" !important; }
.fa-link:before { content: "\f0c1" !important; }
.fa-random:before { content: "\f074" !important; }
.fa-indent:before { content: "\f03c" !important; }
.fa-cloud-upload:before { content: "\f0ee" !important; }
.fa-file-image-o:before { content: "\f1c5" !important; }
.fa-bar-chart:before { content: "\f080" !important; }
.fa-database:before { content: "\f1c0" !important; }
.fa-th-list:before { content: "\f00b" !important; }
.fa-file-excel-o:before { content: "\f1c3" !important; }
.fa-file-pdf-o:before { content: "\f1c1" !important; }
.fa-hand-pointer-o:before { content: "\f25a" !important; }
.fa-bolt:before { content: "\f0e7" !important; }
.fa-cogs:before { content: "\f085" !important; }
.fa-video-camera:before { content: "\f03d" !important; }
.fa-check-square-o:before { content: "\f046" !important; }
.fa-lock:before { content: "\f023" !important; }
.fa-th-large:before { content: "\f009" !important; }
.fa-clone:before { content: "\f24d" !important; }
.fa-arrow-circle-o-right:before { content: "\f18e" !important; }
.fa-circle:before { content: "\f111" !important; }
.fa-user:before { content: "\f007" !important; }
.fa-check:before { content: "\f00c" !important; }
.fa-flag:before { content: "\f024" !important; }