/*
 * Supplement to /css/app.css (the old app's purged Tailwind v2.2.19 bundle) for the
 * logged-in React screens: only utilities the old bundle lacks, written the way
 * Tailwind v2 compiles them (v2 palette). Keep this small; prefer classes the old
 * Blade views used.
 */
:root { color-scheme: light; }
[x-cloak] { display: none !important; }
.list-none { list-style-type: none; }
.whitespace-pre-wrap { white-space: pre-wrap; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.pb-24 { padding-bottom: 6rem; }
.pl-6 { padding-left: 1.5rem; }
.top-4 { top: 1rem; }
.right-4 { right: 1rem; }
.w-28 { width: 7rem; }
.w-32 { width: 8rem; }
.w-80 { width: 20rem; }
.min-h-\[32rem\] { min-height: 32rem; }
.text-\[10px\] { font-size: 10px; }
.shadow-solid { box-shadow: 0 0 0 2px #fff; }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
.bg-green-50 { --tw-bg-opacity: 1; background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); }
.bg-red-50 { --tw-bg-opacity: 1; background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); }
.bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); }
.border-red-300 { --tw-border-opacity: 1; border-color: rgba(252, 165, 165, var(--tw-border-opacity)); }
.text-green-700 { --tw-text-opacity: 1; color: rgba(4, 120, 87, var(--tw-text-opacity)); }
.text-red-700 { --tw-text-opacity: 1; color: rgba(185, 28, 28, var(--tw-text-opacity)); }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* part 2: group D */
.contents{display:contents}