/* Steuerlupe Dashboard Theme Override
   Überschreibt Tailwind-Defaults mit dem Steuerlupe-Design */

/* Fonts: Inter → DM Sans + DM Serif Display */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');

body, .font-sans { font-family: 'DM Sans', system-ui, sans-serif !important; }
h1, h2, h3, .font-serif { font-family: 'DM Serif Display', serif !important; }

/* Farben: Orange → Steuerlupe Teal */
.bg-orange-600 { background-color: #0097b2 !important; }
.bg-orange-500 { background-color: #0097b2 !important; }
.bg-orange-50 { background-color: rgba(0,151,178,.04) !important; }
.bg-orange-100 { background-color: rgba(0,151,178,.08) !important; }
.bg-orange-950\/30 { background-color: rgba(0,122,145,.15) !important; }
.text-orange-600 { color: #0097b2 !important; }
.text-orange-700 { color: #007a91 !important; }
.text-orange-400 { color: #00b8d9 !important; }
.border-orange-600 { border-color: #0097b2 !important; }
.border-orange-500 { border-color: #0097b2 !important; }
.border-orange-200 { border-color: rgba(0,151,178,.2) !important; }
.border-orange-900\/50 { border-color: rgba(0,122,145,.3) !important; }
.hover\:text-orange-700:hover { color: #007a91 !important; }
.hover\:bg-orange-700:hover { background-color: #007a91 !important; }
.ring-orange-500 { --tw-ring-color: #0097b2 !important; }
.focus\:ring-orange-500:focus { --tw-ring-color: #0097b2 !important; }

/* Header/Nav an Steuerlupe anpassen */
body { background-color: #fafbfc !important; }
.bg-gray-950 { background-color: #0f172a !important; }
.bg-gray-900 { background-color: #0f172a !important; }
.bg-gray-900\/50 { background-color: rgba(15,23,42,.5) !important; }

/* Karten-Stil */
.rounded-xl { border-radius: 16px !important; }
.shadow-sm { box-shadow: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04) !important; }

/* Back-Link Steuerlupe-Style */
a[href*="index.html"], a[href="/"] {
  color: #0097b2 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
a[href*="index.html"]:hover, a[href="/"]:hover {
  color: #007a91 !important;
}

/* Recharts Tooltip Styling */
.recharts-tooltip-wrapper .recharts-default-tooltip {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Mobile */
@media (max-width: 768px) {
  .grid-cols-2, .grid-cols-3, .grid-cols-4 { grid-template-columns: 1fr !important; }
  .text-3xl { font-size: 1.5rem !important; }
  .text-4xl { font-size: 1.75rem !important; }
  .p-8 { padding: 1rem !important; }
  .gap-6 { gap: 0.75rem !important; }
}