/* EinsatzApp - Minimal Tailwind Replacement (replaces 398KB CDN compiler) */
/* Only classes actually used in views */

/* Layout */
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.inline-block { display: inline-block; }
.hidden { display: none; }
.block { display: block; }
.grid { display: grid; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }

/* Flexbox */
.flex-col { flex-direction: column; }
.flex-1 { flex: 1 1 0%; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.shrink-0 { flex-shrink: 0; }
.grow { flex-grow: 1; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.space-x-1 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.25rem; }
.space-x-2 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.5rem; }

/* Sizing */
.w-full { width: 100%; }
.w-1\.5 { width: 0.375rem; }
.w-2\.5 { width: 0.625rem; }
.w-3\.5 { width: 0.875rem; }
.h-1\.5 { height: 0.375rem; }
.h-2\.5 { height: 0.625rem; }
.h-3\.5 { height: 0.875rem; }
.min-h-screen { min-height: 100vh; }
.max-w-none { max-width: none; }
.max-w-\[335px\] { max-width: 335px; }
.w-\[448px\] { width: 448px; }

/* Spacing */
.p-6 { padding: 1.5rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.mb-6 { margin-bottom: 1.5rem; }
.ml-1 { margin-left: 0.25rem; }

/* Typography */
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.font-medium { font-weight: 500; }
.leading-normal { line-height: 1.5; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Borders & Rounded */
.border { border-width: 1px; border-style: solid; }
.rounded-sm { border-radius: 0.125rem; }
.rounded-full { border-radius: 9999px; }
.rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }

/* Colors (Arbitrary values used in views) */
.text-\[\#1b1b18\] { color: #1b1b18; }
.text-\[\#f53003\] { color: #f53003; }
.bg-\[\#FDFDFC\] { background-color: #FDFDFC; }
.bg-white { background-color: white; }
.bg-\[\#dbdbd7\] { background-color: #dbdbd7; }
.border-\[\#19140035\] { border-color: rgba(25,20,0,0.21); }
.border-\[\#e3e3e0\] { border-color: #e3e3e0; }

/* Effects */
.opacity-100 { opacity: 1; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

/* Shadows (used in welcome) */
.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\] { box-shadow: inset 0px 0px 0px 1px rgba(26,26,0,0.16); }
.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\] { box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.03), 0px 1px 2px 0px rgba(0,0,0,0.06); }
