:root {
  color-scheme: dark;
  --zemin: #111413;
  --panel: #191d1b;
  --panel-2: #222725;
  --cizgi: #333a36;
  --metin: #ecebe4;
  --metin-2: #a9aea6;
  --metin-3: #7f857e;
  --vurgu: #d9a441;
  --vurgu-koyu: #2b2312;
  --kirmizi: #d4574a;
  --yesil: #7dbb8a;
  --kagit: #f4efe2;
  --kagit-2: #e8e0cc;
  --murekkep: #23221e;
  --murekkep-2: #5d5a50;
  --kagit-cizgi: #cfc6ae;
  --damga: #a62f25;
  --sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'IBM Plex Mono', Consolas, monospace;
  --serif: 'Source Serif 4', Georgia, serif;
  --gazete: 'Playfair Display', Georgia, serif;
  --el: 'Caveat', 'Segoe Print', cursive;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--zemin); color: var(--metin); font: 15px/1.55 var(--sans); }
#uygulama { min-height: 100%; }
h1, h2, h3, h4 { margin: 0; line-height: 1.2; }
p { margin: 0; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
svg { display: block; max-width: 100%; height: auto; }

.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 16px; min-height: 42px;
  background: var(--panel-2); border: 1px solid var(--cizgi); border-radius: 6px;
  font-weight: 500; transition: background .15s, border-color .15s;
}
a.dugme { color: var(--metin); text-decoration: none; }
.dugme:hover { background: #2c322f; border-color: #4a524d; }
.dugme.ana { background: var(--vurgu); border-color: var(--vurgu); color: #17140a; font-weight: 600; }
.dugme.ana:hover { background: #e8b655; }
.dugme.ana:disabled { opacity: .45; cursor: not-allowed; }
.dugme.tehlike { color: var(--kirmizi); }
.dugme.kucuk { padding: 6px 11px; min-height: 34px; font-size: 13.5px; }
.etiket { font: 600 11.5px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--metin-3); }
.kurgu-not { font-size: 12.5px; color: var(--metin-3); }

/* Üst şerit */
.ust {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 10px 20px; background: #0d100f; border-bottom: 1px solid var(--cizgi);
}
.marka { font: 700 15px/1 var(--mono); letter-spacing: .14em; color: var(--vurgu); background: none; border: 0; padding: 4px 0; }
.ust-bosluk { flex: 1; }
.sayac { font: 600 14px/1 var(--mono); display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 6px; }
.sayac i { width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); }
.sayac.bosta i { background: var(--metin-3); }

/* Giriş */
.giris { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.giris-kutu { width: min(560px, 100%); }
.giris h1 { font: 900 clamp(40px, 8vw, 64px)/1 var(--gazete); margin: 14px 0 16px; }
.giris p { color: var(--metin-2); margin-bottom: 22px; }
.alan { display: block; margin-bottom: 14px; }
.alan span { display: block; font-size: 13.5px; color: var(--metin-2); margin-bottom: 6px; }
.girdi { width: 100%; padding: 11px 12px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 6px; }
.onay { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: var(--metin-2); margin-bottom: 18px; }
.onay input { margin-top: 4px; }

/* Panel */
.sayfa { max-width: 1120px; margin: 0 auto; padding: 32px 20px 72px; }
.sayfa-baslik { font: 700 clamp(26px, 4vw, 36px)/1.15 var(--gazete); margin: 6px 0 22px; }
.bolum-baslik { font-size: 18px; font-weight: 600; margin: 34px 0 12px; }
.tile-grup { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tile { background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; padding: 16px; }
.tile b { display: block; font: 600 26px/1.15 var(--mono); margin-top: 8px; font-variant-numeric: tabular-nums; }
.tile small { color: var(--metin-3); }
.vaka-kart { display: grid; grid-template-columns: 170px 1fr auto; gap: 18px; align-items: center; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; padding: 14px; margin-bottom: 10px; }
.vaka-kart.kilitli { opacity: .55; }
.vaka-kapak { aspect-ratio: 16/10; border-radius: 5px; background: #2a2e2a; display: grid; place-items: center; overflow: hidden; font: 700 13px var(--mono); color: var(--metin-3); }
.vaka-kapak.dolu { background: repeating-linear-gradient(135deg, #2b2213, #2b2213 8px, #231c10 8px, #231c10 16px); color: var(--vurgu); text-align: center; padding: 8px; font: 700 18px/1.1 var(--gazete); }
.vaka-kart h3 { font-size: 18px; margin-bottom: 4px; }
.vaka-kart p { color: var(--metin-2); font-size: 14px; }
.rozetler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.rozet { font: 500 12px/1 var(--mono); padding: 5px 7px; border: 1px solid var(--cizgi); border-radius: 4px; color: var(--metin-2); }
.rozet.vurgu { color: var(--vurgu); border-color: #6d5522; }
.rozet.iyi { color: var(--yesil); border-color: #3f6a49; }
.rozet.kotu { color: var(--kirmizi); border-color: #7a3a33; }
.iki-kolon { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 16px; }
.kutu { background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; padding: 18px; }
.kutu h3 { font-size: 15.5px; margin-bottom: 4px; }
.kutu .alt { color: var(--metin-3); font-size: 13px; margin-bottom: 12px; }
.siralama { width: 100%; border-collapse: collapse; font-size: 14px; }
.siralama td, .siralama th { padding: 8px 6px; border-bottom: 1px solid var(--cizgi); text-align: left; }
.siralama th { color: var(--metin-3); font-weight: 500; font-size: 12.5px; }
.siralama td.say, .siralama th.say { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.siralama tr.ben td { color: var(--vurgu); font-weight: 600; }

/* Grafik */
.grafik { position: relative; }
.grafik .ipucu-balon {
  position: absolute; pointer-events: none; z-index: 5; display: none;
  background: #0b0d0c; color: var(--metin); border: 1px solid var(--cizgi); border-radius: 5px;
  padding: 6px 9px; font: 500 12.5px/1.35 var(--mono); white-space: nowrap;
}
.acik-tema .grafik .ipucu-balon { background: #23221e; color: #f4efe2; }

/* Brifing */
.brifing { max-width: 720px; }
.brifing .paragraf { font: 400 18px/1.65 var(--serif); margin-bottom: 14px; }
.brifing-eylem { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 10px; }

/* Masa */
.masa-sayfa { height: 100vh; display: flex; flex-direction: column; }
.sekmeler.masa-sekme { padding: 0 20px; margin: 0; background: #0d100f; flex: none; overflow-x: auto; }
.masa-sekme .sekme { white-space: nowrap; }
.masa { flex: 1; min-height: 0; display: grid; grid-template-columns: 270px minmax(0, 1fr) 300px; }
.masa.liste-yok { grid-template-columns: minmax(0, 1fr) 300px; }
.dar-sadece { display: none; }
.liste { border-right: 1px solid var(--cizgi); overflow-y: auto; padding: 8px 8px 24px; background: var(--panel); }
.liste-grup { padding: 14px 10px 6px; }
.belge-sec {
  width: 100%; text-align: left; display: block; padding: 8px 10px; background: none; border: 0; border-left: 3px solid transparent; border-radius: 0 5px 5px 0;
}
.belge-sec:hover { background: var(--panel-2); }
.belge-sec.aktif { background: var(--panel-2); border-left-color: var(--vurgu); }
.belge-sec b { display: flex; align-items: center; gap: 7px; font-weight: 500; font-size: 14.5px; }
.belge-sec small { color: var(--metin-3); display: block; font-size: 12.5px; }
.belge-sec .yeni { width: 7px; height: 7px; border-radius: 50%; background: var(--vurgu); flex: none; }
.kilit-kutu { margin: 10px 8px; padding: 12px; border: 1px dashed #6d5522; border-radius: 6px; }
.kilit-kutu p { font-size: 13px; color: var(--metin-2); margin: 6px 0 10px; }
.icerik { overflow-y: auto; padding: 18px 26px 60px; min-width: 0; }
.sekmeler { display: flex; gap: 2px; border-bottom: 1px solid var(--cizgi); margin-bottom: 18px; }
.sekme { background: none; border: 0; border-bottom: 2px solid transparent; padding: 9px 12px; color: var(--metin-2); font-weight: 500; }
.sekme.aktif { color: var(--metin); border-bottom-color: var(--vurgu); }
.yan { border-left: 1px solid var(--cizgi); padding: 14px; display: flex; flex-direction: column; gap: 10px; background: var(--panel); overflow-y: auto; }
.yan h3 { font-size: 14.5px; }
.not-defteri { flex: 1; min-height: 220px; width: 100%; resize: none; padding: 10px; background: #f4efe2; color: #23221e; border: 0; border-radius: 4px; font: 500 20px/1.3 var(--el); }
.ipucu-kart { padding: 10px; background: var(--panel-2); border-radius: 6px; font-size: 13.5px; }
.ipucu-kart p { margin-top: 6px; color: var(--metin-2); }
.belge-baslik { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.belge-baslik h2 { font-size: 20px; }
.geri-liste { display: none; }

/* Kağıt belgeler */
.kagit {
  position: relative; max-width: 780px; background: var(--kagit); color: var(--murekkep); padding: clamp(18px, 4vw, 40px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45); border-radius: 2px; overflow: hidden;
}
.kagit > * { position: relative; z-index: 1; }
.filigran { position: absolute !important; inset: 0; z-index: 2 !important; pointer-events: none; opacity: .07; background-repeat: repeat; }
.damga {
  position: absolute !important; top: 22px; right: 22px; transform: rotate(9deg); border: 3px solid var(--damga); color: var(--damga);
  font: 700 14px/1 var(--mono); padding: 6px 10px; border-radius: 4px; letter-spacing: .1em; opacity: .75;
}
.resmi-ust { font: 600 13px/1.4 var(--mono); padding-right: 96px; }
.resmi-no { font: 400 12px var(--mono); color: var(--murekkep-2); margin: 3px 0 18px; }
.resmi-baslik { font: 600 18px/1.3 var(--mono); border-top: 2px solid var(--murekkep); border-bottom: 1px solid var(--murekkep); padding: 10px 0; margin-bottom: 18px; text-transform: uppercase; }
.resmi-bolum { margin-bottom: 14px; font: 400 14px/1.6 var(--mono); }
.resmi-bolum b { display: block; font-weight: 600; text-transform: uppercase; font-size: 12.5px; letter-spacing: .04em; margin-bottom: 2px; }
.imza { margin-top: 24px; font: 400 13px var(--mono); text-align: right; }
.tablo-kaydir { overflow-x: auto; }
.resmi-tablo { width: 100%; border-collapse: collapse; font: 400 13px/1.5 var(--mono); }
.resmi-tablo th { text-align: left; font-weight: 600; font-size: 12px; padding: 8px 7px; border-bottom: 2px solid var(--murekkep); white-space: nowrap; }
.resmi-tablo td { padding: 8px 7px; border-bottom: 1px solid var(--kagit-cizgi); vertical-align: top; }
.resmi-tablo td.say { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.resmi-tablo td.tut { white-space: nowrap; }
.durum-iyi { color: #2c6c3e; font-weight: 600; white-space: nowrap; }
.durum-kotu { color: var(--damga); font-weight: 600; white-space: nowrap; }
.durum-not { color: var(--murekkep-2); font-weight: 600; white-space: nowrap; }
.filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.filtre .girdi, .filtre select { background: #fbf8ef; color: var(--murekkep); border: 1px solid var(--kagit-cizgi); padding: 8px 10px; border-radius: 4px; min-width: 150px; }
.bos-sonuc { padding: 18px; text-align: center; color: var(--murekkep-2); font: 400 13.5px var(--mono); }

/* Gazete */
.gazete { font-family: var(--serif); }
.gazete-ad { font: 900 clamp(32px, 7vw, 58px)/1 var(--gazete); text-align: center; }
.gazete-sira { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; border-top: 3px double var(--murekkep); border-bottom: 1px solid var(--murekkep); padding: 5px 0; margin: 10px 0 18px; }
.gazete-man { font: 900 clamp(26px, 5vw, 42px)/1.08 var(--gazete); margin-bottom: 8px; }
.gazete-spot { font: 600 17px/1.35 var(--serif); margin-bottom: 14px; }
.gazete-sutun { columns: 2; column-gap: 24px; font-size: 14.5px; line-height: 1.55; column-rule: 1px solid var(--kagit-cizgi); }
.gazete-sutun p { margin-bottom: 10px; text-align: justify; hyphens: auto; }
.gazete-kisa { margin-top: 18px; padding-top: 10px; border-top: 1px solid var(--murekkep); font-size: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

/* Kişiler */
.kisi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; max-width: 900px; }
.kisi { background: var(--kagit); color: var(--murekkep); padding: 12px; display: flex; gap: 12px; border-radius: 2px; }
.kisi-avatar { width: 56px; height: 72px; flex: none; background: #39403c; color: #dcd6c5; display: grid; place-items: center; font: 600 17px var(--mono); }
.kisi.maktul .kisi-avatar { background: var(--damga); }
.kisi b { display: block; }
.kisi small { font: 500 12px var(--mono); color: var(--murekkep-2); }
.kisi p { font-size: 13px; line-height: 1.4; margin-top: 5px; }

/* Sorgu */
.sorgu-oturum { font: 600 13px var(--mono); background: var(--kagit-2); padding: 7px 10px; margin: 18px 0 10px; }
.sorgu-oturum:first-of-type { margin-top: 0; }
.sorgu-satir { display: grid; grid-template-columns: 26px 1fr; gap: 6px; margin-bottom: 9px; font: 400 14px/1.55 var(--mono); }
.sorgu-satir.s b { color: var(--murekkep-2); }
.sorgu-satir.s span { color: var(--murekkep-2); }

/* Fotoğraf */
.foto-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; max-width: 860px; }
.polaroid { background: #fbf8ef; color: var(--murekkep); padding: 9px 9px 12px; box-shadow: 0 10px 26px rgba(0,0,0,.5); }
.polaroid b { display: block; margin-top: 9px; font: 600 13px var(--mono); }
.polaroid small { font-size: 12.5px; color: var(--murekkep-2); }
.kroki-kap { max-width: 860px; box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.temsili { margin-top: 12px; color: var(--metin-3); font-size: 12.5px; }
.medya-gorsel { display: block; width: 100%; height: auto; }
.medya-bos { aspect-ratio: 16/10; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 18px; background: repeating-linear-gradient(135deg, #1b201d, #1b201d 10px, #171b19 10px, #171b19 20px); color: var(--metin-2); font-size: 13px; line-height: 1.45; overflow: auto; }
.medya-bos .etiket { color: var(--vurgu); }
.kisi-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.oynatici-gorsel img, .oynatici-gorsel .medya-bos { aspect-ratio: 640/270; object-fit: cover; }
.cozum-video, .cctv-ekran-video video { display: block; width: 100%; background: #000; margin-bottom: 12px; }
.ses-dosya { display: block; width: 100%; margin: 12px 0 0; }
.icerik.yalin { overflow: visible; padding: 16px; }
.yalin .geri-liste { display: none; }

/* El yazısı */
.defter { max-width: 720px; background: #f7f2dc; background-image: repeating-linear-gradient(transparent, transparent 33px, #bdcfe0 33px, #bdcfe0 34px); color: #25324d; padding: 34px clamp(16px, 4vw, 44px) 40px; font: 500 23px/34px var(--el); box-shadow: 0 18px 40px rgba(0,0,0,.45); position: relative; overflow: hidden; }
.defter h3 { font: 700 26px/34px var(--el); margin: 0; }
.defter p { margin: 0 0 34px; }
.defter .karalama { color: #8b2b22; }

/* Kamera */
.cctv { max-width: 780px; background: #060807; border: 1px solid var(--cizgi); border-radius: 6px; overflow: hidden; }
.cctv-ekran { position: relative; }
.cctv-ekran svg { width: 100%; filter: saturate(.55) contrast(1.05); }
.cctv-ekran::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(0,0,0,.2) 0 1px, transparent 1px 3px); }
.cctv-zaman { position: absolute; z-index: 2; top: 10px; left: 12px; font: 600 clamp(12px, 2.4vw, 16px) var(--mono); color: #f0f3e4; text-shadow: 0 1px 2px #000; }
.cctv-kaynak { position: absolute; z-index: 2; bottom: 10px; right: 12px; font: 500 clamp(10px, 2vw, 13px) var(--mono); color: #f0f3e4; text-shadow: 0 1px 2px #000; }
.cctv-kontrol { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px; }
.cctv-kare { background: var(--panel-2); border: 1px solid var(--cizgi); padding: 6px 9px; font: 500 13px var(--mono); border-radius: 4px; }
.cctv-kare.aktif { background: var(--vurgu); color: #17140a; border-color: var(--vurgu); }
.cctv-not { padding: 0 12px 12px; font-size: 14px; color: var(--metin-2); }

/* Ses */
.ses { max-width: 680px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; padding: 18px; }
.ses-ust { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ses-oynat { width: 46px; height: 46px; border-radius: 50%; background: var(--vurgu); border: 0; color: #17140a; font-size: 16px; font-weight: 700; flex: none; }
.dalga { display: flex; align-items: center; gap: 2px; height: 42px; margin: 14px 0; }
.dalga i { flex: 1; min-width: 1px; background: var(--cizgi); border-radius: 2px; }
.dalga i.gecti { background: var(--vurgu); }
.ses-satir { padding: 8px 10px; border-left: 2px solid var(--cizgi); margin-bottom: 6px; font: 400 14.5px/1.5 var(--serif); color: var(--metin-3); }
.ses-satir.gorunur { color: var(--metin); border-left-color: var(--vurgu); }
.ses-satir b { font: 600 12px var(--mono); display: block; color: var(--metin-2); }
.ses-gizli { filter: blur(4px); user-select: none; }

/* Yazışma */
.yazisma { display: grid; grid-template-columns: 180px minmax(0, 1fr); max-width: 780px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; overflow: hidden; }
.sohbetler { border-right: 1px solid var(--cizgi); }
.sohbet-sec { display: block; width: 100%; padding: 12px; background: none; border: 0; border-bottom: 1px solid var(--cizgi); text-align: left; }
.sohbet-sec.aktif { background: var(--panel-2); color: var(--vurgu); }
.sohbet-ic { padding: 14px; display: flex; flex-direction: column; gap: 8px; min-height: 320px; }
.eposta { grid-template-columns: 260px minmax(0, 1fr); max-width: 900px; }
.eposta .sohbet-sec b { display: block; font-weight: 600; font-size: 13.5px; line-height: 1.35; }
.eposta .sohbet-sec small { display: block; margin-top: 3px; font-size: 12px; color: var(--metin-3); }
.eposta-ic { padding: 20px; min-height: 320px; overflow-wrap: anywhere; }
.eposta-ic h3 { font-size: 18px; margin-bottom: 12px; }
.eposta-ic dl { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 3px 10px; padding-bottom: 12px; margin: 0 0 14px; border-bottom: 1px solid var(--cizgi); font-size: 13px; }
.eposta-ic dt { color: var(--metin-3); }
.eposta-ic dd { margin: 0; color: var(--metin-2); }
.eposta-ic p { margin: 0 0 10px; line-height: 1.6; }
.sosyal-liste { display: flex; flex-direction: column; gap: 10px; max-width: 640px; }
.sosyal-kart { display: flex; gap: 12px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; padding: 14px; }
.sosyal-kart > div:last-child { min-width: 0; overflow-wrap: anywhere; }
.sosyal-kart small { color: var(--metin-3); font-size: 12.5px; }
.sosyal-kart p { margin: 6px 0 8px; line-height: 1.5; }
.sosyal-kart .kisi-avatar { flex: none; align-self: flex-start; }
.sosyal-foto { border: 1px dashed var(--cizgi); border-radius: 6px; padding: 12px; margin-bottom: 8px; font-size: 13px; color: var(--metin-2); }
.ajanda h3 { margin-top: 0; color: #8b2b22; }
.ajanda p { margin: 0; }
.ajanda s { text-decoration-thickness: 2px; color: #6d7488; }
.baz-harita { background: #fbf8ef; border: 1px solid var(--kagit-cizgi); margin-bottom: 14px; }
.baz-harita svg { display: block; width: 100%; height: auto; }
.ilk-rozet { display: flex; flex-direction: column; gap: 6px; border: 1px solid var(--vurgu); border-radius: 8px; padding: 16px; margin-top: 8px; }
.ilk-rozet b { color: var(--vurgu); font-size: 20px; }
.ilk-rozet span { color: var(--metin-2); line-height: 1.5; }
.mesaj { max-width: 82%; padding: 8px 11px; border-radius: 8px; font-size: 14.5px; background: var(--panel-2); align-self: flex-start; }
.mesaj.v { background: #2c3a2f; align-self: flex-end; }
.mesaj small { display: block; margin-top: 3px; font: 400 11.5px var(--mono); color: var(--metin-3); }
.ad-not { font-size: 12.5px; color: var(--metin-3); margin-bottom: 4px; }

/* Grafik kağıt */
.nabiz-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; font-family: var(--mono); }
.nabiz-ozet div { border: 1px solid var(--kagit-cizgi); padding: 10px; }
.nabiz-ozet small { display: block; font-size: 11.5px; color: var(--murekkep-2); }
.nabiz-ozet b { font-size: 19px; }
.detay-tablo summary { cursor: pointer; font: 600 13px var(--mono); margin-top: 16px; }

/* Pano */
.pano-arac { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; align-items: center; }
.pano-kaydir { overflow: auto; border: 1px solid var(--cizgi); border-radius: 6px; height: calc(100vh - 215px); min-height: 380px; }
.pano { position: relative; width: 1500px; height: 950px; background-color: #4d3c2a; background-image: radial-gradient(#5b4731 1.5px, transparent 1.5px), radial-gradient(#3f3122 1px, transparent 1px); background-size: 14px 14px, 9px 9px; background-position: 0 0, 6px 6px; }
.pano svg.ipler { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; max-width: none; pointer-events: none; }
.pano-kart { position: absolute; width: 165px; background: var(--kagit); color: var(--murekkep); padding: 16px 10px 10px; box-shadow: 0 6px 14px rgba(0,0,0,.45); cursor: grab; touch-action: none; user-select: none; font-size: 13px; line-height: 1.35; }
.pano-kart::before { content: ''; position: absolute; top: 5px; left: 50%; width: 11px; height: 11px; margin-left: -5px; border-radius: 50%; background: #b3362b; box-shadow: 0 2px 2px rgba(0,0,0,.5); }
.pano-kart b { display: block; }
.pano-kart small { color: var(--murekkep-2); }
.pano-kart.not { background: #efdc7a; font: 500 19px/1.15 var(--el); }
.pano-kart.secili { outline: 3px solid var(--kirmizi); }
.pano-sil { position: absolute; top: 1px; right: 2px; background: none; border: 0; padding: 4px 6px; font-size: 14px; color: var(--murekkep-2); }
.pano-yaz { width: 100%; height: 70px; background: transparent; border: 0; resize: none; font: 500 19px/1.15 var(--el); color: #23221e; }
.pano-bos { position: absolute; top: 40px; left: 24px; max-width: 280px; color: #f0e7d3; }

/* Zaman çizelgesi */
.zc-form { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; max-width: 700px; }
.zc-form .saat { width: 112px; }
.zc-form .aciklama { flex: 1; min-width: 200px; }
.zc-liste { list-style: none; margin: 0; padding: 0 0 0 16px; border-left: 2px solid var(--cizgi); max-width: 700px; }
.zc-liste li { position: relative; padding: 8px 0 8px 12px; display: flex; gap: 12px; align-items: baseline; }
.zc-liste li::before { content: ''; position: absolute; left: -22px; top: 15px; width: 10px; height: 10px; border-radius: 50%; background: var(--vurgu); }
.zc-liste time { font: 600 14px var(--mono); color: var(--vurgu); }
.zc-liste span { flex: 1; }
.zc-sil { background: none; border: 0; color: var(--metin-3); }

/* Kipler */
.kip-ort { position: fixed; inset: 0; background: rgba(0,0,0,.72); z-index: 60; display: grid; place-items: center; padding: 16px; overflow: auto; }
.kip { width: min(620px, 100%); background: var(--panel); border: 1px solid var(--cizgi); border-radius: 10px; padding: 22px; max-height: calc(100vh - 32px); overflow-y: auto; }
.kip h2 { font-size: 20px; margin-bottom: 8px; }
.kip p { color: var(--metin-2); margin-bottom: 14px; }
.kip-eylem { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 16px; }
.secim-liste { display: grid; gap: 6px; }
.secim { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--panel-2); cursor: pointer; }
.secim:has(input:checked) { border-color: var(--vurgu); background: var(--vurgu-koyu); }
.secim small { color: var(--metin-3); display: block; }
.uyari { color: var(--kirmizi); font-size: 14px; margin-top: 10px; min-height: 20px; }
.paylas-onizleme { max-height: 52vh; width: auto; max-width: 100%; margin: 0 auto 12px; display: block; border-radius: 6px; }

/* Tahmin */
.tahmin { max-width: 820px; }
.tahmin-bolum { background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; padding: 18px; margin-bottom: 14px; }
.tahmin-bolum h3 { font-size: 16.5px; margin-bottom: 3px; }
.tahmin-bolum > p { color: var(--metin-3); font-size: 13.5px; margin-bottom: 12px; }
.kisi-sec { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.kanit-sec { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 6px; }
.gerekce { width: 100%; min-height: 110px; padding: 10px; background: var(--panel-2); border: 1px solid var(--cizgi); border-radius: 6px; resize: vertical; }
.hak-notu { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }

/* Sonuç */
.karar { padding: 26px; border-radius: 10px; background: var(--panel); border: 1px solid var(--cizgi); margin-bottom: 18px; }
.karar.iyi { border-color: #3f6a49; }
.karar.kotu { border-color: #7a3a33; }
.karar h1 { font: 900 clamp(30px, 6vw, 52px)/1.05 var(--gazete); margin: 8px 0 12px; }
.karar p { font: 400 17px/1.6 var(--serif); }
.puan-satir { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.kontrol { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); font-size: 14.5px; }
.kontrol b { margin-left: auto; font-family: var(--mono); font-weight: 500; }
.kontrol .i { width: 20px; font-weight: 700; text-align: center; }
.kontrol .i.iyi { color: var(--yesil); }
.kontrol .i.kotu { color: var(--kirmizi); }
.oynatici { background: #060807; border: 1px solid var(--cizgi); border-radius: 8px; overflow: hidden; }
.oynatici .sahne-svg { width: 100%; }
.oynatici-alt { padding: 14px; }
.oynatici-saat { font: 600 14px var(--mono); color: var(--vurgu); }
.oynatici-metin { font: 400 17px/1.55 var(--serif); min-height: 78px; margin: 4px 0 10px; }
.oynatici-kontrol { display: flex; align-items: center; gap: 10px; }
.ilerleme { flex: 1; height: 4px; background: var(--cizgi); border-radius: 2px; overflow: hidden; }
.ilerleme i { display: block; height: 100%; background: var(--vurgu); }
.ipucu-liste { display: grid; gap: 8px; }
.cozum-ipucu { display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; padding: 12px 14px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 6px; }
.cozum-ipucu b { font-weight: 600; }
.cozum-ipucu p { grid-column: 1 / -1; color: var(--metin-2); font-size: 14.5px; }
.gerekce-kars { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.gerekce-kars p { font: 400 15px/1.55 var(--serif); white-space: pre-wrap; margin-top: 8px; }

.mobil-sekmeler { display: none; }

@media (max-width: 1100px) {
  .masa { grid-template-columns: 240px minmax(0, 1fr); }
  .masa.liste-yok { grid-template-columns: minmax(0, 1fr); }
  .masa > .yan { display: none; }
  .dar-sadece { display: inline-block; }
  .icerik .not-defteri { min-height: 260px; }
}
@media (max-width: 760px) {
  .ust { padding: 8px 16px; gap: 8px; }
  .marka { font-size: 13px; }
  .sayfa { padding: 22px 16px 60px; }
  .tile-grup, .puan-satir { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vaka-kart { grid-template-columns: 1fr; }
  .iki-kolon, .gerekce-kars { grid-template-columns: minmax(0, 1fr); }
  .masa-sayfa { height: auto; min-height: 100vh; }
  .masa { display: block; }
  .sekmeler.masa-sekme { padding: 0 8px; position: sticky; top: 0; z-index: 25; }
  .ust { position: static; }
  .liste { border-right: 0; }
  .masa.belge-acik .liste { display: none; }
  .masa:not(.belge-acik) .icerik { display: none; }
  .icerik { padding: 14px 16px 60px; }
  .geri-liste { display: inline-flex; }
  .gazete-sutun { columns: 1; }
  .gazete-kisa { grid-template-columns: 1fr; }
  .baz-harita { overflow-x: auto; }
  .baz-harita svg { width: 600px; max-width: none; }
  .yazisma, .eposta { grid-template-columns: minmax(0, 1fr); }
  .eposta .sohbet-sec { min-width: 220px; white-space: normal; border-right: 1px solid var(--cizgi); }
  .sohbetler { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--cizgi); }
  .sohbet-sec { white-space: nowrap; width: auto; border-bottom: 0; }
  .damga { top: 12px; right: 12px; font-size: 11.5px; }
  .pano-kaydir { height: 70vh; }
  .nabiz-ozet { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }