/* Tailwind yerine yerel yardımcılar — üçüncü taraf derleyici yok */

.flex { display: flex; }
.inline-flex { display: inline-flex; }
.inline-block { display: inline-block; }
.block { display: block; }
.hidden { display: none; }
.grid { display: grid; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-1 { flex: 1 1 0%; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.grid-cols-1 { grid-template-columns: 1fr; }
.grid-cols-2 { grid-template-columns: 1fr 1fr; }
.col-span-full { grid-column: 1 / -1; }

.w-full { width: 100%; }
.w-6 { width: 1.5rem; }
.w-7 { width: 1.75rem; }
.w-12 { width: 3rem; }
.h-2 { height: 0.5rem; }
.h-7 { height: 1.75rem; }
.h-10 { height: 2.5rem; }
.h-12 { height: 3rem; }
.h-full { height: 100%; }
.max-w-md { max-width: 28rem; }
.max-w-2xl { max-width: 42rem; }
.max-h-96 { max-height: 24rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-10 { margin-bottom: 2.5rem; }
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }

.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.border { border-width: 1px; border-style: solid; }
.border-2 { border-width: 2px; border-style: solid; }
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-b { border-bottom-width: 1px; border-bottom-style: solid; }
.border-subtle { border-color: var(--border-subtle); }
.border-white { border-color: #fff; }
.border-transparent { border-color: transparent; }

.bg-tertiary { background: var(--bg-tertiary); }
.bg-transparent { background: transparent; }
.bg-white { background: #fff; }
.bg-slate-800 { background: #1e293b; }
.bg-slate-900 { background: #0f172a; }
.bg-blue-700 { background: #1d4ed8; }
.bg-red-600 { background: #dc2626; }
.bg-emerald-500 { background: #10b981; }
.bg-secondary\/50 { background: color-mix(in srgb, var(--bg-secondary) 50%, transparent); }
.bg-indigo-500\/15 { background: rgba(99, 102, 241, 0.15); }
.bg-emerald-500\/15 { background: rgba(16, 185, 129, 0.15); }
.bg-cyan-500\/15 { background: rgba(6, 182, 212, 0.15); }

.text-xs { font-size: 0.75rem; line-height: 1.2; }
.text-sm { font-size: 0.875rem; line-height: 1.4; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-center { text-align: center; }
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }
.text-danger { color: var(--danger); }
.text-emerald-400 { color: #34d399; }
.text-cyan-400 { color: #22d3ee; }
.text-indigo-400 { color: #818cf8; }
.text-amber-400 { color: #fbbf24; }
.text-red-400 { color: #f87171; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.font-extrabold { font-weight: 800; }
.font-mono { font-family: var(--font-mono); }
.leading-relaxed { line-height: 1.65; }
.cursor-pointer { cursor: pointer; }
.outline-none { outline: none; }
.select-all { user-select: all; }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.accent-indigo-600 { accent-color: #4f46e5; }

@media (min-width: 640px) {
  .sm\:inline-flex { display: inline-flex; }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 768px) {
  .md\:inline-flex { display: inline-flex; }
  .md\:grid-cols-2 { grid-template-columns: 1fr 1fr; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  .lg\:inline { display: inline; }
}