/* public/assets/css/module/anzeigetafel.css */

@keyframes pulse-refresh { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); } }
#refresh-indicator:not(.hidden) { display: inline-block; width: 10px; height: 10px; background-color: #3b82f6; border-radius: 50%; animation: pulse-refresh 2s infinite; }
.dashboard-zone-header { letter-spacing: 0.15em; text-shadow: 0 1px 1px rgba(255,255,255,0.8); }
[data-card-key] { transition: transform 0.2s ease, box-shadow 0.2s ease; }
[data-card-key]:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.dashboard-empty-state { animation: dashboardFadeIn 0.6s ease-out; }
@keyframes dashboardFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 1920px) { .2xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }