/* Tasnif web sürümü — karar arama (4.11.2026). site.css'in renkleri ve yazı tipleri; çalışma alanı kâğıt zeminde. */
body.uygulama { background: var(--kagit); color: var(--metin); }
.uygulama .kap { max-width: 1320px; }
.ust { background: var(--zemin); color: var(--metin); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; gap: 18px; height: 72px; }
.ust .logo img { height: 40px; display: block; }
.ust-ad { font: 500 12px "Plex Mono", monospace; letter-spacing: .16em; text-transform: uppercase; color: var(--altin); padding-left: 18px;
  border-left: 1px solid var(--cizgi); }
.ust nav { margin-left: auto; display: flex; align-items: center; gap: 16px; font-size: 14px; color: var(--soluk); }
#kad { font-family: "Plex Mono", monospace; font-size: 13px; }
.ust-dugme { background: none; border: 1px solid var(--cizgi); color: var(--metin); border-radius: 9px; font: 500 13.5px "Plex Sans", sans-serif; padding: 6px 14px; cursor: pointer; }
.ust-dugme:hover { background: var(--metin); color: var(--zemin); }
@media (max-width: 560px) { .ust-ad { display: none; } #kad { display: none; } }

/* giriş */
.giris-ekrani { min-height: calc(100vh - 64px); display: grid; place-items: start center; padding: 64px 16px; background: var(--zemin); }
.giris-kart { width: 100%; max-width: 440px; background: var(--yuzey); color: var(--metin); padding: 34px 32px 26px; border: 1px solid var(--cizgi); border-radius: 18px; }
.giris-kart h1 { font: 500 34px/1.1 "Lora", serif; margin: 0; }
.giris-kart .kart-alt { color: var(--gri); margin: 6px 0 22px; font-size: 14.5px; }
.giris-kart .google-alan { margin-bottom: 18px; }
.giris-kart form { grid-template-columns: 1fr 1fr; gap: 14px 18px; padding-top: 18px; border-top: 1px solid var(--kagit-cizgi); }
.giris-kart input[type=text], .giris-kart input[type=password] { padding: 8px 0 7px; font-size: 16px; }
.giris-kart .dugme { --zemin: var(--metin); --yazi: var(--kagit); --ok-zemin: rgba(255,255,255,.08); --ok-cizgi: rgba(255,255,255,.16);
  justify-content: space-between; margin-top: 4px; }
.giris-kart .dugme:hover { --zemin: var(--lacivert); }
.giris-kart .onay { font-size: 12.5px; }
.alt-baglanti { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; margin: 14px 0 0; font-size: 14px; color: var(--gri); }
.alt-baglanti a { color: var(--lacivert); }
.soluk { opacity: .7; }
@media (max-width: 480px) { .giris-kart { padding: 26px 20px 20px; } .giris-ekrani { padding: 32px 12px; } }

/* arama çubuğu */
.arama-ust { background: var(--kagit); border-bottom: 1px solid var(--kagit-cizgi); padding: 22px 0 14px; position: sticky; top: 0; z-index: 5; }
.kutu { display: flex; border: 1px solid var(--cizgi); background: var(--yuzey); border-radius: 14px; overflow: hidden; position: relative; }
.kutu input { flex: 1; min-width: 0; border: 0; outline: none; padding: 15px 18px; font: 18px "Plex Sans", sans-serif; color: var(--metin); background: transparent; }
.kutu input::-webkit-search-cancel-button { cursor: pointer; }
.kutu:focus-within { box-shadow: 0 0 0 2px var(--lacivert); border-color: var(--lacivert); }
.kutu-dugme { border: 0; background: var(--birincil); color: var(--birincil-yazi); border-radius: 10px; margin: 5px; font: 500 16px "Plex Sans", sans-serif; padding: 0 30px; cursor: pointer; }
.kutu-dugme:hover { opacity: .9; }
.suzgecler { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 18px; margin-top: 12px; }
.suzgecler label { font-size: 12px; color: var(--gri); display: flex; flex-direction: column; gap: 3px; }
.suzgecler select, .suzgecler input { font: 14px "Plex Sans", sans-serif; color: var(--metin); background: transparent; border: 0;
  border-bottom: 1px solid var(--kagit-cizgi); padding: 5px 0; margin: 0; border-radius: 0; outline: none; }
.suzgecler input:focus, .suzgecler select:focus { border-bottom-color: var(--lacivert); }
.suzgecler .genis input { width: 210px; }
.suzgecler .dar input { width: 72px; }
.temizle { font-size: 13px; padding-bottom: 6px; margin-left: auto; }
@media (max-width: 700px) {
  .arama-ust { position: static; padding-top: 16px; }
  .suzgecler { display: grid; grid-template-columns: 1fr 1fr; }
  .suzgecler .genis { grid-column: 1 / -1; }
  .suzgecler .genis input, .suzgecler .dar input, .suzgecler select { width: 100%; }
  .temizle { margin: 0; text-align: left; }
  .kutu input { font-size: 16px; padding: 13px 14px; }
  .kutu-dugme { padding: 0 20px; }
}

/* sonuçlar + okuyucu */
.calisma { display: grid; grid-template-columns: 1fr; gap: 0 40px; padding-top: 8px; padding-bottom: 80px; }
body.okuyor .calisma { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.sonuclar { min-width: 0; }
.karsilama { padding: 40px 0; max-width: 720px; }
.karsilama h2 { font-size: 32px; margin: 0 0 18px; }
.ipuclari { list-style: none; margin: 0; padding: 0; color: var(--gri); }
.ipuclari li { padding: 10px 0; border-bottom: 1px solid var(--kagit-cizgi); font-size: 15px; }
.ornek { font: 14px "Plex Mono", monospace; color: var(--lacivert); background: var(--yuzey2); border: 0; padding: 3px 8px; cursor: pointer; margin-left: 4px; }
.ornek:hover { background: var(--lacivert); color: var(--kagit); }
.sonuc-ozet { font-size: 14px; color: var(--gri); margin: 18px 0 8px; min-height: 1.4em; }
.sonuc-ozet b { font: 500 20px "Lora", serif; color: var(--metin); }
.sonuc-ozet .hata, .okuyucu .hata { color: var(--hata); }
.yukleniyor { color: var(--gri); animation: nabiz 1.2s ease-in-out infinite; }
@keyframes nabiz { 50% { opacity: .45; } }
.liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--metin); transition: opacity .2s; }
.liste.soluk { opacity: .45; }
.kayit { display: block; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--kagit-cizgi); padding: 16px 14px 16px 16px;
  font: inherit; color: inherit; cursor: pointer; border-left: 3px solid transparent; transition: background .15s, border-color .15s; }
.kayit:hover { background: var(--yuzey2); }
.kayit.secili { background: var(--ks-acik); border-left-color: var(--altin-koyu); }
.kayit:focus-visible { outline: 2px solid var(--lacivert); outline-offset: -2px; }
.kayit-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.kayit-ust .mah { font: 500 11px "Plex Mono", monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--altin-koyu); }
.kayit-ust b { font: 500 17px "Lora", serif; }
.kayit-ust .tarih { margin-left: auto; font: 13px "Plex Mono", monospace; color: var(--gri); }
.kunye { display: block; font: 13px "Plex Mono", monospace; color: var(--gri); margin-top: 3px; }
.kayit p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--govde); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.kayit .ai { font: 500 10.5px "Plex Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: var(--lacivert); border: 1px solid var(--cizgi);
  padding: 1px 5px; margin-right: 8px; vertical-align: 1px; }
mark { background: var(--isaret); color: inherit; padding: 0 1px; }
.cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.cip { font: 12px "Plex Sans", sans-serif; color: var(--metin); border: 1px solid var(--kagit-cizgi); padding: 2px 8px; background: var(--yuzey2); }
.daha { text-align: center; padding: 26px 0; }
.dugme-cizgi { font: 500 15px "Plex Sans", sans-serif; background: none; border: 1px solid var(--metin); color: var(--metin); padding: 11px 26px; cursor: pointer; }
.dugme-cizgi:hover { background: var(--metin); color: var(--kagit); }
.dugme-cizgi:disabled { opacity: .5; cursor: default; }

.okuyucu { min-width: 0; position: sticky; top: 150px; align-self: start; height: calc(100vh - 168px); display: flex; flex-direction: column;
  background: var(--yuzey2); border: 1px solid var(--kagit-cizgi); margin-top: 18px; }
.okuyucu-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px;
  border-bottom: 1px solid var(--kagit-cizgi); background: var(--kagit); }
.okuyucu-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.okuyucu-ust button { font: 13px "Plex Sans", sans-serif; background: none; border: 1px solid var(--kagit-cizgi); color: var(--metin); padding: 5px 10px; cursor: pointer; }
.okuyucu-ust button:hover { border-color: var(--metin); }
.okuyucu-ust .geri { border: 0; padding-left: 0; color: var(--lacivert); }
#esles-sayac { font: 12px "Plex Mono", monospace; color: var(--gri); min-width: 4em; text-align: center; }
.okuyucu-ic { overflow-y: auto; padding: 28px 34px 60px; }
.karar-bas { border-bottom: 2px solid var(--metin); padding-bottom: 16px; margin-bottom: 20px; }
.karar-bas .mah { font: 500 11.5px "Plex Mono", monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--altin-koyu); }
.karar-bas h2 { font-size: 28px; margin: 4px 0 12px; }
.karar-kunye { display: flex; flex-wrap: wrap; gap: 8px 26px; font: 14px "Plex Mono", monospace; }
.karar-kunye i { display: block; font: 10.5px "Plex Sans", sans-serif; font-style: normal; color: var(--gri); text-transform: uppercase; letter-spacing: .1em; }
.ai-ozet { background: var(--yuzey2); border-left: 3px solid var(--lacivert); padding: 14px 18px; margin: 0 0 24px; }
.ai-ozet .kucuk { font: 500 11px "Plex Mono", monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--lacivert); }
.ai-ozet p { margin: 6px 0 0; font-size: 15px; line-height: 1.6; }
.ai-ozet small { display: block; color: var(--gri); font-size: 12px; margin-top: 10px; }
.metin { font: 16px/1.75 "Plex Serif", Georgia, serif; color: var(--govde); }
.metin p { margin: 0 0 .9em; }
.metin mark.simdi { background: var(--altin); outline: 2px solid var(--altin-koyu); }

@media (max-width: 900px) {
  body.okuyor .calisma { grid-template-columns: 1fr; }
  body.okuyor .sonuclar, body.okuyor .arama-ust { display: none; }
  .okuyucu { position: static; height: auto; margin-top: 0; border: 0; background: var(--kagit); }
  .okuyucu-ust { position: sticky; top: 0; z-index: 4; margin: 0 -16px; padding: 10px 16px; }
  .okuyucu-ic { overflow: visible; padding: 22px 0 40px; }
  .karar-bas h2 { font-size: 24px; }
  .metin { font-size: 16.5px; }
}

.bildirim { position: fixed; left: 50%; bottom: 26px; transform: translate(-50%, 20px); background: var(--birincil); color: var(--birincil-yazi); border-radius: 10px; padding: 11px 18px;
  font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 30; }
.bildirim.gor { opacity: 1; transform: translate(-50%, 0); }

@media print {
  .ust, .arama-ust, .sonuclar, .okuyucu-ust, .bildirim { display: none !important; }
  body.uygulama { background: #fff; }
  .calisma, body.okuyor .calisma { display: block; padding: 0; }
  .okuyucu { position: static; height: auto; border: 0; background: #fff; margin: 0; }
  .okuyucu-ic { overflow: visible; padding: 0; }
  mark { background: none; font-weight: 600; }
}

/* site.css'in genel kurallarını (header, form ızgarası) bu sayfada sıfırla */
header.ust { display: block; padding: 0; }
header.karar-bas { display: block; padding: 0 0 16px; }
form.arama-ust { display: block; }

.ust nav[hidden] { display: none; }
[hidden] { display: none !important; }

/* 4.11.2026 (2): sonuç paneli, etkin süzgeçler, geçmiş, kaydedilenler, alıntı */
.ust-bag { background: none; border: 0; color: var(--metin); font: 500 14px "Plex Sans", sans-serif; cursor: pointer; padding: 6px 4px; }
.ust-bag:hover, .ust-bag.acik { color: var(--altin); }
.suzgecler { position: relative; }
.sag-arac { margin-left: auto; display: flex; gap: 16px; padding-bottom: 6px; font-size: 13px; }
.sag-arac .baglanti { font-size: 13px; }
.gecmis-panel { position: absolute; right: 0; top: 100%; z-index: 8; width: min(460px, 100%); background: var(--yuzey2); border: 1px solid var(--metin);
  padding: 8px 12px 12px; box-shadow: 0 10px 30px rgba(14, 20, 36, .12); max-height: 60vh; overflow-y: auto; }
.gecmis-panel p { margin: 6px 0; color: var(--gri); font-size: 14px; }
.gecmis { list-style: none; margin: 0 0 6px; padding: 0; }
.gecmis button { display: block; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--kagit-cizgi);
  padding: 8px 2px; cursor: pointer; font: 14.5px "Plex Sans", sans-serif; color: var(--metin); }
.gecmis button:hover { background: var(--yuzey2); }
.gecmis small { display: block; color: var(--gri); font-size: 12px; }
.gecmis-karsilama h3 { font: 500 18px "Lora", serif; margin: 32px 0 6px; }
.etkin { display: flex; flex-wrap: wrap; gap: 6px; margin: -2px 0 10px; }
.etkin:empty { display: none; }
.etkin button { font: 13px "Plex Sans", sans-serif; background: var(--metin); color: var(--kagit); border: 0; padding: 4px 10px; cursor: pointer; }
.etkin button b { font-weight: 400; margin-left: 4px; opacity: .7; }
.etkin button:hover { background: var(--hata); }

.panel { border: 1px solid var(--kagit-cizgi); background: var(--yuzey2); padding: 16px 18px 14px; margin-bottom: 18px; transition: opacity .2s; }
.panel.soluk { opacity: .45; }
.panel-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin-bottom: 8px; }
.panel-baslik b { font: 500 16px "Lora", serif; }
.panel-baslik span { font-size: 12.5px; color: var(--gri); }
.panel-baslik em { font-style: normal; font-weight: 600; color: var(--metin); }
.panel .hukum { display: flex; height: 30px; margin: 0 0 8px; }
.panel .hukum div { display: flex; align-items: center; justify-content: center; color: #fff; font: 500 12px "Plex Mono", monospace; overflow: hidden; white-space: nowrap; }
.hukum-cizgi { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 12.5px; color: var(--gri); }
.hukum-cizgi i { display: inline-block; width: 9px; height: 9px; margin-right: 5px; }
.hukum-cizgi b { color: var(--metin); font: 500 12.5px "Plex Mono", monospace; }
.panel-hukum small { display: block; font-size: 11.5px; color: var(--gri); margin-top: 6px; }
.panel-hukum + .panel-iki { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--kagit-cizgi); }
.panel-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
body.okuyor .panel-iki { grid-template-columns: 1fr; gap: 14px; }
@media (max-width: 700px) { .panel-iki { grid-template-columns: 1fr; gap: 14px; } }
.panel-iki > * { min-width: 0; }
.yil-cubuk svg { width: 100%; display: block; }
.yil-cubuk .c { fill: var(--lacivert); transition: fill .15s; }
.yil-cubuk .yil { cursor: pointer; }
.yil-cubuk .yil:hover .c { fill: var(--altin-koyu); }
.yil-cubuk text { font: 10px "Plex Mono", monospace; fill: var(--gri); }
.panel-daire { list-style: none; margin: 0; padding: 0; }
.panel-daire button { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; width: 100%; background: none; border: 0;
  padding: 4px 0; cursor: pointer; text-align: left; font: 13.5px "Plex Sans", sans-serif; color: var(--metin); }
.panel-daire .ad { display: flex; flex-direction: column; gap: 3px; }
.panel-daire .ad i { display: block; height: 3px; background: var(--lacivert); }
.panel-daire .n { font: 12.5px "Plex Mono", monospace; color: var(--gri); }
.panel-daire button:hover .ad { color: var(--lacivert); }
.panel-daire button:hover .ad i { background: var(--altin-koyu); }

.yildiz { color: var(--altin-koyu); font-size: 14px; }
.kayit .not { color: var(--metin); font-style: italic; border-left: 2px solid var(--altin-koyu); padding-left: 10px; }
.okuyucu-ust .kaydet.dolu { border-color: var(--altin-koyu); color: var(--altin-koyu); }
.kaydet-panel { position: absolute; z-index: 6; right: 14px; top: 52px; width: min(320px, calc(100% - 28px)); background: var(--yuzey2); border: 1px solid var(--metin);
  padding: 12px 14px; box-shadow: 0 10px 30px rgba(14, 20, 36, .14); }
.okuyucu .kucuk, .kaydet-panel .kucuk { font: 500 11px "Plex Mono", monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--gri); }
.klasor-sec { display: flex; flex-direction: column; gap: 4px; margin: 8px 0; max-height: 180px; overflow-y: auto; }
.klasor-sec label { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--metin); }
.klasor-sec small { color: var(--gri); margin-left: auto; font-family: "Plex Mono", monospace; }
.yeni-klasor { display: flex !important; gap: 6px; margin: 4px 0 10px; }
.yeni-klasor input { flex: 1; min-width: 0; margin: 0 !important; padding: 6px 0 !important; font-size: 14px !important; }
.yeni-klasor button { background: var(--metin); color: var(--kagit); border: 0; padding: 0 12px; cursor: pointer; font-size: 13px; }
.not-alani { font-size: 12px; color: var(--gri); }
.not-alani textarea { width: 100%; margin-top: 4px; font: 14px "Plex Sans", sans-serif; border: 1px solid var(--kagit-cizgi); background: var(--yuzey); padding: 6px 8px; resize: vertical; }
.kucuk-not { font-size: 11.5px; color: var(--gri); margin: 8px 0 0; }
.karar-not { background: var(--yuzey2); border-left: 3px solid var(--altin-koyu); padding: 10px 16px; margin: 0 0 18px; }
.karar-not p { margin: 4px 0 0; font-size: 15px; }
.alinti-ipucu { font-size: 12.5px; color: var(--gri); margin: 0 0 14px; }
.alinti { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 25; background: var(--lacivert); color: var(--kagit);
  border: 0; padding: 12px 20px; font: 500 15px "Plex Sans", sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(14, 20, 36, .25); }
.alinti:hover { background: var(--metin); }

.kayitlar { padding: 24px 0; }
.kayitlar-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.kayitlar h2 { font-size: 30px; margin: 0 0 14px; }
.klasor-sekme { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.klasor-sekme button { font: 14px "Plex Sans", sans-serif; background: none; border: 1px solid var(--kagit-cizgi); color: var(--metin); padding: 6px 12px; cursor: pointer; }
.klasor-sekme button[aria-pressed="true"] { background: var(--metin); color: var(--kagit); border-color: var(--metin); }
.klasor-sekme small { opacity: .65; font-family: "Plex Mono", monospace; margin-left: 4px; }
.klasor-arac { display: flex; gap: 18px; margin: 6px 0 14px; font-size: 13.5px; }
.klasor-arac .baglanti { font-size: 13.5px; }
.tehlike { color: var(--hata) !important; }
.bos { color: var(--gri); padding: 20px 0; }
@media print { .alinti, .kaydet-panel, .karar-not { display: none !important; } }
@media (max-width: 900px) { .okuyucu { position: relative; top: auto; } .kaydet-panel { top: 96px; } }

/* karşılama ekranı (üyenin sayfası) */
button.ust-ad { background: none; border: 0; border-left: 1px solid var(--cizgi); cursor: pointer; }
button.ust-ad:hover { color: var(--metin); }
.karsilama { max-width: none; padding: 30px 0 20px; }
.pano-bas h2 { font: 500 clamp(28px, 3.4vw, 38px)/1.15 "Lora", serif; margin: 0; }
.pano-bas h2 span { display: inline-block; margin-left: 14px; font: 500 15px "Plex Mono", monospace; color: var(--altin-koyu); vertical-align: middle; }
.pano-bas p { color: var(--gri); margin: 6px 0 26px; }
.pano-iki { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 40px; }
@media (max-width: 900px) { .pano-iki { grid-template-columns: 1fr; gap: 26px; } }
body.okuyor .pano-iki { grid-template-columns: 1fr; }
.pano h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font: 500 19px "Lora", serif; margin: 0 0 10px;
  padding-bottom: 8px; border-bottom: 1px solid var(--metin); }
.pano h3 .baglanti { font: 13px "Plex Sans", sans-serif; }
.pano .liste { border-top: 0; }
.pano .kayit p { -webkit-line-clamp: 2; }
.pano-yan { display: flex; flex-direction: column; gap: 30px; }
.pano-liste { list-style: none; margin: 0 0 10px; padding: 0; }
.pano-liste button { display: flex; justify-content: space-between; align-items: baseline; width: 100%; background: none; border: 0;
  border-bottom: 1px solid var(--kagit-cizgi); padding: 9px 2px; cursor: pointer; font: 15px "Plex Sans", sans-serif; color: var(--metin); text-align: left; }
.pano-liste button span::before { content: "★ "; color: var(--altin-koyu); }
.pano-liste button b { font: 13px "Plex Mono", monospace; color: var(--gri); font-weight: 400; }
.pano-liste button:hover { background: var(--yuzey2); }
.yeni-liste { display: flex !important; gap: 6px; margin-top: 8px; }
.yeni-liste input { flex: 1; min-width: 0; margin: 0 !important; padding: 7px 0 !important; font-size: 14px !important; }
.yeni-liste button { background: var(--metin); color: var(--kagit); border: 0; padding: 0 14px; cursor: pointer; font: 500 13px "Plex Sans", sans-serif; }
.yeni-liste button:hover { background: var(--lacivert); }
.pano .bos { padding: 8px 0; font-size: 14.5px; }
.ipucu-kutu { margin-top: 30px; color: var(--gri); }
.ipucu-kutu summary { cursor: pointer; font-size: 14px; }
.kayitlar .yeni-liste { max-width: 420px; margin-top: 16px; }
.karsilama { padding-top: 26px; }

/* mahkeme renkleri, önemli karar rozeti, madde kartı, PDF (4.11.2026 · 4) */
.kayit { border-left-color: var(--m, transparent); }
.kayit:not(.secili) { border-left-color: color-mix(in srgb, var(--m, #5C6270) 70%, transparent); }
.kayit-ust .mah { color: var(--m, var(--altin-koyu)); }
.kayit.secili { border-left-color: var(--m, var(--altin-koyu)); background: color-mix(in srgb, var(--m, #A8842F) 9%, var(--zemin)); }
.karar-bas { border-bottom-color: var(--m, var(--metin)); }
.karar-bas .mah { color: var(--m, var(--altin-koyu)); }
.rozet { display: inline-block; font: 500 10.5px "Plex Mono", monospace; letter-spacing: .06em; color: #C9A55A; background: var(--murekkep);
  padding: 2px 7px 1px; vertical-align: 2px; white-space: nowrap; }
.karar-bas h2 .rozet { font-size: 12px; vertical-align: 5px; margin-left: 6px; }
.onemli-sec { flex-direction: row !important; align-items: center; gap: 6px !important; font-size: 13.5px !important; color: var(--metin) !important; padding-bottom: 6px; cursor: pointer; }
.onemli-sec input { accent-color: var(--murekkep); width: 16px; height: 16px; margin: 0; }
.onemli-sec span { color: var(--metin); }
.panel-onemli { display: block; width: 100%; text-align: left; background: var(--murekkep); color: #F6F2EA; border: 0; padding: 10px 14px; border-radius: 12px;
  margin: -2px 0 14px; cursor: pointer; font: 14px "Plex Sans", sans-serif; }
.panel-onemli b { color: #C9A55A; font-family: "Plex Mono", monospace; font-weight: 500; }
.panel-onemli span { color: var(--soluk); font-size: 12.5px; }
.panel-onemli:hover span { color: #F6F2EA; }
a.atif { color: inherit; text-decoration: underline; text-decoration-color: var(--lacivert); text-decoration-thickness: 1.5px;
  text-underline-offset: 3px; background: rgba(30, 58, 138, .06); cursor: pointer; }
a.atif:hover { background: rgba(30, 58, 138, .15); }
.madde-kart { position: fixed; right: 24px; bottom: 24px; z-index: 26; width: min(440px, calc(100vw - 32px)); max-height: min(70vh, 560px); overflow-y: auto;
  background: var(--yuzey2); border: 1px solid var(--metin); border-top: 4px solid var(--lacivert); box-shadow: 0 16px 40px rgba(14, 20, 36, .22); padding: 14px 18px 12px; }
.mk-ust { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.mk-ust .kucuk { font: 500 11px "Plex Mono", monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--lacivert); }
.mk-ust b { font: 500 15px "Lora", serif; display: block; margin-top: 2px; }
.mk-kapat { background: none; border: 0; font-size: 22px; line-height: 1; cursor: pointer; color: var(--gri); padding: 0 2px; }
.madde-kart h4 { font: 500 16px "Lora", serif; margin: 12px 0 8px; padding-top: 10px; border-top: 1px solid var(--kagit-cizgi); }
.madde-kart .mulga { font: 11px "Plex Mono", monospace; color: var(--hata); border: 1px solid var(--hata); padding: 0 4px; }
.mk-metin { font: 14.5px/1.65 "Plex Serif", Georgia, serif; }
.mk-metin p { margin: 0 0 .7em; }
.mk-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 6px; }
.mk-alt button { font: 13px "Plex Sans", sans-serif; background: var(--metin); color: var(--kagit); border: 0; padding: 6px 12px; cursor: pointer; }
.mk-alt small { color: var(--gri); font-size: 11.5px; }
@media (max-width: 600px) { .madde-kart { right: 8px; left: 8px; bottom: 8px; width: auto; } }
.pdf-dugme { font: 500 13.5px "Plex Sans", sans-serif; background: var(--metin); color: var(--kagit); border: 0; padding: 7px 14px; cursor: pointer; }
.pdf-dugme:hover { background: var(--lacivert); }
.pdf-dugme:disabled { opacity: .6; cursor: default; }
.klasor-arac { align-items: center; }
#pdf-tek:disabled { opacity: .6; }
a.ust-bag { text-decoration: none; }
@media print { .madde-kart { display: none !important; } a.atif { text-decoration: none; background: none; } }

/* Tasnif karar şablonu (bicim.js) */
.karar-sonuc { display: inline-block; margin-top: 12px; font: 500 12px "Plex Mono", monospace; letter-spacing: .08em; text-transform: uppercase;
  color: #fff; background: var(--s); padding: 4px 10px; }
.kb-etiket { font: 500 10.5px "Plex Mono", monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--gri); }
.kb-unvan { font: 500 21px "Lora", serif; margin: 0 0 14px; }
.kb-dosya { background: var(--zemin); border: 1px solid var(--kagit-cizgi); padding: 12px 16px 6px; margin: 0 0 20px; font-family: "Plex Sans", sans-serif; }
.kb-dosya dl { margin: 8px 0 0; display: grid; grid-template-columns: 1fr; }
.kb-dosya dl > div { display: grid; grid-template-columns: minmax(120px, 34%) 1fr; gap: 12px; padding: 6px 0; border-top: 1px solid var(--yuzey2); }
.kb-dosya dt { font-size: 12.5px; color: var(--gri); }
.kb-dosya dd { margin: 0; font-size: 14.5px; color: var(--metin); }
@media (max-width: 560px) { .kb-dosya dl > div { grid-template-columns: 1fr; gap: 2px; } }
.kb-konu, .kb-mevzuat { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 12px; font-family: "Plex Sans", sans-serif; }
.kb-konu .kb-etiket, .kb-mevzuat .kb-etiket { margin-right: 4px; }
.kb-mevzuat a.atif { font-size: 13.5px; padding: 1px 6px; }
.metin h4.kb-baslik { font: 500 17px "Lora", serif; margin: 26px 0 10px; padding-bottom: 6px; position: relative; color: var(--metin); }
.metin h4.kb-baslik::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 2px; background: var(--altin); }
.metin h5.kb-altbaslik { font: 600 15px "Plex Sans", sans-serif; margin: 18px 0 8px; color: var(--metin); }
.metin p.kb-no { position: relative; padding-left: 34px; }
.metin p.kb-no::before { content: attr(data-no); position: absolute; left: 0; top: 2px; font: 500 12px "Plex Mono", monospace; color: var(--altin-koyu); }
.metin .kb-alan { font-family: "Plex Sans", sans-serif; font-weight: 600; font-size: .92em; color: var(--metin); }
.kb-hukum { margin: 26px 0 18px; padding: 14px 18px 6px; background: color-mix(in srgb, var(--s) 7%, var(--yuzey2)); border-left: 4px solid var(--s); }
.kb-hukum .kb-etiket { color: var(--s); display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.kb-sonuc { font: 500 11px "Plex Mono", monospace; letter-spacing: .08em; color: #fff; background: var(--s); padding: 2px 8px; }
.kb-hukum p { margin: 0 0 .8em; }
.metin h4.kb-hb { display: none; }   /* "Sonuç / Karar / Hüküm" başlığı hüküm kutusunda zaten yazıyor */
.kb-imza { display: flex; flex-wrap: wrap; gap: 4px 18px; font: 12.5px "Plex Sans", sans-serif; color: var(--gri); border-top: 1px solid var(--kagit-cizgi); padding-top: 10px; margin-top: 10px; }

/* görsel sorgu kurucu (model.js) */
.model { margin: 10px 0 2px; padding: 10px 12px 8px; background: var(--yuzey2); border: 1px solid var(--kagit-cizgi); animation: belir-m .25s ease; }
@keyframes belir-m { from { opacity: 0; transform: translateY(-4px); } }
.model-ust { display: flex; align-items: flex-start; gap: 14px; }
.terimler { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px; }
.terim { display: inline-flex; align-items: center; gap: 3px; padding: 3px 4px 3px 3px; font: 500 14.5px "Plex Sans", sans-serif;
  animation: tik .28s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(var(--g) * 30ms); transition: background .2s, color .2s, box-shadow .2s; }
@keyframes tik { from { opacity: 0; transform: scale(.82); } }
.terim b { font-weight: 500; padding: 1px 3px; }
.terim { color: #fff; border-radius: 8px; }
.terim.arti { background: #1E3A8A; color: #fff; }
.terim.haric { background: var(--bz-acik); color: var(--bz); box-shadow: inset 0 0 0 1.5px var(--bz); }
.terim.haric b { text-decoration: line-through; text-decoration-thickness: 1.5px; }
.terim.grup.yanyana { background: #0F5E5A; }
.terim.grup.yakin { background: #A8842F; }
.terim.kunye { background: var(--gri); }
.terim button { border: 0; background: rgba(255,255,255,.16); color: inherit; font: 600 13px "Plex Mono", monospace; cursor: pointer; line-height: 1; }
.terim .isaret { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; transition: transform .2s; }
.terim .isaret:hover { transform: scale(1.12); background: rgba(255,255,255,.3); }
.terim.haric button { background: rgba(122,46,77,.12); }
.terim .sil { width: 20px; height: 20px; opacity: .55; background: none; font-size: 15px; }
.terim .sil:hover { opacity: 1; }
.terim .ic-bag { background: rgba(255,255,255,.22); padding: 2px 5px; border-radius: 9px; font-size: 12px; }
.terim .ic-bag:hover { background: rgba(255,255,255,.4); }
.bag { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--kagit-cizgi); background: var(--yuzey); color: var(--gri);
  font: 12px "Plex Sans", sans-serif; padding: 2px 8px 2px 3px; border-radius: 12px; cursor: pointer; transition: all .2s; }
.bag i { font-style: normal; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font: 600 12px "Plex Mono", monospace; color: #fff; background: var(--gri); transition: background .2s; }
.bag:hover { border-color: var(--metin); color: var(--metin); }
.bag-yakin i { background: #A8842F; } .bag-yanyana i { background: #0F5E5A; } .bag-veya i { background: #4B3F72; }
.bag-veya { color: var(--soluk); border-color: var(--cizgi); }
.canli-say { flex: none; text-align: right; min-width: 92px; transition: opacity .2s; }
.canli-say b { display: block; font: 500 22px/1 "Lora", serif; color: var(--metin); font-variant-numeric: tabular-nums; }
.canli-say b.sifir { color: var(--hata); }
.canli-say span { font-size: 11.5px; color: var(--gri); }
.canli-say.bekliyor { opacity: .45; }
.canli-say.zip b { animation: zip .35s cubic-bezier(.3,1.6,.5,1); }
@keyframes zip { 40% { transform: scale(1.14); color: var(--lacivert); } }
.model-cumle { margin: 8px 0 2px; font-size: 14px; color: var(--gri); }
.model-cumle b { color: var(--metin); font-weight: 600; }
.model-cumle em { font-style: normal; font-weight: 500; padding: 0 3px; }
.c-yakin { color: #8A6A1F; background: var(--yuzey2); } .c-yanyana { color: #0F5E5A; background: #DDEDEA; }
.c-veya { color: #4B3F72; background: #E9E5F3; } .c-haric { color: #7A2E4D; background: var(--bz-acik); }
.model-ipucu { margin: 2px 0 0; font-size: 11.5px; color: var(--gri); display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.model-ipucu .bag { padding: 0; border: 0; background: none; cursor: default; }
@media (max-width: 700px) { .model-ipucu { display: none; } .canli-say { min-width: 64px; } .canli-say b { font-size: 18px; } }

/* okuyucu araç çubuğu: masaüstünde simgeli düğmeler; telefonda altta sabit uygulama çubuğu */
.okuyucu-ust { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; }
.esles-kutu { display: flex; align-items: center; gap: 4px; }
.okuyucu-arac { margin-left: auto; flex-wrap: nowrap; gap: 4px; }
.okuyucu-ust button.ikonlu { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; }
.ikonlu svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ikonlu.kaydet.dolu svg { fill: #C9A55A; stroke: #A8842F; }
@media (min-width: 901px) and (max-width: 1240px) { .okuyucu-arac .ikonlu:not(.kaydet) span { display: none; } }
@media (max-width: 900px) {
  .okuyucu-ust { justify-content: space-between; }
  .okuyucu-ust .geri span { display: inline; }
  .okuyucu-arac { position: fixed; left: 0; right: 0; bottom: 0; z-index: 24; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;
    background: var(--yuzey); border-top: 1px solid var(--cizgi); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); box-shadow: 0 -6px 18px rgba(14,20,36,.12); margin: 0; }
  .okuyucu-ust .okuyucu-arac button.ikonlu { flex-direction: column; gap: 3px; border: 0; color: var(--soluk); background: none; padding: 6px 2px; font-size: 11px; }
  .okuyucu-arac .ikonlu svg { width: 22px; height: 22px; }
  .okuyucu-arac .ikonlu:active { background: var(--yuzey2); }
  .okuyucu-arac .ikonlu.kaydet.dolu { color: #C9A55A; }
  .okuyucu-ic { padding-bottom: 90px; }
  .kaydet-panel { position: fixed; top: auto; bottom: 74px; right: 8px; left: 8px; width: auto; }
  .alinti { bottom: 84px; }
  .madde-kart { bottom: 74px; }
}
@media (max-width: 900px) {
  .okuyucu-arac { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; box-sizing: border-box; width: 100%; }
  .okuyucu-arac .ikonlu span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; }
}
@media (max-width: 560px) {
  .ust .logo img { height: 32px; }
  header.ust a.logo { margin-right: 40px; }
  .ust nav { gap: 10px; font-size: 13px; }
  .ust-bag { font-size: 13px; padding: 6px 0; }
  .ust-dugme { padding: 5px 9px; font-size: 12.5px; }
}
.ust nav > * { white-space: nowrap; }

/* Tasnif önerisi (oneriler.json) */
.oneri { margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--kagit-cizgi); animation: belir-m .25s ease; }
.oneri-konu + .oneri-konu { margin-top: 8px; }
.oneri-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12.5px; color: var(--gri); margin-bottom: 6px; }
.oneri-bas b { font: 500 11px "Plex Mono", monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--altin-koyu); }
.oneri-isaret { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; color: var(--murekkep);
  background: linear-gradient(135deg, #E9CF8C, #C9A55A); box-shadow: 0 0 0 0 rgba(201,165,90,.6); animation: parla 2.4s ease-in-out infinite; }
@keyframes parla { 50% { box-shadow: 0 0 0 5px rgba(201,165,90,0); } }
.oneri-liste { display: flex; flex-wrap: wrap; gap: 6px; }
.oneri-liste button { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #E6D3A0; background: var(--yuzey2); color: var(--metin);
  padding: 6px 6px 6px 10px; cursor: pointer; font: 13.5px "Plex Sans", sans-serif; text-align: left; transition: all .18s;
  animation: tik .3s cubic-bezier(.3,1.5,.5,1) both; }
.oneri-liste button:nth-child(2) { animation-delay: 40ms; } .oneri-liste button:nth-child(3) { animation-delay: 80ms; }
.oneri-liste button:hover { background: var(--birincil); color: var(--birincil-yazi); border-color: var(--birincil); transform: translateY(-1px); }
.oneri-liste .on { font: 500 11.5px "Plex Mono", monospace; background: var(--yuzey); color: var(--altin-koyu); padding: 2px 6px; }
.oneri-liste button:hover .on { background: var(--altin); color: var(--murekkep); }
@media (prefers-reduced-motion: reduce) { .oneri-isaret { animation: none; } }
.giris-not { font-size: 13px; color: var(--gri); margin: 14px 0 0; text-align: center; line-height: 1.5; }

/* A şablonu (4.11.2026): kart yok; künye satırı + metnin kendi satırları renkli */
.kunye-satir { display: flex; flex-wrap: wrap; gap: 4px 16px; font: 13.5px "Plex Sans", sans-serif; color: var(--gri); margin: 12px 0 0;
  padding-top: 10px; border-top: 1px solid var(--kagit-cizgi); }
.kunye-satir b { color: var(--metin); font-weight: 500; }
.metin p.kb-ust { font: 500 12px "Plex Mono", monospace; letter-spacing: .06em; color: var(--gri); margin: 0 0 2px; text-align: center; }
.metin p.kb-ust + p:not(.kb-ust), .metin p.kb-ust + .kb-alan-satir { margin-top: 14px; }
.metin h3.kb-unvan { font: 500 18px "Lora", serif; text-align: center; margin: 10px 0 14px; letter-spacing: .02em; }
.metin .kb-alan-satir { margin: 0 0 .35em; }
.metin .kb-alan-satir .kb-alan { color: var(--lacivert); font: 600 .9em "Plex Sans", sans-serif; letter-spacing: .02em; }
.metin .kb-alan-satir.bos, .metin .kb-alan-satir.bos .kb-alan { color: #9A9486; }
.metin h4.kb-baslik { color: var(--lacivert); font: 600 15px "Plex Sans", sans-serif; letter-spacing: .04em; margin: 22px 0 8px; padding-bottom: 5px; }
.metin h4.kb-hb { display: block; color: var(--metin); }

.oneri-konu { display: grid; grid-template-columns: minmax(120px, 190px) minmax(0, 1fr); gap: 4px 12px; align-items: start; margin-top: 6px; }
.oneri-konu-ad { font-size: 12.5px; color: var(--gri); padding-top: 7px; }
@media (max-width: 700px) { .oneri-konu { grid-template-columns: 1fr; } .oneri-konu-ad { padding-top: 0; } }

/* filtre düğmesi + panel; arama animasyonu (4.11.2026) */
.kutu { position: relative; overflow: hidden; }
.kutu-dugme { position: relative; min-width: 92px; display: grid; place-items: center; transition: background .2s, transform .1s; }
.kutu-dugme:active { transform: scale(.97); }
.kd-don { display: none; width: 20px; height: 20px; border-radius: 50%; border: 2.5px solid rgba(255,255,255,.35); border-top-color: #fff; animation: don .7s linear infinite; }
.kutu.araniyor .kd-yazi { display: none; }
.kutu.araniyor .kd-don { display: block; }
.kutu.araniyor .kutu-dugme { background: var(--metin); }
@keyframes don { to { transform: rotate(360deg); } }
.kutu-ilerleme { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; opacity: 0; pointer-events: none;
  background: linear-gradient(90deg, transparent, #C9A55A 30%, #1E3A8A 60%, transparent); background-size: 50% 100%; background-repeat: no-repeat; }
.kutu.araniyor .kutu-ilerleme { opacity: 1; animation: ilerle 1s ease-in-out infinite; }
@keyframes ilerle { from { background-position: -50% 0; } to { background-position: 150% 0; } }
.kutu.araniyor { box-shadow: 0 0 0 2px rgba(201,165,90,.55); }
.liste li.iskelet { list-style: none; padding: 16px 14px 18px 16px; border-bottom: 1px solid var(--kagit-cizgi); border-left: 3px solid var(--yuzey2); }
.liste li.iskelet i { display: block; height: 11px; margin: 8px 0; border-radius: 3px; background: linear-gradient(90deg, var(--yuzey2) 25%, var(--yuzey2) 50%, var(--yuzey2) 75%);
  background-size: 200% 100%; animation: parilti 1.1s linear infinite; }
.liste li.iskelet i:nth-child(1) { width: 38%; height: 14px; } .liste li.iskelet i:nth-child(2) { width: 24%; } .liste li.iskelet i:nth-child(3) { width: 86%; }
@keyframes parilti { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.liste li.belir-oge { animation: oge-belir .42s cubic-bezier(.3,1.2,.5,1) both; animation-delay: calc(var(--s) * 45ms); }
@keyframes oge-belir { from { opacity: 0; transform: translateY(10px); } }
.sonuc-ozet b { display: inline-block; }
.arac-cubuk { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.filtre-dugme, .arac-bag { display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Plex Sans", sans-serif; color: var(--metin); background: var(--yuzey);
  border: 1px solid var(--kagit-cizgi); padding: 7px 13px; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
.arac-bag { background: transparent; border-color: transparent; color: var(--gri); font-weight: 400; }
.filtre-dugme:hover, .arac-bag:hover { border-color: var(--metin); color: var(--metin); }
.filtre-dugme svg, .arac-bag svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.filtre-dugme.acik { background: var(--metin); color: var(--kagit); border-color: var(--metin); }
.filtre-dugme.dolu:not(.acik) { border-color: var(--lacivert); color: var(--lacivert); }
.filtre-dugme b { min-width: 19px; height: 19px; border-radius: 10px; display: grid; place-items: center; font: 500 11.5px "Plex Mono", monospace;
  background: #C9A55A; color: var(--murekkep); padding: 0 5px; }
.arac-cubuk .gecmis-panel { left: 0; right: auto; top: calc(100% + 6px); }
.suzgecler { margin-top: 10px; padding: 14px 16px 12px; background: var(--yuzey2); border: 1px solid var(--metin); box-shadow: 0 12px 30px rgba(14,20,36,.10);
  animation: panel-ac .22s cubic-bezier(.3,1.2,.5,1); }
@keyframes panel-ac { from { opacity: 0; transform: translateY(-6px) scale(.99); } }
.suzgec-alt { flex-basis: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 16px; padding-top: 10px; margin-top: 4px; border-top: 1px solid var(--kagit-cizgi); }
.suzgec-uygula { font: 500 14px "Plex Sans", sans-serif; background: var(--birincil); color: var(--birincil-yazi); border-radius: 9px; border: 0; padding: 8px 20px; cursor: pointer; }
.suzgec-uygula:hover { background: var(--metin); }
@media (max-width: 700px) { .suzgec-alt { grid-column: 1 / -1; } .arac-bag span { display: none; } }
@media (prefers-reduced-motion: reduce) { .kutu.araniyor .kutu-ilerleme, .liste li.iskelet i, .kd-don { animation: none; } .liste li.belir-oge { animation: none; } }

/* Ayrıntılı analiz (5.11.2026; grafikler blog.css'ten) */
.panel-analiz { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px; width: 100%; margin-top: 14px; padding: 12px 14px;
  border: 1px solid var(--metin); background: var(--yuzey); color: var(--metin); text-align: left; cursor: pointer; font: inherit; transition: background .15s, color .15s; }
.panel-analiz b { font: 500 16px "Lora", serif; }
.panel-analiz span { grid-column: 1; font-size: 12.5px; color: var(--gri); }
.panel-analiz i { grid-row: 1 / span 2; grid-column: 2; font-style: normal; font-size: 20px; transition: transform .2s; }
.panel-analiz:hover { background: var(--metin); color: var(--kagit); }
.panel-analiz:hover span { color: var(--soluk); }
.panel-analiz:hover i { transform: translateX(3px); }
.analiz { position: fixed; inset: 0; z-index: 70; background: var(--kagit); display: flex; flex-direction: column; color: var(--metin); }
.analiz-ust { display: flex; align-items: center; gap: 12px; padding: 12px 18px; background: var(--zemin); color: var(--metin); border-bottom: 1px solid var(--cizgi); }
.analiz-ust > div { margin-right: auto; min-width: 0; }
.analiz-ust .kucuk { display: block; font: 11px "Plex Mono", monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--altin); }
.analiz-ust b { font: 500 17px "Lora", serif; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analiz-ust button { font: 13px "Plex Sans", sans-serif; border: 1px solid var(--cizgi); background: none; color: var(--metin); border-radius: 9px; padding: 6px 12px; cursor: pointer; }
.analiz-ic { overflow-y: auto; flex: 1; }
.analiz-govde { max-width: 820px; margin: 0 auto; padding: 22px 18px 60px; }
.analiz-govde h3 { font: 500 22px "Lora", serif; margin: 30px 0 4px; }
.analiz-bekle { display: grid; place-items: center; gap: 12px; padding: 80px 0; color: var(--gri); text-align: center; }
.analiz-bekle .kd-don { display: block; width: 26px; height: 26px; border-color: rgba(20, 26, 42, .18); border-top-color: var(--metin); }

/* 5.11.2026 — sade tema (koyu / aydınlık): kartlar, yuvarlak köşeler; renkler tema.css'ten */
.arama-ust { background: var(--zemin); border-bottom-color: var(--cizgi); }
.liste { border-top: 0; display: grid; gap: 10px; }
.kayit { border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); }
.kayit:hover { background: var(--yuzey2); }
.kayit.secili { border-color: var(--vurgu); background: var(--yuzey2); box-shadow: inset 3px 0 0 var(--vurgu); }
.kayit-ust .mah { color: var(--vurgu); }
.panel { border-radius: 16px; background: var(--yuzey); border-color: var(--cizgi); }
.okuyucu { background: var(--yuzey); border-color: var(--cizgi); border-radius: 16px; overflow: hidden; }
.okuyucu-ust { background: var(--yuzey); }
.okuyucu-ust button { border-radius: 9px; }
.karar-bas { border-bottom: 1px solid var(--cizgi); }
.karar-bas .mah { color: var(--bag); }
.ai-ozet { border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey2); }
.ai-ozet .kucuk { color: var(--vurgu); }
.cip, .filtre-dugme, .arac-bag { border-radius: 999px; }
.ornek { border-radius: 6px; background: var(--yuzey2); }
.gecmis-panel, .kaydet-panel, .madde-kart { border-radius: 14px; border-color: var(--cizgi); }
.dugme-cizgi { border-radius: 10px; border-color: var(--cizgi); }
.ust-ic { height: 62px; }
.ust .logo img { height: 34px; }
.ust nav .tema-dugme { margin-left: 2px; }
@media (max-width: 900px) {
  .okuyucu { border: 0; border-radius: 0; background: var(--zemin); }
  .okuyucu-ust { background: var(--zemin); }
}
.ust nav[hidden] + .tema-dugme { margin-left: auto; }

/* telefonda üst çubuk sığsın: beta rozeti gizli, "Listelerim" yalnız yıldız, Çıkış simge */
@media (max-width: 560px) {
  .ust .logo .beta { display: none; }
  header.ust a.logo { margin-right: 0; }
  .ust-ic { gap: 10px; }
  .ust nav { gap: 6px; }
  #kayitlar-dugme span { display: none; }
  #kayitlar-dugme { font-size: 17px; padding: 6px; }
  #cikis { font-size: 0; width: 36px; height: 36px; padding: 0; display: inline-grid; place-items: center; }
  #cikis::before { content: "⏻"; font-size: 15px; }
}
.model { border-radius: 12px; border-color: var(--cizgi); }
.panel-analiz { border-color: var(--cizgi); border-radius: 12px; background: var(--yuzey2); }
.oneri-liste button { border-color: var(--cizgi) !important; border-radius: 10px; background: var(--yuzey); }
.panel-onemli { border-radius: 12px; }