/* HakimServer Portal — tek dosya stil. Build araci YOK (bilincli karar). */
:root {
  --bg: #0e1116; --yuzey: #171b22; --yuzey2: #1e232c; --kenar: #2a313d;
  --metin: #e6e9ef; --soluk: #9aa4b2; --vurgu: #4c9aff; --vurgu2: #2f6fd0;
  --ok: #3fb950; --warn: #d29922; --bad: #f85149; --golge: 0 1px 3px rgba(0,0,0,.4);
  --r: 12px;
}
@media (prefers-color-scheme: light) {
  :root { --bg:#f4f6fa; --yuzey:#fff; --yuzey2:#eef1f6; --kenar:#d9dee7;
          --metin:#131720; --soluk:#5d6875; --golge:0 1px 3px rgba(20,30,50,.10); }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--metin);
  font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color: var(--vurgu); text-decoration: none; }

/* ---------- ust bar ---------- */
header { position:sticky; top:0; z-index:10; background:var(--yuzey);
  border-bottom:1px solid var(--kenar); box-shadow:var(--golge); }
.ust { max-width:1200px; margin:0 auto; padding:.7rem 1rem;
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.marka { font-weight:700; font-size:1.05rem; letter-spacing:.2px; }
.marka span { color:var(--soluk); font-weight:400; font-size:.85rem; }
nav { display:flex; gap:.3rem; margin-left:auto; flex-wrap:wrap; }
nav a { padding:.4rem .8rem; border-radius:8px; color:var(--soluk); font-weight:500; }
nav a:hover { background:var(--yuzey2); color:var(--metin); }
nav a.aktif { background:var(--vurgu); color:#fff; }

main { max-width:1200px; margin:0 auto; padding:1.2rem 1rem 3rem; }
h2 { font-size:1.05rem; margin:1.6rem 0 .7rem; color:var(--soluk);
  font-weight:600; letter-spacing:.3px; }
h2:first-child { margin-top:0; }

/* ---------- durum seridi ---------- */
.serit { display:grid; gap:.7rem; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.kutu { background:var(--yuzey); border:1px solid var(--kenar); border-radius:var(--r);
  padding:.85rem 1rem; box-shadow:var(--golge); }
.kutu .etiket { font-size:.72rem; text-transform:uppercase; letter-spacing:.6px;
  color:var(--soluk); font-weight:600; }
.kutu .deger { font-size:1.5rem; font-weight:700; margin-top:.15rem; line-height:1.2; }
.kutu .alt { font-size:.78rem; color:var(--soluk); margin-top:.15rem; }
.kutu.one-cikan { border-color:var(--vurgu); }

/* olcek cubugu */
.cubuk { height:5px; background:var(--yuzey2); border-radius:99px; margin-top:.5rem; overflow:hidden; }
.cubuk i { display:block; height:100%; background:var(--ok); border-radius:99px; }
.cubuk i.warn { background:var(--warn); } .cubuk i.bad { background:var(--bad); }

/* ---------- link kartlari ---------- */
.kartlar { display:grid; gap:.7rem; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); }
.kart { display:flex; gap:.75rem; align-items:center; background:var(--yuzey);
  border:1px solid var(--kenar); border-radius:var(--r); padding:.8rem .9rem;
  box-shadow:var(--golge); transition:.12s; color:var(--metin); }
.kart:hover { border-color:var(--vurgu); transform:translateY(-1px); }
.kart .ikon { font-size:1.5rem; line-height:1; }
.kart .ad { font-weight:600; font-size:.92rem; }
.kart .acik { font-size:.75rem; color:var(--soluk); margin-top:.1rem; }

/* ---------- rozet ---------- */
.rozet { display:inline-block; padding:.13rem .5rem; border-radius:99px;
  font-size:.72rem; font-weight:700; }
.rozet.ok { background:rgba(63,185,80,.16); color:var(--ok); }
.rozet.warn { background:rgba(210,153,34,.16); color:var(--warn); }
.rozet.bad { background:rgba(248,81,73,.16); color:var(--bad); }
.nokta { width:8px; height:8px; border-radius:99px; display:inline-block; }
.nokta.ok{background:var(--ok)} .nokta.warn{background:var(--warn)} .nokta.bad{background:var(--bad)}

/* ---------- tablo ---------- */
.tablo-sar { overflow-x:auto; background:var(--yuzey); border:1px solid var(--kenar);
  border-radius:var(--r); box-shadow:var(--golge); }
table { border-collapse:collapse; width:100%; font-size:.87rem; }
th { text-align:left; padding:.6rem .8rem; color:var(--soluk); font-size:.74rem;
  text-transform:uppercase; letter-spacing:.5px; border-bottom:1px solid var(--kenar);
  white-space:nowrap; }
td { padding:.55rem .8rem; border-bottom:1px solid var(--kenar); white-space:nowrap; }
tr:last-child td { border-bottom:0; }
tr:hover td { background:var(--yuzey2); }
.mono { font-family:ui-monospace,"Cascadia Code",Consolas,monospace; font-size:.85em; }

/* ---------- form / dugme ---------- */
input[type=text],input[type=password],input[type=date],select {
  background:var(--yuzey2); border:1px solid var(--kenar); color:var(--metin);
  padding:.5rem .7rem; border-radius:8px; font-size:.9rem; width:100%; }
input:focus,select:focus { outline:2px solid var(--vurgu); outline-offset:-1px; }
.dugme { display:inline-block; background:var(--vurgu); color:#fff; border:0;
  padding:.55rem 1.1rem; border-radius:8px; font-weight:600; font-size:.9rem;
  cursor:pointer; }
.dugme:hover { background:var(--vurgu2); }
.dugme.tehlike { background:var(--bad); }
.dugme.tehlike:hover { filter:brightness(.9); }
.dugme.sessiz { background:var(--yuzey2); color:var(--metin); border:1px solid var(--kenar); }

/* ---------- giris ---------- */
.giris-sar { min-height:100vh; display:grid; place-items:center; padding:1rem; }
.giris { background:var(--yuzey); border:1px solid var(--kenar); border-radius:16px;
  padding:2rem; width:100%; max-width:370px; box-shadow:0 8px 30px rgba(0,0,0,.25); }
.giris h1 { margin:0 0 .3rem; font-size:1.3rem; }
.giris p.alt { margin:0 0 1.5rem; color:var(--soluk); font-size:.85rem; }
.alan { margin-bottom:.9rem; }
.alan label { display:block; font-size:.78rem; color:var(--soluk); margin-bottom:.3rem;
  font-weight:600; }
.uyari { background:rgba(248,81,73,.12); border:1px solid rgba(248,81,73,.35);
  color:var(--bad); padding:.6rem .8rem; border-radius:8px; font-size:.85rem;
  margin-bottom:1rem; }
.bilgi { background:rgba(76,154,255,.10); border:1px solid rgba(76,154,255,.3);
  padding:.7rem .9rem; border-radius:10px; font-size:.85rem; color:var(--soluk); }

/* ---------- tehlike bolgesi ---------- */
.tehlike-kutu { border:1px solid rgba(248,81,73,.4); background:rgba(248,81,73,.06);
  border-radius:var(--r); padding:1.1rem; }
.tehlike-kutu h3 { margin:0 0 .4rem; color:var(--bad); font-size:1rem; }
.tehlike-kutu p { margin:.3rem 0 .9rem; color:var(--soluk); font-size:.86rem; }
details summary { cursor:pointer; font-weight:600; color:var(--bad); }
.satir { display:flex; gap:.6rem; align-items:flex-end; flex-wrap:wrap; margin-top:.8rem; }
.satir > div { flex:1; min-width:150px; }
.dipnot { color:var(--soluk); font-size:.78rem; margin-top:1.5rem; text-align:center; }