/* Evim Taksit — frontend (evtk- prefix, tema-nötr) */
.evtk { --evtk-line:#e2e8f0; --evtk-ink:#0f172a; --evtk-muted:#64748b; --evtk-accent:#0ea5e9; --evtk-ok:#059669; --evtk-radius:14px; box-sizing:border-box; font-size:14px; color:var(--evtk-ink); }
.evtk *, .evtk *::before, .evtk *::after { box-sizing:border-box; }
.evtk-strong { font-weight:700; }
.evtk-muted { color:var(--evtk-muted); }
.evtk-tabular { font-variant-numeric:tabular-nums; }
.evtk-right { text-align:right; }
.evtk-check { color:var(--evtk-ok); font-weight:700; }

/* Tablo */
.evtk-table { border:1px solid var(--evtk-line); border-radius:var(--evtk-radius); overflow:hidden; background:#fff; }
.evtk-table__head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:12px 16px; border-bottom:1px solid #f1f5f9; }
.evtk-table__title { font-size:15px; font-weight:700; margin:0; }
.evtk-table__down { font-size:12px; color:var(--evtk-muted); margin:0; }
.evtk-table__scroll { overflow-x:auto; }
.evtk-table__grid { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }
.evtk-table__grid thead tr { background:#f8fafc; color:var(--evtk-muted); font-size:12px; }
.evtk-table__grid th, .evtk-table__grid td { padding:10px 16px; border-bottom:1px solid #f1f5f9; }
.evtk-table__grid tbody tr:hover { background:#f8fafc; }
.evtk-table__note { border-top:1px solid #f1f5f9; padding:10px 16px; font-size:11px; color:#94a3b8; margin:0; }
.evtk-table__note-lg { padding:16px; font-size:13px; color:#475569; margin:0; }
@media (max-width:640px){ .evtk-hide-sm{ display:none; } }

/* Kompakt taksit planı */
.evtk-plan { border:1px solid var(--evtk-line); border-radius:var(--evtk-radius); background:#fff; padding:14px 16px; }
.evtk-plan__head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 12px; margin-bottom:12px; }
.evtk-plan__title { font-size:15px; font-weight:800; margin:0; letter-spacing:-.01em; }
.evtk-plan__down { font-size:13px; color:var(--evtk-muted); margin:0; }
.evtk-plan__down-amt { font-weight:800; color:var(--evtk-ink); margin-left:2px; }
.evtk-plan__note { margin:0; padding:10px 0; font-size:13px; color:#475569; }
.evtk-plan__grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(112px, 1fr)); gap:8px; }
.evtk-plan__card { border:1px solid var(--evtk-line); border-radius:10px; padding:10px 8px; text-align:center; display:flex; flex-direction:column; gap:1px; background:#fafcff; }
.evtk-plan__months { font-size:13px; font-weight:800; color:var(--evtk-ink); }
.evtk-plan__mo { font-size:10px; color:#94a3b8; text-transform:uppercase; letter-spacing:.04em; }
.evtk-plan__amt { font-size:15px; font-weight:800; color:var(--evtk-ink); margin-top:2px; font-variant-numeric:tabular-nums; }
.evtk-plan__badge { display:inline-block; margin-top:6px; font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; line-height:1.4; }
.evtk-plan__badge--free { background:#ecfdf5; color:#059669; }
.evtk-plan__badge--int { background:#fff7ed; color:#c2410c; }
.evtk-plan__due { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:14px; padding-top:12px; border-top:1px solid #f1f5f9; }
.evtk-plan__due-lbl { font-size:12px; font-weight:700; color:#334155; }
.evtk-plan__due-opts { display:flex; flex-wrap:wrap; gap:6px; }
.evtk-plan__due-opt { position:relative; }
.evtk-plan__due-opt input { position:absolute; opacity:0; inset:0; cursor:pointer; }
.evtk-plan__due-opt span { display:block; font-size:12px; font-weight:600; padding:5px 10px; border:1px solid var(--evtk-line); border-radius:999px; color:#475569; background:#fff; cursor:pointer; transition:all .12s; white-space:nowrap; }
.evtk-plan__due-opt input:checked + span { background:var(--evtk-ink); color:#fff; border-color:var(--evtk-ink); }
.evtk-plan__due-opt input:focus-visible + span { box-shadow:0 0 0 3px rgba(14,165,233,.25); }
.evtk-plan__disc { margin:12px 0 0; font-size:11px; color:#94a3b8; line-height:1.5; }

/* Başvuru */
.evtk-apply { border:1px solid #bae6fd; background:#f0f9ff; border-radius:16px; padding:16px; }
.evtk-apply__head { display:flex; align-items:center; gap:8px; font-weight:700; margin:0; }
.evtk-apply__intro { margin:8px 0 0; font-size:13px; line-height:1.6; color:#475569; }
.evtk-apply__field { display:block; margin-top:12px; }
.evtk-apply__field span { display:block; font-weight:600; margin-bottom:6px; color:#334155; }
.evtk-apply__field input { width:100%; border:1px solid var(--evtk-line); border-radius:10px; padding:12px 14px; font-size:16px; outline:none; background:#fff; }
.evtk-apply__field input:focus { border-color:var(--evtk-accent); box-shadow:0 0 0 3px rgba(14,165,233,.15); }
.evtk-btn { margin-top:12px; width:100%; min-height:46px; border:0; border-radius:10px; background:var(--evtk-ink); color:#fff; font-weight:600; font-size:14px; cursor:pointer; transition:opacity .15s; }
.evtk-btn:hover { opacity:.9; }
.evtk-btn:disabled { opacity:.5; cursor:not-allowed; }
.evtk-apply__error { color:#e11d48; font-size:12px; margin:8px 0 0; }
.evtk-apply__kvkk { color:#94a3b8; font-size:11px; margin:8px 0 0; line-height:1.5; }
.evtk-apply__checking { font-size:14px; color:#334155; }
.evtk-apply__approved-head { display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid #d1fae5; }
.evtk-apply__ok-title { font-weight:700; color:#065f46; margin:0; }
.evtk-apply__ok-sub { font-size:12px; color:#047857; margin:0; }
.evtk-apply__approved-body { display:grid; gap:12px; padding:12px 0; }
.evtk-apply__label { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; margin:0; }
.evtk-apply__value { font-size:18px; font-weight:800; margin:2px 0 0; }
.evtk-apply__value-sm { font-size:15px; font-weight:700; margin:2px 0 0; }
.evtk-apply__foot { font-size:11px; color:#64748b; line-height:1.6; border-top:1px solid #d1fae5; padding-top:10px; margin:0; }
.evtk-link { background:none; border:0; color:var(--evtk-accent); font-size:13px; cursor:pointer; padding:8px 0 0; text-decoration:underline; }

/* Kimlik kartı */
.evtk-idcard { border:1px solid var(--evtk-line); border-radius:12px; padding:12px 14px; background:#fff; }
.evtk-idcard__name { font-weight:700; font-size:15px; margin:0 0 6px; }
.evtk-idcard__grid { display:grid; grid-template-columns:1fr 1fr; gap:6px 14px; font-size:12px; }
.evtk-idcard__grid dt { color:#94a3b8; }
.evtk-idcard__grid dd { margin:0; font-weight:600; }

/* Özet */
.evtk-summary__lead { margin:0; font-size:14px; }
.evtk-summary__amount { font-weight:800; font-size:18px; }
.evtk-summary__ok { margin:6px 0 0; font-size:13px; color:var(--evtk-ok); }

/* Sözleşme + imza */
.evtk-contract__frame { width:100%; border:1px solid var(--evtk-line); border-radius:12px; background:#fff; min-height:520px; }
.evtk-sign { margin-top:16px; border:1px solid var(--evtk-line); border-radius:12px; padding:16px; background:#fff; }
.evtk-sign__pad-wrap { position:relative; }
.evtk-sign__pad { width:100%; height:200px; border:1px dashed #94a3b8; border-radius:10px; background:#fff; touch-action:none; cursor:crosshair; }
.evtk-sign__clear { position:absolute; top:8px; right:8px; }
.evtk-consent { display:flex; gap:8px; align-items:flex-start; margin-top:12px; font-size:13px; line-height:1.5; }
.evtk-consent input { margin-top:3px; }
.evtk-field { display:block; margin-top:12px; }
.evtk-field span { display:block; font-weight:600; margin-bottom:6px; }
.evtk-field input, .evtk-field textarea { width:100%; border:1px solid var(--evtk-line); border-radius:10px; padding:10px 12px; font-size:14px; }
.evtk-note { font-size:12px; color:var(--evtk-muted); }
.evtk-alert { padding:12px 14px; border-radius:10px; font-size:13px; }
.evtk-alert--err { background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; }
.evtk-alert--ok { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.evtk-iban { font-family:monospace; font-size:16px; font-weight:700; letter-spacing:.04em; }
