/* bant.css — Paylasilan uyari bandi (Views/Shared/_Bant.cshtml, Models/BantGirdi.cs).
   Ekranin ustunde tam genislik tek satir; tiklanir bant (Yol) duzeltme penceresini acar.
   Renk anlami platform kurali: kirmizi = engelleyici / geri alinamaz, turuncu-sari = uyari, mavi = bilgi. */

.pai-bant {
  display: flex; align-items: center; gap: 10px;
  width: 100%; min-height: 38px; margin: 0 0 var(--bosluk-3);
  padding: 7px 12px;
  border: 1px solid transparent; border-radius: var(--koselik-md);
  font-family: var(--font); font-size: 13px; font-weight: 600; text-align: left;
  line-height: 1.35;
}
.pai-bant > .bi:first-child { flex: none; font-size: 15px; }
.pai-bant-metin { flex: 1; min-width: 0; }
.pai-bant-metin small { display: block; margin-top: 1px; font-size: 12px; font-weight: 400; opacity: .85; }
.pai-bant-sayi {
  flex: none; min-width: 22px; padding: 1px 7px;
  border-radius: var(--koselik-pill);
  background: var(--surface);
  font-size: 12px; text-align: center; font-variant-numeric: tabular-nums;
}
.pai-bant-ok { flex: none; font-size: 12px; opacity: .7; transition: transform var(--hiz-hizli) ease; }

.pai-bant.uyari { background: var(--yellow-bg); color: var(--yellow-dark); border-color: var(--yellow); }
.pai-bant.tehlike { background: var(--red-bg); color: var(--red-dark); border-color: var(--red); }
.pai-bant.bilgi { background: var(--blue-deep-bg); color: var(--blue-deep); border-color: var(--border-soft); }

.pai-bant.tiklanir { cursor: pointer; }
.pai-bant.tiklanir:hover { filter: brightness(.97); }
.pai-bant.tiklanir:hover .pai-bant-ok { transform: translateX(2px); }
.pai-bant.tiklanir:focus-visible { outline: 2px solid var(--mac-blue); outline-offset: 2px; }