/* Small hand-rolled utility layer — load before app.css/login.css. */

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.h-full { height: 100%; }
.overflow-hidden { overflow: hidden; }
.flex { display: flex; }
.flex-1 { flex: 1 1 0%; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.mb-2 { margin-bottom: 0.5rem; }
.rounded { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.9rem; }
.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
.text-sm { font-size: 0.85rem; }
.text-xs { font-size: 0.75rem; }
.font-medium { font-weight: 500; }
.max-w-4xl { max-width: 56rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.grid { display: grid; }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

:root[data-theme="dark"] body { background: #0f172a; color: #e2e8f0; }