/* ═══ v6: ayarlar + arkadaşlar paneli, e-posta doğrulama, günlük görevler, başarımlar ═══ */
:root {
  --ax-surface: rgba(12, 12, 14, .92);
  --ax-line: rgba(255,255,255,.09);
  --ax-line-2: rgba(255,255,255,.16);
  --ax-dim: rgba(245,245,244,.62);
  --ax-faint: rgba(245,245,244,.42);
  --ax-paper: #f4f1ea;
  --ax-ease: cubic-bezier(.22,1,.36,1);
  --ax-glass:
    linear-gradient(var(--ax-surface), var(--ax-surface)) padding-box,
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.05) 45%, rgba(255,255,255,.1)) border-box;
}
@keyframes ax-in { from { opacity: 0; transform: translateY(10px) scale(.985); filter: blur(4px); } to { opacity: 1; transform: none; filter: none; } }

/* ════════ AYARLAR + ARKADAŞLAR (ortak panel) ════════ */
.modal.settings-modal, .modal.friends-modal { background: rgba(0,0,0,.6) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.settings-panel {
  width: min(820px, 94vw) !important; border-radius: 24px !important; border: 1px solid transparent !important;
  background: var(--ax-glass) !important; color: #f5f5f4 !important; font-family: 'Inter', system-ui, sans-serif;
  box-shadow: 0 40px 120px -30px rgba(0,0,0,.95); animation: ax-in .35s var(--ax-ease) both;
}
.settings-panel .set-head { padding: 24px 24px 0 !important; }
.settings-panel .set-kicker { font: 600 11px/1 'Inter', sans-serif !important; letter-spacing: .14em !important; color: var(--ax-faint) !important; }
.settings-panel .set-head h2 { font: 600 28px/1.1 'Inter', sans-serif !important; letter-spacing: -.035em !important; margin-top: 6px !important; }
.settings-panel .set-x { width: 38px; height: 38px; border-radius: 50% !important; border: 1px solid var(--ax-line-2) !important; background: rgba(255,255,255,.04) !important; color: #fff !important; transition: transform .4s var(--ax-ease), background .2s; }
.settings-panel .set-x:hover { transform: rotate(90deg); background: rgba(255,255,255,.1) !important; }
.settings-panel .set-body { grid-template-columns: 190px 1fr !important; min-height: 380px !important; margin-top: 20px !important; }
.settings-panel .set-tabs { padding: 4px 14px 24px !important; border-right: 1px solid var(--ax-line) !important; gap: 4px !important; }
.settings-panel .set-tabs button {
  display: flex; align-items: center; justify-content: space-between; padding: 11px 14px !important; border-radius: 12px !important;
  font: 500 14px/1 'Inter', sans-serif !important; letter-spacing: 0 !important; color: var(--ax-dim) !important; transition: background .25s, color .25s;
}
.settings-panel .set-tabs button:hover { background: rgba(255,255,255,.05) !important; color: #fff !important; }
.settings-panel .set-tabs button.active { background: #fff !important; color: #000 !important; font-weight: 600 !important; }
.settings-panel .set-tabs em { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: #ef4444; color: #fff; font: 700 11px/20px 'Inter', sans-serif; text-align: center; }
.settings-panel .set-tabs em:empty { display: none; }
.settings-panel .set-pane { padding: 4px 28px 28px !important; animation: ax-in .3s var(--ax-ease) both; }
.settings-panel .set-pane.hidden { display: none; }
.settings-panel .set-lead { font-size: 13.5px !important; color: var(--ax-faint) !important; margin-bottom: 10px !important; }
.settings-panel .set-row {
  padding: 14px 16px !important; margin-top: 8px; border-top: 0 !important; border-radius: 14px;
  background: rgba(255,255,255,.03); border: 1px solid var(--ax-line) !important; transition: border-color .25s;
}
.settings-panel .set-row:hover { border-color: var(--ax-line-2) !important; }
.settings-panel .set-row b { font: 600 14.5px/1.3 'Inter', sans-serif !important; }
.settings-panel .set-row span { font-size: 12.5px !important; color: var(--ax-faint) !important; }
.settings-panel .set-sw { width: 48px !important; height: 28px !important; border-color: var(--ax-line-2) !important; background: #1a1a1c !important; transition: background .3s, border-color .3s; }
.settings-panel .set-sw .knob { transition: transform .35s var(--ax-ease), background .3s !important; }
.settings-panel .set-sw[aria-pressed="true"] { background: #fff !important; border-color: #fff !important; }
.settings-panel .set-sw[aria-pressed="true"] .knob { transform: translateX(20px) !important; }
.settings-panel .set-account {
  display: flex; align-items: baseline; gap: 12px; padding: 18px; margin-bottom: 4px; border-radius: 16px;
  background: radial-gradient(ellipse at 0% 0%, rgba(255,255,255,.07), transparent 60%), rgba(255,255,255,.03); border: 1px solid var(--ax-line);
}
.settings-panel .set-account b { font: 600 24px/1.1 'Inter', sans-serif !important; letter-spacing: -.03em; }
.settings-panel .set-account span { font: 500 12.5px/1 'Inter', sans-serif !important; letter-spacing: 0 !important; color: var(--ax-faint) !important; }
.settings-panel .set-copy, .settings-panel .set-out {
  border-radius: 10px !important; padding: 9px 14px !important; font: 600 13px/1 'Inter', sans-serif !important; letter-spacing: 0 !important;
  border: 1px solid var(--ax-line-2) !important; background: rgba(255,255,255,.04) !important; color: #fff !important; transition: background .2s, border-color .2s;
}
.settings-panel .set-copy:hover { background: rgba(255,255,255,.1) !important; }
.settings-panel .set-out { margin-top: 18px; background: #fff !important; color: #000 !important; border-color: #fff !important; }
.settings-panel .set-out:hover { background: var(--ax-paper) !important; }
#set-logout { background: rgba(239,68,68,.1) !important; color: #fca5a5 !important; border-color: rgba(239,68,68,.35) !important; }
.settings-panel .set-hist > b { font: 600 12px/1 'Inter', sans-serif !important; letter-spacing: .08em !important; color: var(--ax-faint) !important; }

/* hesap blokları */
.acc-block { margin-top: 10px; padding: 16px; border-radius: 16px; background: rgba(255,255,255,.03); border: 1px solid var(--ax-line); display: grid; gap: 10px; }
.acc-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.acc-head b { font: 600 14.5px/1 'Inter', sans-serif; }
.acc-badge { padding: 4px 9px; border-radius: 999px; font: 600 11px/1 'Inter', sans-serif; border: 1px solid var(--ax-line-2); color: var(--ax-dim); }
.acc-badge.ok { color: #86efac; border-color: rgba(134,239,172,.35); background: rgba(134,239,172,.08); }
.acc-badge.warn { color: #fcd34d; border-color: rgba(252,211,77,.35); background: rgba(252,211,77,.07); }
.acc-line { margin: 0; font-size: 13.5px; color: var(--ax-dim); }
.acc-form { display: grid; gap: 8px; }
.acc-form[hidden], .acc-form input[hidden] { display: none; }
.acc-form input {
  height: 44px; padding: 0 14px; border-radius: 11px; border: 1px solid var(--ax-line-2); background: #050505; color: #fff;
  font: 500 14px/1 'Inter', sans-serif; outline: 0; transition: border-color .2s, box-shadow .2s;
}
.acc-form input:focus { border-color: rgba(255,255,255,.55); box-shadow: 0 0 0 4px rgba(255,255,255,.06); }
.acc-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.acc-btn {
  height: 38px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--ax-line-2); background: rgba(255,255,255,.05); color: #fff;
  font: 600 13px/1 'Inter', sans-serif; cursor: pointer; transition: background .2s, transform .2s var(--ax-ease);
}
.acc-btn:hover { background: rgba(255,255,255,.1); }
.acc-btn.primary { background: #fff; color: #000; border-color: #fff; } .acc-btn.primary:hover { background: var(--ax-paper); }
.acc-btn[hidden] { display: none; }
.acc-msg { margin: 0; padding: 10px 12px; border-radius: 10px; font-size: 13px; background: rgba(134,239,172,.08); border: 1px solid rgba(134,239,172,.3); color: #bbf7d0; }
.acc-msg.bad { background: rgba(239,68,68,.1); border-color: rgba(239,68,68,.35); color: #fca5a5; }
.acc-msg[hidden] { display: none; }

/* ════════ ARKADAŞ SATIRLARI / MAÇ GEÇMİŞİ ════════ */
.settings-panel .f-list { gap: 8px; max-height: 380px !important; padding-right: 4px; }
.settings-panel .f-row {
  grid-template-columns: auto 1fr auto !important; gap: 12px !important; padding: 12px 14px !important; border-top: 0 !important;
  border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid var(--ax-line); animation: ax-in .35s var(--ax-ease) both;
  transition: border-color .25s, background .25s;
}
.settings-panel .f-row:hover { border-color: var(--ax-line-2); background: rgba(255,255,255,.05); }
.settings-panel .f-row b { font: 600 14.5px/1.3 'Inter', sans-serif !important; }
.settings-panel .f-row span { font-size: 12.5px !important; color: var(--ax-faint) !important; }
.settings-panel .f-row > .f-dot { width: 10px; height: 10px; }
.f-av {
  position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255,255,255,.08); border: 1px solid var(--ax-line-2); font: 700 13px/1 'Inter', sans-serif; color: #fff;
}
.f-card.is-on .f-av { background: #fff; color: #000; border-color: #fff; }
.f-av .f-dot { position: absolute; right: -1px; bottom: -1px; width: 12px !important; height: 12px !important; border: 2px solid #0c0c0e; }
.f-dot.on { background: #4ade80 !important; box-shadow: 0 0 0 0 rgba(74,222,128,.6); animation: ax-ping 2s infinite; }
@keyframes ax-ping { 0% { box-shadow: 0 0 0 0 rgba(74,222,128,.5); } 80%,100% { box-shadow: 0 0 0 7px rgba(74,222,128,0); } }
.settings-panel .f-acts { gap: 6px !important; }
.settings-panel .f-acts .set-copy { padding: 8px 12px !important; }
.settings-panel .f-acts .set-copy[data-fjoin], .settings-panel .f-acts .set-copy[data-faccept] { background: #fff !important; color: #000 !important; border-color: #fff !important; }
.settings-panel .f-acts .f-del:hover, .settings-panel .f-acts [data-fdecline]:hover { background: rgba(239,68,68,.14) !important; color: #fca5a5 !important; border-color: rgba(239,68,68,.4) !important; }
.settings-panel .f-empty { padding: 32px 16px !important; text-align: center; border-radius: 14px; border: 1px dashed var(--ax-line-2); color: var(--ax-faint) !important; }
.settings-panel .f-add { gap: 8px !important; }
.settings-panel .f-add input { height: 46px; border-radius: 12px !important; border-color: var(--ax-line-2) !important; background: #050505 !important; font: 500 14px/1 'Inter', sans-serif; }
.settings-panel .f-add input:focus { border-color: rgba(255,255,255,.55) !important; }
.settings-panel .f-add .set-out { margin-top: 0 !important; height: 46px; }

@media (max-width: 720px) {
  .settings-panel .set-body { grid-template-columns: 1fr !important; }
  .settings-panel .set-tabs { flex-direction: row !important; overflow-x: auto; border-right: 0 !important; border-bottom: 1px solid var(--ax-line) !important; padding: 0 14px 12px !important; }
  .settings-panel .set-tabs button { white-space: nowrap; }
  .settings-panel .set-pane { padding: 12px 16px 20px !important; }
  .settings-panel .f-row { grid-template-columns: auto 1fr !important; }
  .settings-panel .f-acts { grid-column: 1 / -1; justify-content: flex-end; }
}

/* ════════ DOĞRULAMA + İLERLEME PENCERELERİ ════════ */
.ax-modal {
  position: fixed; inset: 0; z-index: 420; display: grid; place-items: center; padding: 20px;
  background: rgba(0,0,0,.66); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  opacity: 0; transition: opacity .25s;
}
.ax-modal.on { opacity: 1; }
.ax-modal[hidden] { display: none; }
.ax-card {
  position: relative; width: min(420px, 100%); max-height: calc(100dvh - 40px); overflow: auto;
  padding: 28px; border-radius: 24px; border: 1px solid transparent; background: var(--ax-glass); color: #f5f5f4;
  font-family: 'Inter', system-ui, sans-serif; display: grid; gap: 14px; text-align: center;
  box-shadow: 0 40px 120px -30px rgba(0,0,0,.95); animation: ax-in .35s var(--ax-ease) both;
}
.ax-card.wide { width: min(860px, 100%); text-align: left; }
.ax-x { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--ax-line-2); background: rgba(255,255,255,.04); color: #fff; cursor: pointer; transition: transform .4s var(--ax-ease); }
.ax-x:hover { transform: rotate(90deg); }
.ax-x svg { width: 16px; height: 16px; }
.ax-ic { justify-self: center; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: #fff; color: #000; box-shadow: 0 16px 40px -10px rgba(255,255,255,.35); }
.ax-ic svg { width: 26px; height: 26px; }
.ax-card h2 { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -.03em; }
.ax-sub { margin: 0; font-size: 14px; line-height: 1.55; color: var(--ax-dim); }
.otp { display: flex; justify-content: center; gap: 8px; margin: 6px 0; }
.otp input {
  width: 46px; height: 56px; border-radius: 12px; border: 1px solid var(--ax-line-2); background: #050505; color: #fff; text-align: center;
  font: 700 24px/1 ui-monospace, Menlo, Consolas, monospace; outline: 0; transition: border-color .2s, box-shadow .2s, transform .2s var(--ax-ease);
}
.otp input:focus { border-color: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.08); transform: translateY(-2px); }
.otp input.bad { border-color: rgba(239,68,68,.6); animation: ax-shake .35s; }
@keyframes ax-shake { 25% { transform: translateX(-4px); } 50% { transform: translateX(4px); } 75% { transform: translateX(-2px); } }
.ax-err { margin: 0; padding: 10px 12px; border-radius: 10px; background: rgba(239,68,68,.1); border: 1px solid rgba(239,68,68,.35); color: #fca5a5; font-size: 13.5px; }
.ax-err[hidden] { display: none; }
.ax-btn { height: 48px; border-radius: 12px; border: 0; font: 600 15px/1 'Inter', sans-serif; cursor: pointer; transition: background .2s, transform .2s var(--ax-ease); }
.ax-btn.primary { background: #fff; color: #000; } .ax-btn.primary:hover { background: var(--ax-paper); } .ax-btn:active { transform: scale(.985); }
.ax-btn:disabled { opacity: .6; }
.ax-row { display: flex; justify-content: space-between; gap: 10px; }
.ax-link { padding: 0; border: 0; background: none; color: var(--ax-dim); font: 500 13px/1.4 'Inter', sans-serif; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.25); }
.ax-link:hover { color: #fff; }

.pg-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-right: 44px; }
.pg-streak { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 8px; padding: 10px 14px; border-radius: 14px; background: rgba(251,146,60,.1); border: 1px solid rgba(251,146,60,.35); }
.pg-streak svg { grid-row: 1 / span 2; width: 22px; height: 22px; color: #fb923c; }
.pg-streak b { font-size: 20px; line-height: 1; font-variant-numeric: tabular-nums; }
.pg-streak span { font-size: 11.5px; color: var(--ax-faint); }
.pg-h { margin: 8px 0 0; font-size: 14px; font-weight: 600; letter-spacing: -.01em; }
.pg-h span { font-weight: 500; color: var(--ax-faint); }

/* ════════ GÖREV SATIRLARI (menü kartı + pencere) ════════ */
.dq-list { display: grid; gap: 8px; }
.dq-empty { margin: 0; color: var(--ax-faint); font-size: 13px; }
.dq {
  display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px;
  padding: 10px 12px; border-radius: 14px; background: #050505; border: 1px solid var(--ax-line);
  transition: border-color .3s, background .3s; animation: ax-in .35s var(--ax-ease) both;
}
.dq.is-done:not(.is-claimed) { border-color: rgba(134,239,172,.4); background: rgba(134,239,172,.05); }
.dq.is-claimed { opacity: .55; }
.dq-ic { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: rgba(255,255,255,.06); border: 1px solid var(--ax-line); }
.dq-ic svg { width: 17px; height: 17px; }
.dq.is-done .dq-ic { background: #fff; color: #000; border-color: #fff; }
.dq-main { display: grid; gap: 7px; min-width: 0; }
.dq-main b { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dq-bar { display: block; height: 5px; border-radius: 5px; background: rgba(255,255,255,.08); overflow: hidden; }
.dq-bar i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, rgba(255,255,255,.55), #fff); transition: width .9s var(--ax-ease); }
.dq.is-done .dq-bar i { background: linear-gradient(90deg, #4ade80, #bbf7d0); }
.dq-side { display: grid; justify-items: end; gap: 4px; }
.dq-side small { font: 600 11px/1 'Inter', sans-serif; color: var(--ax-faint); }
.dq-state { display: inline-flex; align-items: center; gap: 4px; font: 600 12px/1 ui-monospace, Menlo, monospace; color: var(--ax-dim); }
.dq-state.done { color: #86efac; font-family: 'Inter', sans-serif; } .dq-state svg { width: 13px; height: 13px; }
.dq-claim {
  height: 30px; padding: 0 12px; border-radius: 9px; border: 0; background: #fff; color: #000; font: 700 12px/1 'Inter', sans-serif; cursor: pointer;
  box-shadow: 0 0 0 0 rgba(255,255,255,.5); animation: ax-claim 1.8s infinite; transition: transform .2s var(--ax-ease);
}
.dq-claim:hover { transform: translateY(-1px); }
@keyframes ax-claim { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,.45); } 80%,100% { box-shadow: 0 0 0 8px rgba(255,255,255,0); } }
#screen-main .dq-card .dash-card-head { flex-wrap: wrap; }
.dq-reset { margin-left: auto; font: 500 11.5px/1 'Inter', sans-serif; color: var(--ax-faint); }
#screen-main .dq-card .dq-list { margin-top: 6px; }

/* başarımlar */
.ach-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.ach {
  position: relative; display: grid; gap: 6px; align-content: start; padding: 14px; border-radius: 16px;
  background: #050505; border: 1px solid var(--ax-line); animation: ax-in .4s var(--ax-ease) both; overflow: hidden;
}
.ach .ach-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px dashed var(--ax-line-2); color: var(--ax-faint); }
.ach .ach-ic svg { width: 19px; height: 19px; }
.ach b { font-size: 14px; font-weight: 600; color: var(--ax-dim); }
.ach small { font-size: 12px; line-height: 1.45; color: var(--ax-faint); }
.ach em { font-style: normal; font: 600 11px/1 ui-monospace, Menlo, monospace; color: var(--ax-faint); }
.ach.on { border-color: rgba(252,211,77,.35); background: radial-gradient(ellipse at 0% 0%, rgba(252,211,77,.1), transparent 60%), #070707; }
.ach.on .ach-ic { background: linear-gradient(135deg, #fde68a, #f59e0b); color: #1c1100; border: 0; box-shadow: 0 10px 24px -8px rgba(245,158,11,.6); }
.ach.on b { color: #fff; }
.ach.on::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.08) 50%, transparent 65%);
  transform: translateX(-100%); animation: ax-shine 4s ease-in-out infinite;
}
@keyframes ax-shine { 60%, 100% { transform: translateX(100%); } }

/* ════════ PROFİL KARTI / ŞİKAYET / ONAY (social-ui.js) ════════ */
.so-card { text-align: left; width: min(440px, 100%); }
.so-loading { padding: 40px; text-align: center; color: var(--ax-faint); }
.so-hero { display: flex; align-items: center; gap: 16px; padding-right: 40px; }
.so-av {
  position: relative; display: grid; place-items: center; flex: none; width: 64px; height: 64px; border-radius: 20px;
  background: rgba(255,255,255,.08); border: 1px solid var(--ax-line-2); font: 700 22px/1 'Inter', sans-serif;
}
.so-av.on { background: #fff; color: #000; border-color: #fff; }
.so-av i { position: absolute; right: -3px; bottom: -3px; width: 16px; height: 16px; border-radius: 50%; background: #3a3a3d; border: 3px solid #0c0c0e; }
.so-av.on i { background: #4ade80; animation: ax-ping 2s infinite; }
.so-hero h2 { font-size: 24px; }
.so-ban { color: #fca5a5; }
.so-lvl { display: grid; gap: 8px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid var(--ax-line); }
.so-lvl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.so-lvl b { font-size: 15px; } .so-lvl span { font-size: 12.5px; color: var(--ax-faint); }
.so-lvl .dq-bar i { transition: none; }
.so-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.so-stats div { padding: 12px 8px; border-radius: 12px; background: #050505; border: 1px solid var(--ax-line); text-align: center; }
.so-stats b { display: block; font-size: 18px; font-weight: 650; font-variant-numeric: tabular-nums; }
.so-stats span { font-size: 11.5px; color: var(--ax-faint); }
.so-achs { display: flex; gap: 6px; flex-wrap: wrap; }
.so-achs span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: linear-gradient(135deg, #fde68a, #f59e0b); color: #1c1100; }
.so-achs svg { width: 17px; height: 17px; }
.so-row { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.so-row .ax-btn { flex: 1 1 auto; }
.ax-btn.so-sm { height: 40px; padding: 0 14px; font-size: 13.5px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.ax-btn svg { width: 16px; height: 16px; }
.ax-btn.so-ghost { background: rgba(255,255,255,.05); color: #fff; border: 1px solid var(--ax-line-2); }
.ax-btn.so-ghost:hover { background: rgba(255,255,255,.1); }
.ax-btn.so-danger { background: #dc2626; color: #fff; } .ax-btn.so-danger:hover { background: #b91c1c; }
.so-pill { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 12px; font-size: 13.5px; font-weight: 600; border: 1px solid var(--ax-line-2); color: var(--ax-dim); }
.so-pill.ok { color: #86efac; border-color: rgba(134,239,172,.35); background: rgba(134,239,172,.07); }
.so-pill svg { width: 16px; height: 16px; }
.so-flag { background: #dc2626 !important; color: #fff !important; box-shadow: 0 16px 40px -10px rgba(220,38,38,.5) !important; }
.so-form { display: grid; gap: 12px; text-align: left; }
.so-reasons { display: grid; gap: 6px; }
.so-reasons label { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border-radius: 12px; background: #050505; border: 1px solid var(--ax-line); cursor: pointer; font-size: 14px; transition: border-color .2s, background .2s; }
.so-reasons label:has(input:checked) { border-color: #fff; background: rgba(255,255,255,.06); }
.so-reasons input { accent-color: #fff; width: 16px; height: 16px; }
.so-form textarea { min-height: 80px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--ax-line-2); background: #050505; color: #fff; font: 500 14px/1.5 'Inter', sans-serif; resize: vertical; outline: 0; }
.so-form textarea:focus { border-color: rgba(255,255,255,.55); }

/* sağ tık menüsü: v6 görünümü */
#fetih-ctx { border-radius: 14px !important; min-width: 220px; font-family: 'Inter', system-ui, sans-serif !important; animation: ax-in .18s var(--ax-ease) both; }
#fetih-ctx .fcx-item { border-radius: 9px; font-size: 13.5px; }
#fetih-ctx .fcx-label { font: 600 11px/1.4 'Inter', sans-serif !important; letter-spacing: .06em; text-transform: uppercase; color: var(--ax-faint) !important; }
#fetih-ctx .fcx-sub { border-radius: 12px !important; }

@media (max-width: 560px) {
  .so-stats { grid-template-columns: repeat(2, 1fr); }
  .ax-card { padding: 22px 18px; }
  .otp input { width: 40px; height: 50px; font-size: 21px; }
  .pg-head { flex-direction: column; align-items: flex-start; }
  .ach-grid { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .ax-card, .dq, .ach, .settings-panel, .f-row { animation: none !important; }
  .ach.on::after, .dq-claim, .f-dot.on { animation: none !important; }
}