/* ============================================================
   Akili Asistan · Toast bildirimleri
   Yazılım.js'in toast() fonksiyonu tarafından kullanılır.
   ============================================================ */

#toastStack {
  position: fixed;
  z-index: 200;
  bottom: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.yz-toast {
  min-width: 280px;
  max-width: 360px;
  padding: 12px 16px;
  background: #0E1B30;
  border: 1px solid rgba(216,162,58,.35);
  border-left: 3px solid #D8A23A;
  border-radius: 4px;
  box-shadow: 0 14px 40px rgba(14,27,48,.55);
  animation: toastIn 220ms cubic-bezier(.22,.6,.2,1);
  pointer-events: auto;
}

.yz-toast[data-level="ok"]   { border-left-color: #4A6741; }
.yz-toast[data-level="err"]  { border-left-color: #B73E2E; }
.yz-toast[data-level="work"] { border-left-color: #D8A23A; }

.yz-toast-tag {
  display: block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 8.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #D8A23A;
  margin-bottom: 4px;
}
.yz-toast[data-level="ok"]  .yz-toast-tag { color: #4A6741; }
.yz-toast[data-level="err"] .yz-toast-tag { color: #B73E2E; }

.yz-toast-title {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #F4F1EB;
  margin-bottom: 2px;
}
.yz-toast-msg {
  display: block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px;
  color: #6A7A8F;
  line-height: 1.4;
}
.yz-toast-bar {
  height: 3px;
  background: rgba(255,255,255,.1);
  border-radius: 2px;
  margin-top: 8px;
  overflow: hidden;
}
.yz-toast-bar i {
  display: block;
  height: 100%;
  background: #D8A23A;
  transition: width .3s ease;
}
.yz-toast[data-level="ok"]  .yz-toast-bar i { background: #4A6741; }
.yz-toast[data-level="err"] .yz-toast-bar i { background: #B73E2E; }

@keyframes toastIn {
  from { opacity: 0; transform: translateX(16px); }
  to   { opacity: 1; transform: none; }
}

/* Install Pill */
#installPill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  background: rgba(14,27,48,.12);
  border: 1px solid rgba(14,27,48,.25);
  border-radius: 3px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  color: #0E1B30;
}
