/* Shared misc components: badges, alerts, dropdown-menu, pagination, tabs, empty-state, spinner, and spacing utilities. Aliases real class names already in use; extends table-system.css's .status-badge/.table-pagination rather than duplicating them. Additive only. */ /* ---- Global text-wrap safety net ---- Loaded on every admin + SmmDadPrime + NebulaCircuit page (see header.twig / admin/views/layout.php), so this is the one place to fix "long text overflows its box" across pages instead of patching each template/page CSS individually. break-word (not anywhere) matches table-system.css's existing rule: anywhere also defeats flex/grid min-content sizing and wraps normal words one character per line in narrow columns. Scoped to text-bearing elements, not a universal *-selector, so it can't override intentional single-line truncation (.hideextra, .table-cell-truncate, .nowrap, etc.). */ h1, h2, h3, h4, h5, h6, p, span, a, li, label, small, blockquote, figcaption, .card-header, .card-body, .card-footer, .component-card-header, .component-card-body, .component-card-footer, .modal-title, .modal-body, .modal-footer, .alert, .badge, .admin-badge, .dropdown-menu, .dropdown-item, .admin-nav-dropdown-menu, .nav-tabs, .admin-tabs, .btn, .component-button, .app-button, .apx-btn, .admin-btn { overflow-wrap: break-word; word-break: normal; } /* Long unbroken tokens (URLs, hashes, slugs) have no natural break point for break-word to use, so links specifically get the more aggressive overflow-wrap: anywhere — same treatment already carved out for order links in table-system.css/theme.css, generalized to all links. */ a { overflow-wrap: anywhere; } /* Flex/grid rows pairing a text label with a fixed-size sibling (icon, close button, badge) need min-width:0 on the text side or the row refuses to shrink and pushes/clips instead of wrapping — the same gap .table-cell-media__content already closes for table cells. */ .modal-title, .card-header > *:not(.card-actions):not(.component-card-actions), .ui-card-header > *:first-child, .dropdown-item, .nav-tabs .nav-link, .admin-tabs .admin-tab { min-width: 0; } /* Images/media never force horizontal overflow regardless of their intrinsic size. */ img, svg, video, iframe { max-width: 100%; } /* NebulaCircuit: Android install link is hidden except on Android UA (theme.js adds .is-android to ); moved out of a page-level