/*
 * Tailwind-Ergaenzung fuer die Riccardo Suite (31.08.2026).
 *
 * Das deployte public/build-CSS ist ein alter, gepurgter Build; auf dem
 * Server gibt es kein Node fuer einen Neubau. Diese Datei ergaenzt exakt die
 * Utility-Klassen, die in den Blade-Views verwendet werden, im gebauten CSS
 * aber fehlen (Werte = Tailwind-v3-Defaults). Neu erzeugen:
 *   python3 scratchpad/css_gen.py  (Generator liegt der Session bei)
 * Nach einem echten npm-Build darf diese Datei entfallen.
 */
[x-cloak]{display:none!important}
details.supp-beleg>summary{list-style:none;cursor:pointer}
details.supp-beleg>summary::-webkit-details-marker{display:none}
details.supp-beleg[open]>summary .supp-chev{transform:rotate(90deg)}
@keyframes supp-pulse{50%{opacity:.5}}
@keyframes supp-spin{to{transform:rotate(360deg)}}
.bg-gray-50\/50{background-color:rgb(249 250 251 / .5)}
.divide-x>:not([hidden])~:not([hidden]){border-right-width:0;border-left-width:1px}
@media (min-width:640px){.sm\:divide-y-0>:not([hidden])~:not([hidden]){border-top-width:0}}
.\!bg-brand-600{background-color:#1e3a5f!important}
.\!border-red-300{border-color:#fca5a5!important}
.\!text-red-700{color:#b91c1c!important}
.\!text-white{color:#fff!important}
.-top-6{top:-1.5rem}
.-translate-x-1\/2{transform:translateX(-50%)}
.active\:bg-gray-100:active{background-color:#f3f4f6}
.active\:text-gray-700:active{color:#374151}
.align-middle{vertical-align:middle}
.animate-pulse{animation:supp-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.animate-spin{animation:supp-spin 1s linear infinite}
.basis-full{flex-basis:100%}
.bg-amber-400{background-color:#fbbf24}
.bg-amber-500{background-color:#f59e0b}
.bg-blue-50{background-color:#eff6ff}
.bg-blue-500{background-color:#3b82f6}
.bg-emerald-100{background-color:#d1fae5}
.bg-emerald-50{background-color:#ecfdf5}
.bg-emerald-500{background-color:#10b981}
.bg-gray-200{background-color:#e5e7eb}
.bg-gray-300{background-color:#d1d5db}
.bg-gray-800{background-color:#1f2937}
.bg-green-400{background-color:#4ade80}
.bg-green-500{background-color:#22c55e}
.bg-indigo-500{background-color:#6366f1}
.bg-orange-100{background-color:#ffedd5}
.bg-purple-100{background-color:#f3e8ff}
.bg-purple-50{background-color:#faf5ff}
.bg-red-400{background-color:#f87171}
.bg-red-500{background-color:#ef4444}
.bg-red-700{background-color:#b91c1c}
.bg-teal-50{background-color:#f0fdfa}
.block{display:block}
.border-amber-400{border-color:#fbbf24}
.border-amber-500{border-color:#f59e0b}
.border-blue-200{border-color:#bfdbfe}
.border-blue-300{border-color:#93c5fd}
.border-blue-500{border-color:#3b82f6}
.border-brand-100{border-color:#d0e4f7}
.border-brand-500{border-color:#2e6da4}
.border-emerald-200{border-color:#a7f3d0}
.border-green-500{border-color:#22c55e}
.border-l-4{border-left-width:4px}
.border-orange-400{border-color:#fb923c}
.border-purple-300{border-color:#d8b4fe}
.border-red-300{border-color:#fca5a5}
.border-red-400{border-color:#f87171}
.border-red-500{border-color:#ef4444}
.border-teal-300{border-color:#5eead4}
.bottom-5{bottom:1.25rem}
.break-all{word-break:break-all}
.cursor-default{cursor:default}
.divide-gray-50{border-color:#f9fafb}
.duration-150{transition-duration:.15s}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.flex-wrap{flex-wrap:wrap}
.focus\:border-blue-300:focus{border-color:#93c5fd}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.font-black{font-weight:900}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.font-normal{font-weight:400}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-8{gap:2rem}
.gap-x-4{column-gap:1rem}
.gap-x-5{column-gap:1.25rem}
.gap-x-6{column-gap:1.5rem}
.gap-y-1{row-gap:0.25rem}
.gap-y-1\.5{row-gap:0.375rem}
.gap-y-2{row-gap:0.5rem}
.gap-y-3{row-gap:0.75rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.group:hover .group-hover\:bg-blue-600{background-color:#2563eb}
.group:hover .group-hover\:bg-green-600{background-color:#16a34a}
.group:hover .group-hover\:bg-purple-600{background-color:#9333ea}
.group:hover .group-hover\:bg-red-600{background-color:#dc2626}
.group:hover .group-hover\:opacity-100{opacity:1}
.group:hover .group-hover\:text-white{color:#fff}
.h-0\.5{height:0.125rem}
.h-1\.5{height:0.375rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-14{height:3.5rem}
.h-2{height:0.5rem}
.h-2\.5{height:0.625rem}
.h-3{height:0.75rem}
.h-3\.5{height:0.875rem}
.h-32{height:8rem}
.h-7{height:1.75rem}
.h-px{height:1px}
.hover\:bg-brand-100:hover{background-color:#d0e4f7}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}
.hover\:text-amber-900:hover{color:#78350f}
.hover\:text-brand-800:hover{color:#0f2038}
.hover\:text-gray-500:hover{color:#6b7280}
.hover\:text-gray-700:hover{color:#374151}
.hover\:text-red-700:hover{color:#b91c1c}
.inline-block{display:inline-block}
.italic{font-style:italic}
.items-baseline{align-items:baseline}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-start{justify-content:flex-start}
.leading-5{line-height:1.25rem}
.leading-relaxed{line-height:1.625}
.left-1\/2{left:50%}
.list-decimal{list-style-type:decimal}
.list-disc{list-style-type:disc}
.list-inside{list-style-position:inside}
.max-w-3xl{max-width:48rem}
.max-w-5xl{max-width:64rem}
.max-w-lg{max-width:32rem}
.max-w-sm{max-width:24rem}
.max-w-xs{max-width:20rem}
.mb-1{margin-bottom:0.25rem}
.mb-5{margin-bottom:1.25rem}
.ml-3{margin-left:0.75rem}
.mr-1{margin-right:0.25rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1\.5{margin-top:0.375rem}
.mt-3{margin-top:0.75rem}
.mt-5{margin-top:1.25rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.opacity-0{opacity:0}
.opacity-25{opacity:.25}
.opacity-75{opacity:.75}
.origin-left{transform-origin:left}
.overflow-x-auto{overflow-x:auto}
.p-10{padding:2.5rem}
.p-12{padding:3rem}
.p-3{padding:0.75rem}
.pb-2{padding-bottom:0.5rem}
.pb-4{padding-bottom:1rem}
.pl-10{padding-left:2.5rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.right-5{right:1.25rem}
.ring-2{box-shadow:0 0 0 2px var(--tw-ring-color,rgb(59 130 246 / .5))}
.ring-amber-300{--tw-ring-color:#fcd34d}
.ring-blue-200{--tw-ring-color:#bfdbfe}
.ring-brand-300{--tw-ring-color:#6fa6e3}
.ring-gray-100{--tw-ring-color:#f3f4f6}
.ring-gray-300{--tw-ring-color:#d1d5db}
.ring-green-300{--tw-ring-color:#86efac}
.ring-offset-2{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--tw-ring-color,rgb(59 130 246 / .5))}
.ring-red-300{--tw-ring-color:#fca5a5}
.rotate-45{transform:rotate(45deg)}
.rotate-90{transform:rotate(90deg)}
.rounded-md{border-radius:0.375rem}
.rounded-sm{border-radius:0.125rem}
.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.scroll-mt-4{scroll-margin-top:1rem}
.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}
.shrink-0{flex-shrink:0}
@media (min-width:640px){.sm\:flex{display:flex}}
@media (min-width:640px){.sm\:flex-1{flex:1 1 0%}}
@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:640px){.sm\:hidden{display:none}}
@media (min-width:640px){.sm\:justify-between{justify-content:space-between}}
.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:0.375rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:0.75rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-\[11px\]{font-size:11px;line-height:1rem}
.text-amber-500{color:#f59e0b}
.text-amber-800{color:#92400e}
.text-amber-900{color:#78350f}
.text-base{font-size:1rem;line-height:1.5rem}
.text-blue-500{color:#3b82f6}
.text-blue-800{color:#1e40af}
.text-brand-100{color:#d0e4f7}
.text-brand-500{color:#2e6da4}
.text-brand-700{color:#162d4d}
.text-brand-800{color:#0f2038}
.text-brand-900{color:#081424}
.text-emerald-600{color:#059669}
.text-emerald-700{color:#047857}
.text-emerald-800{color:#065f46}
.text-gray-800{color:#1f2937}
.text-green-500{color:#22c55e}
.text-green-900{color:#14532d}
.text-orange-600{color:#ea580c}
.text-purple-500{color:#a855f7}
.text-purple-600{color:#9333ea}
.text-purple-800{color:#6b21a8}
.text-red-200{color:#fecaca}
.text-red-500{color:#ef4444}
.text-red-900{color:#7f1d1d}
.text-teal-800{color:#115e59}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-yellow-500{color:#eab308}
.top-4{top:1rem}
.transition-all{transition-property:all;transition-duration:.15s}
.transition-shadow{transition-property:box-shadow;transition-duration:.15s}
.transition-transform{transition-property:transform;transition-duration:.15s}
.w-1\.5{width:0.375rem}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-14{width:3.5rem}
.w-2{width:0.5rem}
.w-2\.5{width:0.625rem}
.w-24{width:6rem}
.w-28{width:7rem}
.w-3{width:0.75rem}
.w-3\.5{width:0.875rem}
.w-32{width:8rem}
.w-44{width:11rem}
.w-52{width:13rem}
.w-7{width:1.75rem}
.whitespace-nowrap{white-space:nowrap}
@media (min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.z-0{z-index:0}

/* --- Nachtrag 08.09.2026: Klassen der neuen Ansichten (Bestellverlauf,
   Sortimentsbaum, API-Doku, Tokenverwaltung). Fehlten im gepurgten Build,
   wodurch im Zeitstrahl saemtliche Abstaende wegfielen und die Woerter
   aneinanderklebten. --- */
.gap-x-2{column-gap:0.5rem}
.gap-3{gap:0.75rem}
.pb-5{padding-bottom:1.25rem}
.pr-4{padding-right:1rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.min-h-8{min-height:2rem}
.min-w-64{min-width:16rem}
.w-px{width:1px}
.inline{display:inline}
.align-top{vertical-align:top}
.normal-case{text-transform:none}
.select-none{user-select:none}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.break-words{overflow-wrap:break-word}
.whitespace-pre-wrap{white-space:pre-wrap}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.-mb-px{margin-bottom:-1px}
.border-gray-50{border-color:#f9fafb}
.border-amber-300{border-color:#fcd34d}
.ring-emerald-200{--tw-ring-color:#a7f3d0}
.bg-gray-900{background-color:#111827}
.bg-brand-50{background-color:#eef2f7}
.text-gray-100{color:#f3f4f6}
.text-amber-200{color:#fde68a}
.space-y-0>:not([hidden])~:not([hidden]){margin-top:0}
.last\:border-0:last-child{border-width:0}
.hover\:opacity-80:hover{opacity:.8}
.hover\:text-gray-800:hover{color:#1f2937}
@media (min-width:640px){.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Zeitstrahl des Bestellverlaufs (08.09.2026). */
.pl-8{padding-left:2rem}
.pb-6{padding-bottom:1.5rem}
.bottom-0{bottom:0}
.top-1\.5{top:0.375rem}
.left-\[5px\]{left:5px}
.leading-snug{line-height:1.375}
.bg-emerald-200{background-color:#a7f3d0}

/* Niko-Bestellseite (08.09.2026): rote Tabelle der fehlenden
   Lieferantenartikelnummern - im alten, gepurgten Build nicht enthalten. */
.border-red-100{border-color:#fee2e2}
.hover\:text-red-900:hover{color:#7f1d1d}

/* Zentrallager: Beleg je Lieferant, Niko in Teal (08.09.2026). */
.border-teal-200{border-color:#99f6e4}
.text-teal-900{color:#134e4a}

/* Kennzahlenreihe der Bestelluebersicht auf fuenf Kacheln (08.09.2026). */
@media (min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Auswertung Bestellprozess & Verfuegbarkeit (08.09.2026). */
.max-h-96{max-height:24rem}
@media (min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Seite "Bedarf ohne Deckung" (09.09.2026) und die Karten der Auswertung. */
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.cursor-help{cursor:help}
.pl-12{padding-left:3rem}
.pl-14{padding-left:3.5rem}

/* Gemeinsame Positionsliste mit Gliederung (09.09.2026). */
.w-3\.5{width:0.875rem}
.h-3\.5{height:0.875rem}
.pl-9{padding-left:2.25rem}
.pl-16{padding-left:4rem}