/* EROZ — üye sayfaları (giriş, hesap, panel) ortak stili. Ana sitenin renk ve yazı sistemiyle aynı. */
:root { --cream:#F3F0E8; --forest:#193C35; --lime:#B5D96C; --ink:#182620; --stone:#DCDDD1; --mute:rgba(24,38,32,.72); --line:rgba(24,38,32,.16); --red:#b3261e }
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
body { background:var(--cream); color:var(--ink); font:400 1rem/1.6 'Plus Jakarta Sans',system-ui,sans-serif; min-height:100vh }
a { color:inherit }
button,input,select,textarea { font:inherit; color:inherit }
:focus-visible { outline:3px solid var(--lime); outline-offset:3px }
.disp { font-family:'Barlow Condensed','Arial Narrow',sans-serif; text-transform:uppercase; letter-spacing:.01em; line-height:1; font-weight:700 }
.top { background:var(--forest); color:var(--cream) }
.top .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; height:68px }
.wrap { max-width:1120px; margin:0 auto; padding:0 16px }
.logo { font:700 1.8rem/1 'Barlow Condensed',sans-serif; letter-spacing:.06em; text-decoration:none }
.logo i { font-style:normal; background:var(--lime); color:var(--forest); padding:0 6px; margin-left:2px }
.top nav { display:flex; gap:20px; align-items:center; font-size:.92rem; font-weight:600 }
.top nav a { text-decoration:none; opacity:.85 } .top nav a:hover { opacity:1 }
.btn { display:inline-block; padding:13px 24px; font-weight:700; font-size:.95rem; border:2px solid var(--forest); background:var(--forest); color:var(--cream); cursor:pointer; text-align:center; text-decoration:none; transition:background .2s,color .2s }
.btn:hover { background:transparent; color:var(--forest) }
.btn[disabled] { opacity:.55; cursor:wait }
.btn-out { background:transparent; color:var(--forest) } .btn-out:hover { background:var(--forest); color:var(--cream) }
.btn-sm { padding:7px 14px; font-size:.85rem }
.top .btn { padding:8px 16px; font-size:.85rem; border-color:var(--lime); background:transparent; color:var(--lime) }
.top .btn:hover { background:var(--lime); color:var(--forest) }
.card { background:#fff; border:1px solid var(--line); padding:32px }
label { display:grid; gap:6px; font-weight:600; font-size:.88rem }
input,select,textarea { border:1.5px solid var(--line); background:#fff; padding:12px 14px; font-weight:400; font-size:1rem; width:100% }
input:focus,select:focus,textarea:focus { border-color:var(--forest); outline:none }
input[readonly] { background:var(--cream); color:var(--mute) }
.form { display:grid; gap:16px }
.msg { padding:12px 14px; font-size:.9rem; border-left:4px solid var(--forest); background:var(--stone) }
.msg.err { border-color:var(--red); background:#f6e3e1; color:var(--red) }
.msg:empty { display:none }
.mute { color:var(--mute) }
.sep { display:flex; align-items:center; gap:12px; color:var(--mute); font-size:.85rem }
.sep::before,.sep::after { content:""; flex:1; height:1px; background:var(--line) }
.google { display:flex; align-items:center; justify-content:center; gap:10px; background:#fff; color:var(--ink); border-color:var(--line) }
.google:hover { border-color:var(--forest); background:#fff; color:var(--ink) }
.tabs { display:flex; border-bottom:2px solid var(--line); margin-bottom:24px }
.tabs button { flex:1; background:none; border:0; padding:12px; font-weight:700; cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px; color:var(--mute) }
.tabs button[aria-selected=true] { border-color:var(--lime); color:var(--ink) }
table { width:100%; border-collapse:collapse; font-size:.9rem }
th,td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--line); vertical-align:top }
th { font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:var(--mute) }
.tag { display:inline-block; padding:2px 10px; font-size:.75rem; font-weight:700; background:var(--stone) }
.tag.yeni { background:var(--lime) } .tag.aktif { background:var(--forest); color:var(--lime) } .tag.iptal { background:#f6e3e1; color:var(--red) }
.scroll { overflow-x:auto }
.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:16px; margin-bottom:24px }
.stats div { background:var(--forest); color:var(--cream); padding:20px }
.stats b { display:block; font:700 2.4rem/1 'Barlow Condensed',sans-serif; color:var(--lime) }
.hidden { display:none !important }
main { padding:48px 0 80px }
@media(max-width:600px) { .card { padding:20px } .top nav .hide-m { display:none } main { padding:28px 0 60px } }

/* ---------- tema düğmesi ---------- */
.tema-btn { width:36px; height:36px; border:2px solid rgba(243,240,232,.35); border-radius:50%; background:none; color:#F3F0E8; font-size:1rem; line-height:1; cursor:pointer; display:grid; place-items:center }
.tema-btn:hover { border-color:var(--lime) }

/* ---------- koyu tema ---------- */
html[data-theme="dark"] { --cream:#0f1916; --ink:#e9e6dd; --mute:rgba(233,230,221,.68); --line:rgba(233,230,221,.14); --stone:#1c2d28; color-scheme:dark }
html[data-theme="dark"] .top, html[data-theme="dark"] .stats div { color:#F3F0E8 }
html[data-theme="dark"] .card, html[data-theme="dark"] .google, html[data-theme="dark"] .google:hover { background:#162420; color:var(--ink) }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { background:#1c2d28 }
html[data-theme="dark"] input[readonly] { background:#0f1916 }
html[data-theme="dark"] .btn { color:#F3F0E8 }
html[data-theme="dark"] .btn:hover, html[data-theme="dark"] .btn-out { color:var(--ink); border-color:rgba(233,230,221,.45) }
html[data-theme="dark"] .btn-out:hover { background:var(--forest); color:#F3F0E8 }
html[data-theme="dark"] .msg.err { background:#3a1d1a; color:#ffb4a8 }
html[data-theme="dark"] .tag.iptal { background:#3a1d1a; color:#ffb4a8 }

/* ---------- animasyonları azalt ---------- */
html[data-hareket="az"] *, html[data-hareket="az"] *::before, html[data-hareket="az"] *::after { transition:none !important; animation:none !important }