/* Ortak bileşenler (Tailwind sınıflarıyla eşdeğer, şablonları kısa tutmak için). */
.input { width: 100%; border: 1px solid #cbd5e1; border-radius: .375rem; padding: .45rem .65rem; font-size: .9rem; background: #fff; }
.input:focus { outline: 2px solid #1e3a8a; outline-offset: 0; }
.label { display: block; font-size: .75rem; color: #475569; margin-bottom: .2rem; }
.btn { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid #cbd5e1; border-radius: .375rem; padding: .45rem .9rem; font-size: .875rem; background: #fff; cursor: pointer; }
.btn:hover { background: #f1f5f9; }
.btn-primary { background: #1e3a8a; border-color: #1e3a8a; color: #fff; }
.btn-primary:hover { background: #1e40af; }
.btn-sm { padding: .25rem .6rem; font-size: .8rem; }
.card { background: #fff; border: 1px solid #e2e8f0; border-radius: .5rem; }
.help { font-size: .8rem; color: #64748b; margin-bottom: 1rem; }
.table { width: 100%; font-size: .875rem; }
.table th { text-align: left; font-weight: 600; color: #475569; padding: .5rem .75rem; border-bottom: 1px solid #e2e8f0; }
.table td { padding: .5rem .75rem; border-bottom: 1px solid #f1f5f9; vertical-align: top; }
.badge { display: inline-block; border-radius: 9999px; padding: .1rem .55rem; font-size: .75rem; font-weight: 500; }