/* Yerleşim: üstte kimlik çubuğu, altında görünüm sekmeleri; geniş ekranda solda iş listesi, sağda seçili işin ayrıntısı.
   Dış kaynak yok: yazı tipi sistemden, her şey aynı kökenden. Satır içi stil kullanılmaz (içerik güvenlik ilkesi). */
:root{
  --bg:#f1f4f5; --yuzey:#ffffff; --yuzey2:#e7edef; --fg:#17242b; --soluk:#55676f; --cizgi:#d3dce0;
  --vurgu:#0d5f73; --vurgu-zemin:#d8ebf0; --vurgu-ustu:#ffffff;
  --uyari:#855000; --uyari-zemin:#fbeed2; --iyi:#1b6740; --iyi-zemin:#def0e5; --tehlike:#a1251d; --tehlike-zemin:#fae2df;
  --yazi:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --baslik:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --sayi:ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace;
  --r:8px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#11181c; --yuzey:#192227; --yuzey2:#222e34; --fg:#e5ecef; --soluk:#9aabb3; --cizgi:#2e3b42;
    --vurgu:#63bcd0; --vurgu-zemin:#16343c; --vurgu-ustu:#0a1f25;
    --uyari:#f0c36d; --uyari-zemin:#3a2c0e; --iyi:#80d4a3; --iyi-zemin:#143424; --tehlike:#f39c94; --tehlike-zemin:#40201d;
    color-scheme:dark;
  }
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--yazi);font-size:14px;line-height:1.45;padding:0 16px 40px}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:6px;padding:5px 8px;max-width:100%}
textarea{width:100%;min-height:64px;resize:vertical}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
#uyg{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.ust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:18px}
.ad{font-family:var(--baslik);font-size:20px;font-weight:600;margin:0;letter-spacing:-.01em}
.kim{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kucuk{font-size:12px;color:var(--soluk)}
.soluk{color:var(--soluk)}
.sifir{margin:0}
.saga{margin-left:auto}
.onsatir{white-space:pre-wrap;overflow-wrap:anywhere}
.dgm{border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r);padding:6px 12px;cursor:pointer}
.dgm:hover{border-color:var(--soluk)}
.dgm-ana{background:var(--vurgu);border-color:var(--vurgu);color:var(--vurgu-ustu);font-weight:600}
.dgm-ana:hover{border-color:var(--fg)}
.dgm-kucuk{padding:3px 8px;font-size:12px}
.dgm[aria-pressed="true"]{background:var(--vurgu-zemin);border-color:var(--vurgu);color:var(--vurgu);font-weight:600}
.bilgi{font-size:13px;color:var(--soluk);background:var(--yuzey2);border-radius:var(--r);padding:8px 12px;margin:0}
.uyari-kutu{font-size:13px;color:var(--tehlike);background:var(--tehlike-zemin);border-radius:var(--r);padding:8px 12px;margin:0}
.iyi-kutu{color:var(--iyi);background:var(--iyi-zemin);border-radius:var(--r);padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.gecici{font-family:var(--sayi);font-size:16px;font-weight:600;letter-spacing:.04em;user-select:all;overflow-wrap:anywhere}
.sekmeler{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--cizgi)}
.sekme{border:0;background:none;padding:8px 12px;cursor:pointer;color:var(--soluk);border-bottom:2px solid transparent;margin-bottom:-1px}
.sekme[aria-current="page"]{color:var(--fg);border-bottom-color:var(--vurgu);font-weight:600}
.sayac{font-family:var(--sayi);font-size:12px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--yuzey2);color:var(--fg)}
.duzen{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.kolon{display:flex;flex-direction:column;gap:12px;min-width:0}
.geri{display:none;align-self:flex-start}
@media (min-width:960px){.duzen{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
@media (max-width:959px){.duzen.secili-var .kolon-liste{display:none}.duzen:not(.secili-var) .kolon-ayrinti{display:none}.geri{display:inline-block}}
.baslik-satiri{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.baslik-satiri h2{font-family:var(--baslik);font-size:16px;font-weight:600;margin:0;margin-right:auto}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r)}
.form{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.form-satir{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.alan{display:flex;flex-direction:column;gap:3px;min-width:0}
.alan label,.etiket{font-size:12px;color:var(--soluk)}
.alan-genis{flex:1 1 220px}
.alan-genis input{width:100%}
.hata{color:var(--tehlike);font-size:13px;margin:0}
.giris{max-width:360px;margin:12vh auto 0;width:100%}
.giris .form{gap:14px;padding:20px}
.giris input{width:100%}
.liste{display:flex;flex-direction:column;overflow:hidden}
.satir{display:flex;flex-direction:column;gap:8px;text-align:left;border:0;border-top:1px solid var(--cizgi);background:none;padding:12px 14px;cursor:pointer;width:100%}
.satir:first-child{border-top:0}
.satir:hover{background:var(--yuzey2)}
.satir.secili{background:var(--vurgu-zemin)}
.satir:focus-visible{outline-offset:-2px}
.s-ust{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.s-baslik{font-weight:600;min-width:0;overflow-wrap:anywhere}
.s-alt{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cip{font-size:12px;padding:1px 8px;border-radius:999px;background:var(--yuzey2);color:var(--fg);white-space:nowrap}
.cip-ben{background:var(--vurgu-zemin);color:var(--vurgu);font-weight:600}
.cip-sade{background:none;border:1px solid var(--cizgi);color:var(--soluk)}
.hap{font-size:12px;padding:2px 10px;border-radius:999px;white-space:nowrap;font-weight:600}
.hap-acik{background:var(--yuzey2);color:var(--soluk)}
.hap-yap{background:var(--vurgu-zemin);color:var(--vurgu)}
.hap-onay{background:var(--uyari-zemin);color:var(--uyari)}
.hap-tamam{background:var(--iyi-zemin);color:var(--iyi)}
.hap-iptal{background:var(--yuzey2);color:var(--soluk);text-decoration:line-through}
.bek{font-size:12px;color:var(--uyari);overflow-wrap:anywhere;min-width:0}
.termin{font-size:12px;color:var(--soluk);white-space:nowrap;font-variant-numeric:tabular-nums}
.termin.gec{color:var(--tehlike);font-weight:600}
.bos{padding:20px 14px;color:var(--soluk);margin:0}
.ayrinti{padding:16px;display:flex;flex-direction:column;gap:16px}
.a-baslik{font-family:var(--baslik);font-size:18px;font-weight:600;margin:0;overflow-wrap:anywhere}
.a-baslik-giris{font-family:var(--baslik);font-size:18px;font-weight:600;width:100%}
.durum-satiri{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.eylemler{display:flex;flex-wrap:wrap;gap:8px}
.bolum{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--cizgi);padding-top:14px}
.bolum h3{font-size:12px;font-weight:600;color:var(--soluk);margin:0;letter-spacing:.02em}
.alanlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 14px}
.kisi-satiri{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kisi-ad{font-weight:600;min-width:72px}
.madde{display:flex;gap:8px;align-items:flex-start}
.madde input{margin-top:3px}
.yorum{background:var(--yuzey2);border-radius:var(--r);padding:8px 10px}
.yorum p{margin:2px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.gecmis{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px;overflow-wrap:anywhere}
.gecmis time{font-family:var(--sayi);font-size:12px;color:var(--soluk);margin-right:6px}
.kutucuklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kutucuk{padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kutucuk b{font-family:var(--baslik);font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
.tablo-sar{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{text-align:right;padding:8px 12px;border-top:1px solid var(--cizgi);white-space:nowrap}
th{font-size:12px;font-weight:600;color:var(--soluk);border-top:0}
th:first-child,td:first-child{text-align:left}
.sol th,.sol td{text-align:left}
.bag{background:none;border:0;padding:0;color:var(--vurgu);cursor:pointer;text-decoration:underline;font-weight:600}
.pasif td{color:var(--soluk)}