#messagestack{display:flex !important;flex-direction:column;align-items:center;pointer-events:none}#messagestack>div:not(.voice){pointer-events:auto;display:flex !important;align-items:center;box-sizing:border-box;min-height:54px;width:auto;max-width:min(520px,92vw);margin:0 !important;padding:15px 24px !important;color:#241f18;background:rgba(255,255,255,0.82);border:1px solid rgba(255,255,255,0.7);border-radius:16px;box-shadow:0 24px 60px rgba(28,22,12,0.22),0 2px 8px rgba(28,22,12,0.08);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-0.005em;justify-content:center;text-align:center;animation:tashan-toast-in 0.26s cubic-bezier(0.2,0.9,0.3,1.2) both}@keyframes tashan-toast-in{from{opacity:0;transform:translateY(10px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){#messagestack>div:not(.voice){animation:none}}#messagestack>div:not(.voice) i.icon,#messagestack>div:not(.voice)::before{display:none !important}#messagestack>div.alert-success::before{color:#2f7a45}#messagestack>div.alert-danger::before{color:#b8362a}#messagestack>div.alert-warning::before{color:#97701c}#messagestack>div.alert-info::before,#messagestack>div.loading::before{color:#8a6b2e}#messagestack>div.alert-success{box-shadow:inset 3px 0 0 #2f7a45,0 24px 60px rgba(28,22,12,0.22),0 2px 8px rgba(28,22,12,0.08)}#messagestack>div.alert-danger{box-shadow:inset 3px 0 0 #b8362a,0 24px 60px rgba(28,22,12,0.22),0 2px 8px rgba(28,22,12,0.08)}#messagestack>div.alert-warning{box-shadow:inset 3px 0 0 #c79320,0 24px 60px rgba(28,22,12,0.22),0 2px 8px rgba(28,22,12,0.08)}#messagestack>div.alert-info,#messagestack>div.loading{box-shadow:inset 3px 0 0 #b38d43,0 24px 60px rgba(28,22,12,0.22),0 2px 8px rgba(28,22,12,0.08)}html.dark-mode #messagestack>div:not(.voice){color:#f2efe9;background:rgba(26,24,21,0.86);border-color:rgba(255,255,255,0.1);box-shadow:0 26px 64px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.05)}html.dark-mode #messagestack>div.alert-success{box-shadow:inset 3px 0 0 #6fae57,0 26px 64px rgba(0,0,0,0.5)}html.dark-mode #messagestack>div.alert-danger{box-shadow:inset 3px 0 0 #e0685a,0 26px 64px rgba(0,0,0,0.5)}html.dark-mode #messagestack>div.alert-warning{box-shadow:inset 3px 0 0 #d8a63a,0 26px 64px rgba(0,0,0,0.5)}html.dark-mode #messagestack>div.alert-info,html.dark-mode #messagestack>div.loading{box-shadow:inset 3px 0 0 #c9a45e,0 26px 64px rgba(0,0,0,0.5)}html.dark-mode #messagestack>div.alert-success::before{color:#8fce77}html.dark-mode #messagestack>div.alert-danger::before{color:#f08d80}html.dark-mode #messagestack>div.alert-warning::before{color:#efc45f}html.dark-mode #messagestack>div.alert-info::before,html.dark-mode #messagestack>div.loading::before{color:#d9b469}#messagestack>div.loading{position:relative;width:62px;min-width:62px;height:62px;min-height:62px;padding:0 !important;justify-content:center;border-radius:20px;font-size:0;line-height:0;box-shadow:0 24px 60px rgba(28,22,12,0.22),0 2px 8px rgba(28,22,12,0.08)}#messagestack>div.loading::after{content:"";position:absolute;top:50%;left:50%;display:block;width:26px;height:26px;margin:0;border:3px solid rgba(179,141,67,0.22);border-top-color:#b38d43;border-radius:50%;animation:tashan-spin 0.75s linear infinite}@keyframes tashan-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}html.dark-mode #messagestack>div.loading{box-shadow:0 26px 64px rgba(0,0,0,0.5),0 2px 8px rgba(0,0,0,0.3)}html.dark-mode #messagestack>div.loading::after{border-color:rgba(212,180,116,0.22);border-top-color:#d4b474}@media (prefers-reduced-motion:reduce){#messagestack>div.loading::after{animation-duration:2.4s}}

/* ------------------------------------------------------------------
 * Chrome eklentisi tanitim karti (sag alt)
 *
 * Ayni bildirim kartlarinin dilini kullanir: buzlu cam, 16px kose,
 * sicak altin vurgu. Boylece arayuze sonradan yapistirilmis bir reklam
 * gibi degil, temanin parcasi gibi durur.
 *
 * Yalnizca genis ekranda gosterilir; telefonda eklenti kurulamaz.
 * ------------------------------------------------------------------ */

.tashan-eklenti-karti {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1010;          /* menulerin ustunde, bildirim yiginininin altinda */
  box-sizing: border-box;
  width: 268px;
  padding: 15px 17px 16px;
  color: #241f18;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 16px;
  box-shadow:
    inset 3px 0 0 #b38d43,
    0 24px 60px rgba(28, 22, 12, 0.22),
    0 2px 8px rgba(28, 22, 12, 0.08);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: -0.005em;
  /* JS "gorunur" sinifini ekleyene kadar gizli durur. */
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1.2);
}

.tashan-eklenti-karti.gorunur {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.tashan-eklenti-karti.gidiyor {
  opacity: 0;
  transform: translateY(6px) scale(0.98);
  transition-duration: 0.18s;
}

.tashan-eklenti-karti .tek-ust {
  display: flex;
  align-items: center;
  gap: 7px;
  /* Kapatma dugmesinin altina girmesin. */
  padding-right: 22px;
  font-size: 13px;
  font-weight: 700;
}

.tashan-eklenti-karti .tek-rozet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  color: #8a6b2e;
  background: rgba(179, 141, 67, 0.14);
  border-radius: 9px;
}

.tashan-eklenti-karti .tek-metin {
  margin: 8px 0 12px;
  color: #4a4136;
  font-size: 12.5px;
}

.tashan-eklenti-karti .tek-dugme {
  display: block;
  padding: 9px 14px;
  color: #fff !important;
  background: #b38d43;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  transition: background 0.16s ease, transform 0.16s ease;
}

.tashan-eklenti-karti .tek-dugme:hover {
  background: #9d7935;
  transform: translateY(-1px);
}

.tashan-eklenti-karti .tek-dugme:active {
  transform: translateY(0);
}

.tashan-eklenti-karti .tek-kapat {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #8b8172;
  background: none;
  border: 0;
  border-radius: 8px;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

.tashan-eklenti-karti .tek-kapat:hover {
  color: #241f18;
  background: rgba(28, 22, 12, 0.07);
}

/* Koyu mod: ayni kart, ters kontrast. */
html.dark-mode .tashan-eklenti-karti {
  color: #f2efe9;
  background: rgba(26, 24, 21, 0.9);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 3px 0 0 #c9a45e,
    0 26px 64px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.dark-mode .tashan-eklenti-karti .tek-rozet {
  color: #d9b469;
  background: rgba(212, 180, 116, 0.16);
}

html.dark-mode .tashan-eklenti-karti .tek-metin {
  color: #c3bbae;
}

html.dark-mode .tashan-eklenti-karti .tek-dugme {
  color: #221e18 !important;
  background: #d4b474;
}

html.dark-mode .tashan-eklenti-karti .tek-dugme:hover {
  background: #e0c489;
}

html.dark-mode .tashan-eklenti-karti .tek-kapat:hover {
  color: #f2efe9;
  background: rgba(255, 255, 255, 0.09);
}

/* Dar ekranda hic yer kaplamasin: eklenti telefona kurulamaz ve kart
   posta listesinin ustune oturur. JS de ayrica olcup gostermiyor; bu
   kural, pencere sonradan daraltilirsa diye ikinci guvence. */
@media (max-width: 899px) {
  .tashan-eklenti-karti {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tashan-eklenti-karti {
    transition: none;
  }
}