/* Bekleyen üye Anasayfası ve modül vitrini (06.10.2026, DECISIONS #88). .wr-* sayfa, .sc-* illüstrasyon. */
.wr-page { display: grid; gap: 14px; }
.wr-card { display: grid; gap: 12px; padding: 18px 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow-sm); min-width: 0; }
.wr-card h3 { margin: 0; font-size: 16px; display: flex; align-items: center; gap: 8px; }
.wr-main { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent-soft), var(--shadow-sm); }
.wr-top { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px; }
.wr-top h2 { margin: 0; font-size: 20px; line-height: 1.3; }
.wr-top p { margin: 6px 0 0; max-width: 680px; color: var(--text-soft); font-size: 14px; line-height: 1.55; }
.wr-top p b { color: var(--text); }
.wr-top a { color: var(--accent); font-weight: 700; font-size: 13px; }
.wr-badge { flex: none; padding: 4px 11px; border-radius: 999px; background: var(--surface-muted); color: var(--text-soft); font-size: 12px; font-weight: 800; }
.wr-badge.is-wait { background: var(--warning-soft); color: var(--warning); }
.wr-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 2px 0 0; padding: 0; list-style: none; }
.wr-steps li { display: grid; gap: 6px; color: var(--text-faint); font-size: 12px; font-weight: 700; }
.wr-steps li::before { content: ""; height: 6px; border-radius: 999px; background: var(--border); }
.wr-steps li.is-done { color: var(--text-soft); }
.wr-steps li.is-done::before { background: var(--positive); }
.wr-steps li.is-next { color: var(--accent); }
.wr-steps li.is-next::before { background: var(--accent); }
.wr-steps li.is-wait { color: var(--warning); }
.wr-steps li.is-wait::before { background: linear-gradient(90deg, var(--warning) 55%, var(--border) 55%); }
.wr-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wr-note { color: var(--text-faint); font-size: 12.5px; line-height: 1.5; margin: 0; }
.wr-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.wr-plan { position: relative; display: grid; gap: 6px; align-content: start; padding: 16px; border: 1px solid var(--border-strong); border-radius: 12px; background: var(--surface-raised); }
.wr-plan.is-highlight { border: 2px solid var(--accent); }
.wr-plan-tag { position: absolute; top: -10px; left: 14px; padding: 1px 9px; border-radius: 999px; background: var(--accent); color: var(--surface); font-size: 11px; font-weight: 800; }
.wr-plan h3 { font-size: 16px; }
.wr-plan p { margin: 0; color: var(--text-soft); font-size: 13px; line-height: 1.45; }
.wr-plan .member-button { justify-self: start; margin-top: 4px; }
.wr-old { color: var(--text-faint); font-size: 12.5px; text-decoration: line-through; }
.wr-price { font-size: 22px; font-variant-numeric: tabular-nums; }
.wr-price small { color: var(--text-faint); font-size: 12.5px; font-weight: 600; }
.wr-plan-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.wr-plan-foot a { color: var(--accent); font-weight: 700; font-size: 13px; }
.wr-campaign { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 10px; background: var(--positive-soft); color: var(--positive); font-size: 13px; }
.wr-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wr-pay, .wr-check { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.wr-pay li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; font-size: 14px; }
.wr-pay li > .ui-icon { color: var(--accent); margin-top: 1px; }
.wr-pay small { display: block; color: var(--text-faint); font-size: 12.5px; }
.wr-pay a { color: var(--text); font-weight: 700; }
.wr-check li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; align-items: center; font-size: 14px; }
.wr-check li a { color: var(--accent); font-weight: 700; font-size: 13px; white-space: nowrap; }
.wr-check li small { color: var(--positive); font-weight: 700; font-size: 12px; }
.wr-check li.is-done span:nth-child(2) { color: var(--text-faint); }
.wr-box { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; border: 2px solid var(--border-strong); font-size: 11px; font-weight: 900; }
.wr-check li.is-done .wr-box { border-color: var(--positive); background: var(--positive); color: var(--surface); }
.wr-count { color: var(--text-faint); font-size: 12px; font-weight: 700; }
.wr-live { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wr-live-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--positive); }
.wr-live-label { color: var(--text-soft); font-size: 13px; font-weight: 700; }
.wr-pill { display: inline-flex; align-items: baseline; gap: 5px; padding: 6px 12px; border-radius: 999px; background: var(--surface-muted); font-size: 13px; }
.wr-pill b { color: var(--accent); font-size: 16px; }
.wr-live small { color: var(--text-faint); font-size: 12px; margin-left: auto; }
.wr-mods { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.wr-mods.is-wide { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.wr-mod { position: relative; display: grid; gap: 8px; align-content: start; padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-raised); color: var(--text); text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.wr-mod:hover { border-color: var(--accent); transform: translateY(-1px); }
.wr-mod b { font-size: 13px; line-height: 1.3; }
.wr-mod small { color: var(--text-faint); font-size: 11.5px; }
.wr-more { place-content: center; justify-items: center; min-height: 120px; border-style: dashed; text-align: center; }
.wr-more span { color: var(--accent); font-size: 12px; font-weight: 700; }
.wr-lock { position: absolute; top: 16px; right: 16px; display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: 999px; background: var(--surface); border: 1px solid var(--border-strong); color: var(--text-soft); font-size: 11px; font-weight: 700; }
.wr-lock.is-large { top: 14px; right: 14px; padding: 3px 10px; font-size: 12px; }
.wr-foot { margin: 0; color: var(--text-faint); font-size: 12px; text-align: center; }
.wr-show { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 22px; }
.wr-show-art { position: relative; padding: 14px; border-radius: 12px; background: var(--surface-muted); }
.wr-show-body { display: grid; gap: 10px; }
.wr-show-body h2 { margin: 0; font-size: 22px; }
.wr-show-body p { margin: 0; color: var(--text-soft); font-size: 15px; line-height: 1.6; }
.wr-eyebrow { color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.wr-points { display: grid; gap: 6px; margin: 0; padding-left: 18px; color: var(--text); font-size: 14px; }

/* İllüstrasyonlar (sahte veri) */
.sc-screen { position: relative; overflow: hidden; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); padding: 10px; font-size: 11px; color: var(--text-soft); }
.sc-large { height: 230px; font-size: 12.5px; }
.sc-small { height: 104px; padding: 7px; font-size: 8.5px; pointer-events: none; }
.sc-small .sc-steps, .sc-small .sc-head { margin-bottom: 3px; }
.sc-blur { filter: blur(3px); }
.sc-tk { color: var(--text); font-weight: 700; }
.sc-bar { display: inline-block; height: 7px; border-radius: 4px; background: var(--border-strong); vertical-align: middle; }
.sc-small .sc-bar { height: 5px; }
.sc-bar.is-pos { background: var(--positive); opacity: .6; }
.sc-bar.is-neg { background: var(--negative); opacity: .55; }
.sc-bar.is-accent { background: var(--accent); opacity: .6; }
.sc-bar.is-strong { opacity: .8; }
.sc-bar.is-mid { opacity: .55; }
.sc-bar.is-soft { opacity: .4; }
.sc-bar.is-muted { background: var(--border); }
.sc-row, .sc-move, .sc-own, .sc-dist { display: grid; gap: 6px; align-items: center; padding: 4px 0; border-bottom: 1px solid var(--border); }
.sc-row { grid-template-columns: 50px minmax(0, 1fr) 70px; }
.sc-move { grid-template-columns: 52px 46px minmax(0, 1fr) 40px; }
.sc-own { grid-template-columns: 46px 52px minmax(0, 1fr) 62px; }
.sc-dist { grid-template-columns: 52px minmax(0, 1fr) 30px; border: 0; padding: 3px 0; }
.sc-small .sc-row, .sc-small .sc-move, .sc-small .sc-own, .sc-small .sc-dist { padding: 2px 0; gap: 4px; }
.sc-chip { justify-self: start; padding: 1px 6px; border-radius: 999px; font-size: .85em; font-weight: 700; white-space: nowrap; }
.sc-chip.is-ok { background: var(--positive-soft); color: var(--positive); }
.sc-chip.is-wait { background: var(--warning-soft); color: var(--warning); }
.sc-chip.is-accent { background: var(--accent-soft); color: var(--accent); }
.sc-chip.is-neg { background: var(--negative-soft); color: var(--negative); }
.sc-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.sc-chips.is-inline { margin-top: 0; }
.sc-steps { display: flex; align-items: center; gap: 5px; margin-bottom: 7px; color: var(--text-faint); font-size: .9em; }
.sc-steps b { width: 8px; height: 8px; border-radius: 50%; background: var(--positive); flex: none; }
.sc-steps b.is-accent { background: var(--accent); }
.sc-steps b.is-muted { background: var(--border-strong); }
.sc-steps i { flex: 1; height: 2px; background: var(--border-strong); }
.sc-head { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-bottom: 6px; color: var(--text-faint); font-size: .9em; }
.sc-head.is-foot { margin: 6px 0 0; }
.sc-seg { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--border); border-radius: 999px; }
.sc-seg span { padding: 0 6px; border-radius: 999px; }
.sc-seg .is-on { background: var(--accent-soft); color: var(--accent); }
.sc-up { color: var(--positive); font-weight: 700; }
.sc-down { color: var(--negative); font-weight: 700; }
.sc-up b, .sc-down b { font-weight: 700; }
.sc-columns { display: flex; align-items: flex-end; gap: 6%; height: 72%; padding: 0 4px; border-bottom: 1px solid var(--border-strong); }
.sc-columns i { flex: 1; border-radius: 4px 4px 0 0; background: var(--accent); }
.sc-columns i.is-strong { opacity: .8; }
.sc-columns i.is-mid { opacity: .55; }
.sc-columns i.is-soft { opacity: .35; }
.sc-line-item { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--border); }
.sc-small .sc-line-item { padding: 3px 0; }
.sc-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); opacity: .6; }
.sc-screen svg { display: block; }
.sc-line-neg { stroke: var(--negative); stroke-width: 1.4; stroke-dasharray: 4 3; opacity: .75; }
.sc-line-pos { stroke: var(--positive); stroke-width: 1.4; stroke-dasharray: 4 3; opacity: .75; }
.sc-wick-pos { stroke: var(--positive); stroke-width: 1.2; }
.sc-wick-neg { stroke: var(--negative); stroke-width: 1.2; }
.sc-candle-pos { fill: var(--positive); opacity: .85; }
.sc-candle-neg { fill: var(--negative); opacity: .8; }
.sc-ring { fill: none; stroke: var(--accent); stroke-width: 1.6; }
.sc-tag-bg { fill: var(--accent-soft); }
.sc-tag-text { fill: var(--accent); font-size: 8.5px; font-weight: 700; }
.sc-line-accent { fill: none; stroke: var(--accent); stroke-width: 2.2; }
.sc-line-muted { fill: none; stroke: var(--border-strong); stroke-width: 1.6; stroke-dasharray: 4 3; }

@media (max-width: 1100px) {
    .wr-show { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
    .wr-two { grid-template-columns: minmax(0, 1fr); }
    .wr-card { padding: 16px; }
    .wr-top h2 { font-size: 18px; }
    .wr-steps li { font-size: 11px; }
    .wr-mods, .wr-mods.is-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wr-live small { margin-left: 0; width: 100%; }
}
@media (max-width: 520px) {
    .wr-plans { grid-template-columns: minmax(0, 1fr); }
    .sc-large { height: 200px; font-size: 11px; }
}