/* Tailwind-Shim for DL2TT – nur die Klassen, die index.php nutzt DSGVO-freundlich, ohne externe Requests */ /* Reset-ish & Base */ *,*::before,*::after{box-sizing:border-box} html{line-height:1.5;-webkit-text-size-adjust:100%} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"} img,svg{display:block;max-width:100%} /* ---------- Layout & Display ---------- */ .relative{position:relative} .absolute{position:absolute} .flex{display:flex} .flex-col{flex-direction:column} .flex-1{flex:1 1 0%} .w-full{width:100%} .min-h-screen{min-height:100vh} .overflow-x-auto{overflow-x:auto} .table-sticky{border-collapse:separate;border-spacing:0} /* Positioning helpers */ .top-4{top:1rem} .right-4{right:1rem} /* Sizing */ .h-20{height:5rem} .w-auto{width:auto} .min-w-full{min-width:100%} /* Container & Spacing */ .max-w-6xl{max-width:72rem} .mx-auto{margin-left:auto;margin-right:auto} .p-6{padding:1.5rem} .px-4{padding-left:1rem;padding-right:1rem} .py-2{padding-top:.5rem;padding-bottom:.5rem} .mt-1{margin-top:.25rem} .mt-8{margin-top:2rem} .mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem} .mb-8{margin-bottom:2rem} /* Typography */ .text-left{text-align:left} .text-center{text-align:center} .text-sm{font-size:.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .text-3xl{font-size:1.875rem;line-height:2.25rem} .font-bold{font-weight:700} /* ---------- Colors (Light) ---------- */ .text-gray-900{color:rgb(17 24 39)} .text-gray-600{color:rgb(75 85 99)} .text-gray-400{color:rgb(156 163 175)} .text-blue-700{color:rgb(29 78 216)} .text-blue-400{color:rgb(96 165 250)} .text-blue-300{color:rgb(147 197 253)} .bg-white{background-color:#ffffff} .bg-gray-50{background-color:rgb(249 250 251)} .bg-gray-100{background-color:rgb(243 244 246)} .bg-blue-100{background-color:rgb(219 234 254)} /* ---------- Colors (Dark via .dark on ) ---------- */ .dark .dark\:bg-gray-900{background-color:rgb(17 24 39)} .dark .dark\:bg-transparent{background-color:transparent} .dark .dark\:text-gray-100{color:rgb(243 244 246)} .dark .dark\:text-gray-400{color:rgb(156 163 175)} .dark .dark\:text-blue-400{color:rgb(96 165 250)} .dark .dark\:text-blue-300{color:rgb(147 197 253)} .dark .dark\:bg-blue-900\/40{background-color:rgba(30,58,138,.40)} .dark .dark\:bg-gray-900\/40{background-color:rgba(17,24,39,.40)} /* ---------- Borders & Radius & Shadow ---------- */ .border{border-width:1px;border-style:solid} .border-b{border-bottom-width:1px;border-bottom-style:solid} .border-gray-200{border-color:rgb(229 231 235)} .border-gray-700{border-color:rgb(55 65 81)} .border-gray-800{border-color:rgb(31 41 55)} .rounded-xl{border-radius:.75rem} .shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,.15)} /* ---------- Table helpers ---------- */ .whitespace-nowrap{white-space:nowrap} .align-top{vertical-align:top} /* ---------- Hover & Transition ---------- */ .hover\:bg-gray-100:hover{background-color:rgb(243 244 246)} .dark .dark\:hover\:bg-gray-800\/60:hover{background-color:rgba(31,41,55,.60)} .transition-colors{transition-property:color,background-color,border-color;transition-duration:150ms;transition-timing-function:ease} /* ---------- Scrollbar (wie vorher im