/* ============================================================
   Page: teklifler — Teklif (Proforma) yönetimi
   ============================================================ */
.tkf-page { padding: var(--space-5); }
.tkf-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); }
.tkf-title { font-size: var(--fs-xl); font-weight: 800; margin: 0; color: var(--text); }
.tkf-sub { margin: 4px 0 0; color: var(--text-muted); font-size: var(--fs-sm); max-width: 720px; }

.tkf-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
.tkf-stat { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); padding: var(--space-3) var(--space-4); }
.tkf-stat-val { font-size: var(--fs-xl); font-weight: 800; color: var(--text); line-height: 1.1; }
.tkf-stat-lbl { font-size: var(--fs-xs); color: var(--text-muted); margin-top: 2px; }
.tkf-stat--warn .tkf-stat-val { color: var(--yellow); }

.tkf-table tbody tr:hover { background: var(--row-hover); }
.tkf-exp { color: var(--red); font-weight: 700; }
.tkf-empty { text-align: center; color: var(--text-muted); font-size: var(--fs-sm); padding: var(--space-10) var(--space-4); background: var(--surface); border: 1px dashed var(--border); border-radius: var(--radius-lg); }

@media (max-width: 560px) { .tkf-stats { grid-template-columns: 1fr; } }