/* Verihat shared styles */
html, body { font-family: 'Inter', system-ui, sans-serif; }
.scroll-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scroll-thin::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.scroll-thin::-webkit-scrollbar-track { background: transparent; }
.sidebar-item.active { background: linear-gradient(90deg, rgba(58,93,255,.12), rgba(58,93,255,0)); color: #243cf5; }
.sidebar-item.active .ico { color: #243cf5; }
.chip { display:inline-flex; align-items:center; gap:.35rem; padding:.15rem .55rem; border-radius:9999px; font-size:.7rem; font-weight:600; }
.dot { width: 6px; height: 6px; border-radius: 9999px; display:inline-block; }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .chev { transform: rotate(90deg); }
.chev { transition: transform .15s ease; }
.tab.active { color: #243cf5; border-color: #243cf5; }
.kbd { font-family: ui-monospace, monospace; font-size: .7rem; padding: 1px 5px; border-radius: 4px; background: #f1f5f9; border:1px solid #e2e8f0; color:#475569; }
.api-key { font-family: ui-monospace, monospace; }
.row-hover:hover { background: #f8fafc; }
.toggle { position: relative; width: 36px; height: 20px; background: #cbd5e1; border-radius: 999px; cursor: pointer; transition: background .15s; }
.toggle::after { content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:999px; background:#fff; transition: transform .15s; }
.toggle.on { background: #243cf5; }
.toggle.on::after { transform: translateX(16px); }
.tree { font-family: ui-monospace, monospace; font-size: 12.5px; }
.tree .node { padding: 2px 8px; border-radius: 4px; cursor: pointer; display: flex; gap: 8px; align-items: center; }
.tree .node:hover { background: #f1f5f9; }
.tree .node.active { background: #dbe6ff; color: #1c2dd6; }
.empty-state { text-align: center; padding: 48px 16px; color: #94a3b8; }
.empty-state svg { width: 56px; height: 56px; margin: 0 auto 12px; opacity: .4; }
.timeline-dot { position: absolute; left: -7px; width: 14px; height: 14px; border-radius: 9999px; border: 3px solid #fff; }

/* === Form satır-kalemi tabloları: sekme/odak/yazım kaymalarını engelle (fatura, teklif, sipariş…) === */
/* Number spinner'ları kaldır — odakta genişlik değişimi olmasın */
input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Tutar/rakam hücreleri SABİT genişlik + monospace-rakam → sayı büyüyünce sütun kaymaz */
td[data-total] { width: 120px; min-width: 120px; max-width: 120px; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
/* Tablo girişleri tutarlı hizalama */
table td input, table td select { box-sizing: border-box; vertical-align: middle; }
table input.text-right, td[data-total] { font-variant-numeric: tabular-nums; }
/* Odak halkası layout'u kaydırmasın (border yerine box-shadow ring) */
input:focus, select:focus, textarea:focus { outline: none; }