/* Ergaenzende Utilities fuer die Elementaro-Ticketing-Views.
 *
 * Aureus liefert je Plugin ein eigenes Stylesheet mit genau den Utilities,
 * die dessen Views verwenden; die Filament-Basis enthaelt nur, was Filament
 * selbst nutzt. Dem Ticketing-Modul fehlte ein solches Stylesheet, weshalb
 * 86 tatsaechlich verwendete Klassen wirkungslos blieben — darunter Innen-
 * abstaende, Hover-Zustaende, Akzentfarben und Dark-Mode-Varianten.
 *
 * Erzeugt aus dem Abgleich der in resources/views verwendeten Klassen gegen
 * alle ausgelieferten Stylesheets. Werte folgen der Tailwind-Standardpalette;
 * Primaer- und Gefahrfarben nutzen die Filament-Variablen und damit das Theme.
 */
.align-top{vertical-align:top}
.bg-amber-200{background-color:#fde68a}
.bg-amber-600{background-color:#d97706}
.bg-black\/30{background-color:rgb(0 0 0 / 0.3)}
.bg-emerald-100{background-color:#d1fae5}
.bg-gray-950{background-color:#030712}
.bg-red-700{background-color:#b91c1c}
.border-2{border-width:2px;border-style:solid}
.border-b-2{border-bottom-width:2px;border-bottom-style:solid}
.border-danger-300{border-color:var(--danger-300)}
.border-gray-800{border-color:#1f2937}
.dark .dark\:bg-amber-950\/30{background-color:rgb(69 26 3 / 0.3)}
.dark .dark\:bg-primary-950\/20{background-color:color-mix(in oklab, var(--primary-950) 20%, transparent)}
.dark .dark\:bg-primary-950\/30{background-color:color-mix(in oklab, var(--primary-950) 30%, transparent)}
.dark .dark\:border-amber-500\/40{border-color:rgb(245 158 11 / 0.4)}
.dark .dark\:border-blue-500\/30{border-color:rgb(59 130 246 / 0.3)}
.dark .dark\:border-primary-500\/30{border-color:color-mix(in oklab, var(--primary-500) 30%, transparent)}
.dark .dark\:border-primary-500\/40{border-color:color-mix(in oklab, var(--primary-500) 40%, transparent)}
.dark .dark\:border-white\/20{border-color:rgb(255 255 255 / 0.2)}
.dark .dark\:divide-white\/10>:not([hidden])~:not([hidden]){border-color:rgb(255 255 255 / 0.1)}
.dark .dark\:text-amber-100{color:#fef3c7}
.dark .dark\:text-amber-400{color:#fbbf24}
.dark .dark\:text-blue-100{color:#dbeafe}
.dark .dark\:text-primary-200{color:var(--primary-200)}
.dark .dark\:text-red-100{color:#fee2e2}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:opacity-50:disabled{opacity:.5}
.font-normal{font-weight:400}
.group:hover .group-hover\:opacity-100{opacity:1}
.h-2{height:.5rem}
.h-full{height:100%}
.hover\:bg-gray-100:hover{background-color:#f3f4f6}
.hover\:bg-primary-50:hover{background-color:var(--primary-50)}
.hover\:border-primary-400:hover{border-color:var(--primary-400)}
.hover\:text-primary-600:hover{color:var(--primary-600)}
.inset-y-0{top:0;bottom:0}
.items-baseline{align-items:baseline}
.list-disc{list-style-type:disc}
.max-h-\[60vh\]{max-height:60vh}
.max-w-4xl{max-width:56rem}
.mb-5{margin-bottom:1.25rem}
.min-h-24{min-height:6rem}
.min-h-28{min-height:7rem}
.min-w-64{min-width:16rem}
.min-w-80{min-width:20rem}
.ml-1{margin-left:.25rem}
.mr-1{margin-right:.25rem}
.mt-5{margin-top:1.25rem}
.overflow-auto{overflow:auto}
.p-10{padding:2.5rem}
.p-12{padding:3rem}
.p-1{padding:.25rem}
.p-5{padding:1.25rem}
.pb-2{padding-bottom:.5rem}
.pb-4{padding-bottom:1rem}
.pb-5{padding-bottom:1.25rem}
.pt-1{padding-top:.25rem}
.pt-4{padding-top:1rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.self-center{align-self:center}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-amber-900{color:#78350f}
.text-amber-950{color:#451a03}
.text-danger-700{color:var(--danger-700)}
.text-emerald-600{color:#059669}
.text-emerald-800{color:#065f46}
.text-gray-100{color:#f3f4f6}
.text-primary-800{color:var(--primary-800)}
.text-red-900{color:#7f1d1d}
.z-40{z-index:40}
.z-50{z-index:50}
@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4/span 4}}
@media (min-width:1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}}
@media (min-width:640px){.sm\:flex-row{flex-direction:row}}
@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px){.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:640px){.sm\:items-center{align-items:center}}
@media (min-width:640px){.sm\:justify-between{justify-content:space-between}}
@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}}
.gap-x-8{column-gap:2rem}
.gap-y-2{row-gap:.5rem}