/* Hafif Araçlar: araca özel stiller */
.ha-sarmal .ha-fark{margin:0 0 14px;border:1px solid var(--ha-cizgi);border-radius:8px;overflow:auto;max-height:480px}
.ha-sarmal .ha-fark:empty{display:none}
.ha-sarmal .ha-fark-satir{display:flex;gap:8px;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;border-left:4px solid transparent}
.ha-sarmal .ha-fark-isaret{flex:0 0 1.5ch;font-weight:700}
.ha-sarmal .ha-fark-metin{flex:1 1 auto;min-width:0}
.ha-sarmal .ha-fark--ekle{background:#dcfce7;color:#14532d;border-left-color:#16a34a}
.ha-sarmal .ha-fark--sil{background:#fee2e2;color:#7f1d1d;border-left-color:#dc2626}
.ha-sarmal .ha-hata-parca{margin:0 0 14px;padding:10px 12px;overflow:auto;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#7c2d12;font-size:14px;line-height:1.4}
.ha-sarmal .ha-regex-vurgu{margin:0 0 14px;padding:10px 12px;max-height:280px;overflow:auto;background:var(--ha-yumusak);border:1px solid var(--ha-cizgi);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.ha-sarmal .ha-regex-vurgu:empty{display:none}
.ha-sarmal .ha-regex-vurgu mark{padding:0 1px;background:#fde68a;color:#1f2937;border-radius:2px;outline:1px solid #f59e0b}
.ha-sarmal .ha-regex-vurgu mark.ha-bos{background:#bfdbfe;outline-color:#2563eb}
.ha-sarmal .ha-tablo-sar{margin:0 0 14px;overflow-x:auto}
.ha-sarmal .ha-tablo{width:100%;border-collapse:collapse;font-size:.92rem}
.ha-sarmal .ha-tablo th,.ha-sarmal .ha-tablo td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--ha-cizgi);vertical-align:top;overflow-wrap:anywhere}
.ha-sarmal .ha-tablo th{background:var(--ha-yumusak);white-space:nowrap}
.ha-sarmal .ha-onizleme{margin:0 0 14px;padding:10px;text-align:center;background:var(--ha-yumusak);border-radius:8px;overflow:auto}
.ha-sarmal .ha-onizleme:empty{display:none}
.ha-sarmal .ha-onizleme img{max-width:100%;height:auto;border:1px solid var(--ha-cizgi);background:repeating-conic-gradient(#e5e7eb 0 25%,#fff 0 50%) 0 0/16px 16px}
.ha-sarmal .ha-qr-sahne{display:flex;justify-content:center;margin:0 0 14px;padding:10px;background:var(--ha-yumusak);border-radius:8px}
.ha-sarmal .ha-qr-sahne canvas{max-width:100%;height:auto;background:#fff}
.ha-sarmal .ha-qr-sahne canvas[width="0"]{display:none}
.ha-sarmal .ha-ilerleme{display:block;width:100%;height:12px;margin:0 0 14px;accent-color:var(--ha-ana)}
.ha-sarmal .ha-pdf-liste{list-style:none;margin:0 0 14px;padding:0}
.ha-sarmal .ha-pdf-liste:empty{display:none}
.ha-sarmal .ha-pdf-oge{margin:0 0 10px;padding:10px 12px;border:1px solid var(--ha-cizgi);border-radius:8px;background:#fff}
.ha-sarmal .ha-pdf-oge--hata{border-color:#fecaca;background:var(--ha-hata-z)}
.ha-sarmal .ha-pdf-ust{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:baseline}
.ha-sarmal .ha-pdf-ad{font-weight:600;overflow-wrap:anywhere}
.ha-sarmal .ha-pdf-bilgi{color:var(--ha-soluk);font-size:.9rem}
.ha-sarmal .ha-pdf-oge--hata .ha-pdf-bilgi{color:var(--ha-hata)}
.ha-sarmal .ha-pdf-ara{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin-top:8px}
.ha-sarmal .ha-pdf-ara label{display:block;font-size:.85rem;font-weight:600;margin:0 0 4px}
.ha-sarmal .ha-pdf-ara>input[type=text]{flex:1 1 200px;width:auto;min-width:160px}
.ha-sarmal .ha-pdf-ara>label{flex:0 0 100%;margin:0}
.ha-sarmal .ha-pdf-dugmeler{display:flex;gap:6px;flex-wrap:wrap}
/* araç merkezi */
.ha-sarmal .ha-merkez-arama{max-width:480px;margin:0 0 20px}
.ha-sarmal .ha-kategori{margin:0 0 28px}
.ha-sarmal .ha-kategori>h2{margin:0 0 12px;font-size:1.3rem}
.ha-sarmal .ha-kartlar{display:grid;grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none}
.ha-sarmal .ha-kart{display:block;height:100%;padding:16px;border:1px solid var(--ha-cizgi);border-radius:12px;background:#fff;color:var(--ha-metin);text-decoration:none;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.ha-sarmal .ha-kart:hover,.ha-sarmal .ha-kart:focus-visible{border-color:var(--ha-ana);box-shadow:0 4px 14px rgba(29,78,216,.15)}
.ha-sarmal .ha-kart strong{display:block;margin:0 0 4px;color:var(--ha-ana);font-size:1.05rem}
.ha-sarmal .ha-kart span{display:block;color:var(--ha-soluk);font-size:.92rem}
.ha-sarmal .ha-merkez-bos{padding:14px;border-radius:8px;background:var(--ha-bilgi-z);color:var(--ha-bilgi)}