/* Bcrypt olusturucu: renkli hash parcalari, ilerleme cubugu, dogrulama sonucu */
.bc { display: grid; gap: 22px; }
/* araclar.css password girisini bicimlemiyor: metin girisiyle ayni gorunum */
.bc input[type=password] {
  width: 100%; min-height: 44px; padding: 10px 13px;
  border: 1px solid var(--line); border-radius: 9px; background: var(--bg); color: var(--text);
  font: inherit; font-size: 14.5px; line-height: 1.4; transition: border-color .14s, box-shadow .14s;
}
.bc-hash { font-size: 14px; }
.bc-p1 { color: #f5a524; }
.bc-p2 { color: #60a5fa; }
.bc-p3 { color: #34d399; }
html[data-theme=light] .bc-parca .bc-p1 { color: #b45309; }
html[data-theme=light] .bc-parca .bc-p2 { color: #2563eb; }
html[data-theme=light] .bc-parca .bc-p3 { color: #047857; }
.bc-parca td:first-child { width: 90px; font-size: 13px; color: var(--muted); }
.bc-parca td code { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; overflow-wrap: anywhere; word-break: break-all; }
.bc-parca td small { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); }
.bc-ilerleme { margin-top: -4px; }
.bc-cubuk { height: 6px; border-radius: 99px; background: var(--surface2); border: 1px solid var(--line); overflow: hidden; }
.bc-cubuk i { display: block; height: 100%; width: 0; background: var(--accent); transition: width .12s; }
.bc-uyari { color: #f5a524 !important; }
html[data-theme=light] .bc-uyari { color: #b45309 !important; }
.bc-karar[data-sonuc=ok] { border-color: color-mix(in srgb, #34d399 55%, var(--line)); background: color-mix(in srgb, #34d399 9%, var(--bg)); }
.bc-karar[data-sonuc=ok] > strong { color: #34d399; }
.bc-karar[data-sonuc=hata] { border-color: color-mix(in srgb, #f87171 55%, var(--line)); background: color-mix(in srgb, #f87171 8%, var(--bg)); }
.bc-karar[data-sonuc=hata] > strong { color: #f87171; }
html[data-theme=light] .bc-karar[data-sonuc=ok] > strong { color: #047857; }
html[data-theme=light] .bc-karar[data-sonuc=hata] > strong { color: #dc2626; }
.bc-karar code { font-size: 12px; }
.bc-not { margin: 0; }
.bc-not strong { color: var(--text); }
.bc-not code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .95em; }
#bc-dogrula-bolum textarea { min-height: 76px; }
@media (prefers-reduced-motion: reduce) { .bc-cubuk i { transition: none; } }