/* ===== ZWARS STEAM AUTH / ACCOUNT MENU ===== */
.nav-steam-login{
  background:linear-gradient(135deg,#23a9ff,#105b95)!important;
  color:#fff!important;
  font-weight:1000!important;
  border:1px solid rgba(129,207,255,.45)!important;
  box-shadow:0 0 24px rgba(35,169,255,.34)!important;
  white-space:nowrap;
}
.nav-steam-login:hover{filter:brightness(1.08)}

.zwars-auth-menu{position:relative;display:inline-flex;align-items:center;z-index:90}
.zwars-auth-menu summary{
  list-style:none;cursor:pointer;user-select:none;
  min-height:42px;display:inline-flex;align-items:center;gap:9px;
  padding:7px 13px 7px 8px;border-radius:999px;
  color:#061009;font-weight:1000;
  background:linear-gradient(135deg,#18ff6c,#08a841)!important;
  border:1px solid rgba(104,255,156,.62);
  box-shadow:0 0 24px rgba(0,255,102,.28);
  white-space:nowrap;
}
.zwars-auth-menu summary::-webkit-details-marker{display:none}
.zwars-auth-menu summary:after{content:'▾';font-size:12px;opacity:.85;margin-left:2px}
.zwars-auth-menu summary img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.22);background:#0a0a0a}
.zwars-auth-menu summary span{display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:1}
.zwars-auth-menu summary b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zwars-auth-dropdown{
  position:absolute;right:0;top:calc(100% + 10px);min-width:220px;
  padding:9px;border-radius:17px;
  background:linear-gradient(180deg,rgba(10,15,13,.98),rgba(3,6,5,.98));
  border:1px solid rgba(93,255,145,.24);
  box-shadow:0 18px 55px rgba(0,0,0,.55),0 0 30px rgba(0,255,102,.12);
  backdrop-filter:blur(14px);
}
.zwars-auth-dropdown:before{content:'';position:absolute;right:24px;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:rgba(10,15,13,.98);border-left:1px solid rgba(93,255,145,.24);border-top:1px solid rgba(93,255,145,.24)}
.zwars-auth-dropdown a{
  display:flex!important;align-items:center;gap:9px;width:100%;
  color:#dfeee4!important;padding:11px 12px!important;border-radius:12px!important;
  font-size:13px!important;font-weight:900!important;border:1px solid transparent!important;
}
.zwars-auth-dropdown a:hover{background:rgba(93,255,145,.10)!important;border-color:rgba(93,255,145,.18)!important;color:#fff!important}
.zwars-auth-dropdown a.logout{color:#ffb4b4!important}
.zwars-auth-dropdown a.logout:hover{background:rgba(255,40,40,.10)!important;border-color:rgba(255,40,40,.22)!important}

/* Eski küçük sayfalardaki header için uyum */
header.nav .zwars-auth-menu summary{min-height:38px;font-size:12px}
header.nav .nav-steam-login{padding:10px 14px;border-radius:999px}

/* ===== ACCOUNT PAGES ===== */
.zwars-account-page main.account-wrap,
.account-wrap{width:min(1180px,calc(100% - 34px));margin:28px auto 40px;display:grid;gap:20px}
.account-hero{display:flex;align-items:center;gap:20px;padding:24px;border-radius:24px;background:linear-gradient(135deg,rgba(11,38,22,.84),rgba(18,7,7,.74));border:1px solid rgba(93,255,145,.18)}
.account-hero.compact{padding:20px 22px}
.account-avatar{width:88px;height:88px;border-radius:24px;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 34px rgba(0,255,102,.14)}
.account-hero h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;margin:4px 0 8px;line-height:1;text-transform:none;color:#fff}
.account-hero p{margin:5px 0;color:#cdd7d1}.account-hero a{color:#7dffad;font-weight:900}
.eyebrow-mini{margin:0!important;color:#78ffa7!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-card{padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}
.account-card.big{grid-column:span 2}.account-card h2{margin:0 0 16px;font-size:20px}.account-card p{color:#cbd4ce;line-height:1.65}.account-card .btn{margin-top:10px}.account-note{border-color:rgba(93,255,145,.18);background:linear-gradient(135deg,rgba(7,30,16,.72),rgba(20,20,20,.72))}
.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-stats div,.account-list p{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:15px}.account-stats small{display:block;color:#95a39b;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em}.account-stats b{display:block;margin-top:6px;font-size:22px;color:#fff}.account-stats span{display:block;color:#9ea9a2;margin-top:3px;font-size:12px}
.account-list{display:grid;gap:10px}.account-list p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.account-list span{color:#aeb8b1}.account-list b{text-align:right;color:#fff}
.account-table{display:grid;gap:9px;max-height:520px;overflow:auto}.account-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}.account-row span{font-weight:900}.account-row b{color:#7dffad}.account-row small{color:#9aa69f}.empty-state{padding:18px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}
@media(max-width:1050px){.account-grid{grid-template-columns:1fr}.account-card.big{grid-column:auto}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.zwars-auth-menu summary span{display:none}}
@media(max-width:680px){.account-hero{align-items:flex-start;flex-direction:column}.account-stats{grid-template-columns:1fr}.account-row{grid-template-columns:1fr}.zwars-auth-dropdown{right:auto;left:0}.nav-steam-login{width:100%;justify-content:center}.zwars-auth-menu{width:100%}.zwars-auth-menu summary{width:100%;justify-content:center}.zwars-auth-menu summary span{display:inline-flex}}


/* ===== ZWARS AUTH MENU V2 OVERRIDES - externalized from PHP ===== */
.zwars-auth-menu{position:relative!important;display:inline-block!important;z-index:90!important}
.zwars-auth-menu summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(135deg,rgba(28,255,111,.95),rgba(8,168,65,.95))!important;
  border-radius:999px!important;
  padding:6px 11px 6px 7px!important;
  color:#041208!important;
  font-weight:1000!important;
  box-shadow:0 0 24px rgba(0,255,102,.26)!important;
  white-space:nowrap!important;
}
.zwars-auth-menu summary::-webkit-details-marker{display:none!important}
.zwars-auth-menu summary:after{content:'▾';font-size:12px;opacity:.85;margin-left:2px}
.zwars-auth-menu summary img{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid rgba(0,0,0,.25)!important;
  background:#0a0a0a!important;
}
.zwars-auth-menu summary span{font-size:13px!important;line-height:1!important}
.zwars-auth-menu summary b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zwars-auth-dropdown{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  width:310px!important;
  padding:12px!important;
  border:1px solid rgba(80,210,255,.22)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(15,22,30,.98),rgba(7,11,15,.98))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 30px rgba(53,230,150,.10)!important;
  backdrop-filter:blur(12px)!important;
  display:grid!important;
  gap:7px!important;
}
.zwars-auth-dropdown:before{
  content:''!important;
  position:absolute!important;
  right:24px!important;
  top:-7px!important;
  width:13px!important;
  height:13px!important;
  transform:rotate(45deg)!important;
  background:rgba(15,22,30,.98)!important;
  border-left:1px solid rgba(80,210,255,.22)!important;
  border-top:1px solid rgba(80,210,255,.22)!important;
}
.zwars-auth-head{
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  padding:8px 8px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  margin-bottom:4px!important;
}
.zwars-auth-head img{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.zwars-auth-head b{display:block;color:#fff;font-size:16px;line-height:1.15}
.zwars-auth-head small{display:block;color:#8fa7b4;margin-top:4px;font-size:11px;word-break:break-all}
.zwars-auth-role{
  display:inline-flex;
  margin-top:7px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(54,226,149,.12);
  border:1px solid rgba(54,226,149,.25);
  color:#cffff0;
  font-size:11px;
  font-weight:900;
  font-style:normal;
}
.zwars-auth-item{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  justify-content:space-between!important;
  text-decoration:none!important;
  color:#dceaf1!important;
  padding:10px 11px!important;
  border-radius:13px!important;
  border:1px solid transparent!important;
  background:rgba(255,255,255,.035)!important;
  font-weight:800!important;
}
.zwars-auth-item span{margin-right:auto}
.zwars-auth-item:hover{background:rgba(80,210,255,.12)!important;border-color:rgba(80,210,255,.24)!important;color:#fff!important}
.zwars-auth-item em{font-style:normal;font-size:11px;font-weight:1000;padding:3px 7px;border-radius:999px;background:rgba(255,70,95,.18);color:#ffd9df}
.zwars-auth-admin{background:linear-gradient(135deg,rgba(53,230,150,.12),rgba(55,170,255,.08))!important;border-color:rgba(53,230,150,.18)!important}
.zwars-auth-sep{height:1px;background:rgba(255,255,255,.08);margin:5px 2px}
.zwars-auth-item.logout{color:#ffd6d6!important;background:rgba(255,60,60,.08)!important}
@media(max-width:720px){
  .zwars-auth-dropdown{right:auto!important;left:50%!important;transform:translateX(-50%)!important;width:min(310px,90vw)!important}
  .zwars-auth-menu summary span{display:none!important}
}