/* STREAMING_CHUNK: Base body styling and utilities */
body {
background-color: #f4f4f0;
color: #111111;
font-family: 'Roboto', sans-serif;
}

/* STREAMING_CHUNK: Brutalist border and shadow classes */
.brutal-border { border: 3px solid #111111; }
.brutal-shadow {
box-shadow: 6px 6px 0px 0px rgba(17,17,17,1);
transition: all 0.2s ease-in-out;
}
.brutal-shadow:hover {
transform: translate(-2px, -2px);
box-shadow: 8px 8px 0px 0px rgba(17,17,17,1);
}
.brutal-shadow:active {
transform: translate(4px, 4px);
box-shadow: 2px 2px 0px 0px rgba(17,17,17,1);
}
.brutal-shadow-yellow { box-shadow: 6px 6px 0px 0px rgba(232,174,60,1); }

/* STREAMING_CHUNK: Typography and scrollbar styling */
.uppercase-brutal { text-transform: uppercase; letter-spacing: -0.02em; font-weight: 900; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f0f0f0; border-left: 2px solid #111; }
::-webkit-scrollbar-thumb { background: #111; }
::-webkit-scrollbar-thumb:hover { background: #E8AE3C; }
.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }

/* STREAMING_CHUNK: Animations and form inputs */
.fade-in { animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.status-badge {
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 0.2rem 0.5rem;
border: 2px solid;
display: inline-block;
}
textarea { resize: vertical; min-height: 80px; }