/* Vorlaeufige minimale Styles, bis Tailwind/DaisyUI-Build eingerichtet ist.
   Spaeter wird diese Datei vom Tailwind-CLI erzeugt. */

:root {
    color-scheme: light;
    --bg: #f3f4f6;
    --card: #ffffff;
    --text: #111827;
    --muted: #6b7280;
    --primary: #2563eb;
    --primary-text: #ffffff;
    --border: #e5e7eb;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; color: var(--text); background: var(--bg); }

.min-h-screen { min-height: 100vh; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.p-4 { padding: 1rem; }
.mr-2 { margin-right: 0.5rem; }
.mt-2 { margin-top: 0.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }
.w-full { width: 100%; }
.max-w-md { max-width: 28rem; }
.text-sm { font-size: 0.875rem; }
.text-xl { font-size: 1.25rem; font-weight: 600; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.bg-base-100, .card { background: var(--card); }
.bg-base-200 { background: var(--bg); }
.shadow, .card.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.container { max-width: 1024px; }
.mx-auto { margin-left: auto; margin-right: auto; }

.card { border: 1px solid var(--border); border-radius: 0.75rem; }
.card-body { padding: 1.25rem; }
.card-title { margin: 0 0 0.5rem 0; font-size: 1.25rem; font-weight: 600; }

.navbar { display: flex; padding: 0.75rem 1rem; border-bottom: 1px solid var(--border); }
.flex-1 { flex: 1; }
.flex-none { flex: none; }

.btn { display: inline-block; padding: 0.5rem 1rem; border: 1px solid transparent; border-radius: 0.5rem; cursor: pointer; text-decoration: none; font-size: 0.95rem; }
.btn-ghost { background: transparent; color: var(--text); }
.btn-ghost:hover { background: rgba(0,0,0,0.05); }
.btn-primary { background: var(--primary); color: var(--primary-text); }
.btn-primary:hover { filter: brightness(0.95); }
.btn-sm { padding: 0.25rem 0.65rem; font-size: 0.85rem; }

.input { width: 100%; padding: 0.55rem 0.75rem; font-size: 1rem; }
.input-bordered { border: 1px solid var(--border); border-radius: 0.5rem; background: white; }
.input-bordered:focus { outline: 2px solid var(--primary); outline-offset: -1px; }

.alert { padding: 0.75rem 1rem; border-radius: 0.5rem; }
.alert-warning { background: #fef3c7; color: #78350f; border: 1px solid #fde68a; }