/* =========================================================
   V75 - ÜYE PANELİ BİLDİRİM MERKEZİ
   Mevcut Defi/Puan Ligi stillerinden bağımsız tutulur.
   ========================================================= */
.member-notification-wrap{
  position:relative;
  display:inline-flex;
  min-width:0;
}
.member-notification-wrap[hidden]{display:none!important}
.member-notification-button{
  position:relative;
  gap:7px;
}
.member-notification-button .member-notification-bell{
  font-size:18px;
  line-height:1;
}
.member-notification-badge{
  display:inline-grid;
  place-items:center;
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:999px;
  background:#d83a34;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 0 0 2px #174c3a;
}
.member-notification-button.has-unread .member-notification-bell{
  animation:memberBellPulse .9s ease-in-out 2;
}
@keyframes memberBellPulse{
  0%,100%{transform:rotate(0) scale(1)}
  30%{transform:rotate(-12deg) scale(1.08)}
  65%{transform:rotate(12deg) scale(1.08)}
}
.member-notification-panel{
  position:absolute;
  z-index:120;
  top:calc(100% + 10px);
  right:0;
  width:min(390px,calc(100vw - 24px));
  max-height:min(620px,72vh);
  overflow:hidden;
  border:1px solid rgba(22,76,58,.16);
  border-radius:18px;
  background:#fff;
  color:#17221d;
  box-shadow:0 24px 70px rgba(10,39,29,.28);
}
.member-notification-panel[hidden]{display:none!important}
.member-notification-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px 12px;
  border-bottom:1px solid #e4ebe7;
  background:linear-gradient(180deg,#fbfdfc,#f5f9f7);
}
.member-notification-panel-title{
  min-width:0;
}
.member-notification-panel-title span{
  display:block;
  margin-bottom:2px;
  color:#6a7b72;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
}
.member-notification-panel-title strong{
  display:block;
  color:#173f31;
  font-size:18px;
  line-height:1.15;
}
.member-notification-mark-all{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#176246;
  font:800 12px/1.2 inherit;
  cursor:pointer;
  padding:7px 8px;
  border-radius:9px;
}
.member-notification-mark-all:hover,
.member-notification-mark-all:focus-visible{background:#e9f4ef}
.member-notification-list{
  max-height:min(520px,62vh);
  overflow:auto;
  overscroll-behavior:contain;
  padding:7px;
}
.member-notification-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  width:100%;
  padding:11px 10px;
  margin:0;
  border:0;
  border-radius:13px;
  background:transparent;
  color:inherit;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.member-notification-item + .member-notification-item{margin-top:3px}
.member-notification-item:hover,
.member-notification-item:focus-visible{background:#f2f7f4}
.member-notification-item.unread{
  background:#eef8f3;
  box-shadow:inset 3px 0 0 #1b7b57;
}
.member-notification-item.unread:hover{background:#e6f4ed}
.member-notification-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#e9f3ee;
  font-size:19px;
}
.member-notification-copy{min-width:0}
.member-notification-copy strong{
  display:block;
  margin:0 0 3px;
  color:#183b2f;
  font-size:13px;
  line-height:1.25;
}
.member-notification-copy p{
  margin:0;
  color:#53655c;
  font-size:12px;
  line-height:1.42;
}
.member-notification-meta{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:6px;
  color:#829087;
  font-size:10px;
  line-height:1.2;
}
.member-notification-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#188356;
  flex:0 0 7px;
}
.member-notification-item:not(.unread) .member-notification-dot{display:none}
.member-notification-empty{
  padding:28px 18px 30px;
  text-align:center;
  color:#66776e;
}
.member-notification-empty span{
  display:block;
  margin-bottom:8px;
  font-size:30px;
}
.member-notification-empty strong{
  display:block;
  margin-bottom:4px;
  color:#24473a;
  font-size:14px;
}
.member-notification-empty p{
  margin:0;
  font-size:12px;
  line-height:1.45;
}
@media(max-width:820px){
  .member-notification-wrap{display:block;min-width:0}
  .member-notification-button{width:100%!important}
  .member-notification-panel{
    position:fixed;
    top:118px;
    left:12px;
    right:12px;
    width:auto;
    max-height:calc(100dvh - 132px);
  }
  .member-notification-list{max-height:calc(100dvh - 205px)}
}
@media(max-width:520px){
  .member-notification-label{font-size:0}
  .member-notification-label::after{content:"Bildirim";font-size:9px}
  .member-notification-panel{
    top:116px;
    border-radius:16px;
  }
  .member-notification-panel-head{padding:13px 12px 10px}
  .member-notification-mark-all{font-size:11px}
}

/* =========================================================
   V78 - TELEFON / PWA PUSH BILDIRIM AYARLARI
   ========================================================= */
.push-notification-settings{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid #e4ebe7;
  background:#f8fbf9;
}
.push-notification-copy{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-width:0;
}
.push-notification-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:10px;
  background:#e8f4ee;
  font-size:17px;
}
.push-notification-copy strong{
  display:block;
  margin:0 0 2px;
  color:#173f31;
  font-size:12px;
  line-height:1.2;
}
.push-notification-copy p{
  margin:0;
  max-width:240px;
  color:#697970;
  font-size:10px;
  line-height:1.35;
}
.push-notification-actions{
  display:flex;
  gap:6px;
  flex:0 0 auto;
}
.push-notification-actions button{
  border:0;
  border-radius:9px;
  padding:8px 10px;
  background:#176246;
  color:#fff;
  font:800 10px/1.15 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.push-notification-actions button.secondary{
  background:#edf3f0;
  color:#365147;
}
.push-notification-actions button:disabled{opacity:.55;cursor:wait}
.push-notification-settings[data-state="enabled"]{
  background:#eef8f3;
}
.push-notification-settings[data-state="enabled"] .push-notification-icon{
  background:#d9f0e5;
}
.push-notification-settings[data-state="denied"]{
  background:#fff7f5;
}
@media(max-width:520px){
  .push-notification-settings{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
    padding:10px 11px;
  }
  .push-notification-copy p{max-width:none}
  .push-notification-actions button{width:100%;padding:9px 10px}
}

/* V78 - push sunucu uyari durumu */
.push-notification-settings[data-state="server-warning"]{
  background:#fff8e8;
}
.push-notification-settings[data-state="server-warning"] .push-notification-icon{
  background:#ffedbd;
}
@media(max-width:520px){
  .push-notification-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
}

/* =========================================================
   V79 - BILDIRIM TERCIHLERI + DIREKT HEDEF VURGUSU
   ========================================================= */
.push-preferences{
  grid-column:1 / -1;
  width:100%;
  padding-top:9px;
  margin-top:2px;
  border-top:1px dashed #d7e2dc;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.push-preferences[hidden]{display:none!important}
.push-preferences-title{
  grid-column:1 / -1;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}
.push-preferences-title strong{font-size:11px;color:#173f31}
.push-preferences-title small{font-size:9px;color:#718078;text-align:right}
.push-preferences label{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:7px 8px;
  border:1px solid #e0e9e4;
  border-radius:9px;
  background:#fff;
  color:#375248;
  font:700 9px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
}
.push-preferences input{width:14px;height:14px;accent-color:#176246;flex:0 0 auto}
.push-preferences input:disabled+span{opacity:.5}
.notification-deep-target{
  outline:3px solid rgba(23,98,70,.22);
  box-shadow:0 0 0 7px rgba(23,98,70,.08),0 14px 34px rgba(20,70,51,.14)!important;
  transition:outline-color .25s ease,box-shadow .25s ease;
}
@media(max-width:620px){
  .push-preferences{grid-template-columns:1fr}
  .push-preferences-title{align-items:flex-start;flex-direction:column;gap:2px}
  .push-preferences-title small{text-align:left}
}
.push-notification-settings{flex-wrap:wrap}
.push-notification-copy{flex:1 1 220px}
.push-preferences{flex:1 0 100%}