/* ortak.css — Kelle lobi ortak stili. Değerler client/index.html estetiğinden
   (plan: PLAN_LOBI_EKONOMI.md 'Lobi UI'); index.html'e DOKUNULMAZ. */
:root{
  --bg:#0b0e13; --overlay:#070a0e; --panel:#141922; --panel-2:#0e141b; --panel-3:#1b222c;
  --cizgi:#ffffff14; --cizgi-2:#ffffff18;
  --metin:#e7ecf3; --metin-2:#cfd8e3;
  --vurgu:#ffd34d; --vurgu-metin:#1a1200;
  --bilgi:#6fd3ff; --tehlike:#ff6b5c; --basari:#4ec9b0;
  --r:13px; --r-kucuk:7px;
  --mono:ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
html,body{min-height:100%;background:var(--bg);color:var(--metin);
  font:14px/1.4 system-ui,'Segoe UI',sans-serif}
h1,h2,h3{text-transform:uppercase}
h1{font-size:34px;letter-spacing:4px}
h2{font-size:19px;letter-spacing:2px}
h3{font-size:14px;letter-spacing:1.5px;opacity:.85;margin-bottom:10px}
.mono{font-family:var(--mono)}
.soluk{opacity:.65}
.mini{font-size:12px}
.buyuk{font-size:20px;font-weight:600}
button{font:inherit;cursor:pointer}
button:disabled{opacity:.5;cursor:default}
input[type=text],input[type=password],input[type=number],input:not([type]){
  width:100%;padding:10px 13px;border-radius:var(--r-kucuk);border:1px solid #3a4756;
  background:#0d1218ee;color:var(--metin);font:14px/1.3 inherit;outline:none}
input:focus{border-color:var(--bilgi)}

/* buton dili */
.birincil{background:var(--vurgu);color:var(--vurgu-metin);border:0;
  padding:12px 26px;border-radius:9px;font-weight:700;font-size:15px}
.ikincil{background:var(--panel-3);border:1px solid var(--cizgi-2);color:var(--metin-2);
  padding:9px 16px;border-radius:var(--r-kucuk)}
.ikincil:hover:not(:disabled){background:#242d39}
.tehlike-dis{background:transparent;border:1px solid #b0434388;color:var(--tehlike);
  padding:9px 16px;border-radius:var(--r-kucuk)}
.tehlike-dis:hover:not(:disabled){background:#2a1512}
.baglanti{background:none;border:0;color:var(--bilgi);text-decoration:underline;font-size:13px}
.blok{display:block;width:100%}
.mini-btn{padding:4px 10px;font-size:12px}

/* kart + yerleşim */
.kart{background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:24px 28px;margin-bottom:16px}
.orta{text-align:center}
.dar{max-width:420px;width:100%}
.tam-orta{min-height:100vh;display:grid;place-items:center;background:var(--overlay);padding:20px}
.tam-orta .kart>*{margin-bottom:14px}
.tam-orta .kart>:last-child{margin-bottom:0}
main{max-width:980px;margin:0 auto;padding:22px 18px}
.dar-govde{max-width:560px}

/* üst bar */
.ustbar{display:flex;align-items:center;gap:14px;background:#0f151c;
  border-bottom:1px solid var(--cizgi);padding:10px 18px;flex-wrap:wrap}
.logo{font-weight:700;letter-spacing:3px;font-size:16px}
.esnek{flex:1}
.sayac{font-size:15px;background:#0007;padding:5px 11px;border-radius:6px}
.sayac.kirmizi{color:var(--tehlike)}

/* bildirim bandı */
#bant{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;
  max-width:min(620px,92vw);padding:10px 18px;border-radius:var(--r-kucuk);
  font-size:13px;text-align:center;border:1px solid}
#bant.tehlike{background:#2a1512;border-color:#b0434388;color:#ff9b90}
#bant.basari{background:#12251f;border-color:#4ec9b088;color:var(--basari)}
#bant.bilgi{background:#122029;border-color:#6fd3ff55;color:#dff2ff}

/* oda kartları */
#odaListe{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}
.oda{width:240px;background:var(--panel);border:2px solid var(--cizgi);border-radius:var(--r);
  padding:16px;transition:border-color .12s,transform .12s}
.oda:hover:not(.dolu){border-color:var(--vurgu);transform:translateY(-3px)}
.oda.dolu{opacity:.45}
.oda h3{margin-bottom:12px;opacity:1}
.oda .doluluk{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.cubuk{flex:1;height:10px;background:#0007;border-radius:5px;overflow:hidden}
.cubuk i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd34d,#ff9b3d);
  transition:width .3s}
.cubuk.tam i{background:#e23b3b}
.oda .kisi{font-family:var(--mono);font-size:12px}
.iskelet{border-style:dashed;opacity:.4}

/* sekmeler */
.sekmeler{display:flex;gap:8px;margin-bottom:16px}
.sekme{background:var(--panel-3);border:1px solid var(--cizgi-2);color:var(--metin-2);
  padding:9px 20px;border-radius:var(--r-kucuk);letter-spacing:1px}
.sekme.aktif{background:var(--vurgu);color:var(--vurgu-metin);border-color:var(--vurgu);font-weight:700}

/* satırlar */
.satir{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.satir>.etiket{min-width:86px;opacity:.65;font-size:13px}
.kisalt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;
  user-select:text;-webkit-user-select:text}
.dugmeler{gap:12px;flex-wrap:wrap}
.adet.aktif{background:var(--vurgu);color:var(--vurgu-metin);border-color:var(--vurgu);font-weight:700}

/* durum satırı */
.durum{font-family:var(--mono);font-size:13px;min-height:18px;margin-top:10px}
.durum.bilgi{color:var(--bilgi)}
.durum.basari{color:var(--basari)}
.durum.tehlike{color:var(--tehlike)}
.durum a{color:var(--bilgi)}

/* uyarı + kod kutuları */
.uyari{border:1px solid #b0434388;background:#2a1512;color:#ff9b90;
  border-radius:var(--r-kucuk);padding:10px 12px;font-size:12px;margin-bottom:12px}
.kod{font-family:var(--mono);font-size:17px;letter-spacing:2px;background:var(--panel-2);
  border:1px dashed var(--cizgi-2);border-radius:var(--r-kucuk);padding:12px;
  word-break:break-all;user-select:text;-webkit-user-select:text}

/* modal */
.modal{position:fixed;inset:0;display:grid;place-items:center;background:#070a0ecc;
  backdrop-filter:blur(3px);z-index:30;padding:20px}
.orta-hiza{justify-content:center}

/* kopuk oturum: devam kartı */
.devam-kutu{display:flex;align-items:center;gap:16px;border-color:#ffd34d55;background:#1d1a10}
.devam-kutu b{color:var(--vurgu);font-size:15px}
.devam-kutu p{margin:4px 0 0}
.devam-kutu button{flex:none}

/* X ile giriş */
.x-btn{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;
  background:#000;color:#fff;border:1px solid #ffffff2a;font-size:15px;letter-spacing:.04em}
.x-btn:hover{background:#15181c}
.hata-kutu{margin-top:12px;padding:9px 12px;border-radius:8px;border:1px solid #b0434388;background:#2a1512;color:#ffb1a6;font-size:13px}
/* sağ üst cüzdan bakiyesi */
.cuzdanYer .bak{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;font:600 12px var(--mono)}
.cuzdanYer .bak b{color:var(--vurgu);font-size:13px}
.cuzdanYer .bak span{color:var(--metin-2);opacity:.75;font-size:11px}
.cuzdanYer .oto{border-color:#3a4756;background:#141922;color:var(--metin-2)}

.anahtar-kutu{margin-top:10px;padding:11px 12px;border-radius:9px;border:1px solid #b0434388;background:#2a1512}
.anahtar-kutu p{margin:0 0 8px;font-size:12px;color:#ffd9d2;line-height:1.5}
.anahtar-kutu .kir{word-break:break-all;font-size:11px;color:#ffb1a6;flex:1}