/* public/assets/ui/framework/05_utilities.css
   KomodUI Utilities v0.1
   Minimal utilities with u- prefix to avoid collisions.
*/

.u-hidden { display: none !important; }
.u-block { display: block !important; }
.u-inline { display: inline !important; }
.u-inline-block { display: inline-block !important; }

.u-w-100 { width: 100% !important; }
.u-max-w-100 { max-width: 100% !important; }

.u-nowrap { white-space: nowrap !important; }
.u-break-words { overflow-wrap: anywhere !important; word-break: break-word !important; }

.u-text-left { text-align: left !important; }
.u-text-center { text-align: center !important; }
.u-text-right { text-align: right !important; }

.u-muted { color: var(--color-text-muted) !important; }

.u-mt-0 { margin-top: 0 !important; }
.u-mt-2 { margin-top: var(--space-2) !important; }
.u-mt-4 { margin-top: var(--space-4) !important; }
.u-mt-6 { margin-top: var(--space-6) !important; }

.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-2 { margin-bottom: var(--space-2) !important; }
.u-mb-4 { margin-bottom: var(--space-4) !important; }
.u-mb-6 { margin-bottom: var(--space-6) !important; }

.u-pt-2 { padding-top: var(--space-2) !important; }
.u-pt-4 { padding-top: var(--space-4) !important; }
.u-pb-2 { padding-bottom: var(--space-2) !important; }
.u-pb-4 { padding-bottom: var(--space-4) !important; }

.u-gap-2 { gap: var(--space-2) !important; }
.u-gap-3 { gap: var(--space-3) !important; }
.u-gap-4 { gap: var(--space-4) !important; }
.u-gap-6 { gap: var(--space-6) !important; }