/* Tasnif yönetim paneli (4.11.2026) — arama.css'in renkleri ve bileşenleri */
.yonetim { padding: 28px 28px 80px; }
.y-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; margin-bottom: 22px; }
.y-bas h1 { font: 500 34px/1.1 "Lora", serif; margin: 0; }
.y-bas span { font: 12.5px "Plex Mono", monospace; color: var(--gri); }
.kpi { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--metin); }
@media (max-width: 800px) { .kpi { grid-template-columns: repeat(2, 1fr); } }
.kpi div { padding: 18px 14px 18px 0; border-bottom: 1px solid var(--kagit-cizgi); }
.kpi b { display: block; font: 500 clamp(26px, 3vw, 36px)/1 "Lora", serif; font-variant-numeric: tabular-nums; }
.kpi span { display: block; font-size: 13px; color: var(--gri); margin-top: 6px; }
.y-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 34px 0 10px; }
@media (max-width: 900px) { .y-iki { grid-template-columns: 1fr; gap: 20px; } }
.y-iki > * { min-width: 0; }
.y-sekil { margin: 0; }
.y-sekil figcaption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 10px; }
.y-sekil figcaption b { font: 500 19px "Lora", serif; }
.y-sekil figcaption span { color: var(--gri); font-size: 13px; }
.y-cizgi { filter: none; }
.y-uyeler { margin-top: 36px; }
.y-uyeler-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 10px; }
.y-uyeler-ust h2 { font: 500 26px "Lora", serif; margin: 0 auto 0 0; }
.y-uyeler-ust input, .y-uyeler-ust select { font: 14px "Plex Sans", sans-serif; border: 1px solid var(--cizgi); background: var(--yuzey); padding: 7px 10px; border-radius: 9px; color: var(--metin); }
.y-uyeler-ust input { width: min(320px, 100%); margin: 0; }
.tablo-kap { overflow-x: auto; border-top: 1px solid var(--metin); }
.uye-tablo { border-collapse: collapse; width: 100%; font-size: 13.5px; }
.uye-tablo th { text-align: left; font: 500 11px "Plex Mono", monospace; letter-spacing: .06em; text-transform: uppercase; color: var(--gri);
  padding: 10px 10px 8px 0; border-bottom: 1px solid var(--metin); white-space: nowrap; }
.uye-tablo td { padding: 9px 10px 9px 0; border-bottom: 1px solid var(--kagit-cizgi); vertical-align: top; }
.uye-tablo td.m { font-family: "Plex Mono", monospace; font-size: 12.5px; white-space: nowrap; }
.uye-tablo small { color: var(--gri); }
.uye-tablo button { font: 12.5px "Plex Sans", sans-serif; border: 1px solid var(--metin); background: none; color: var(--metin); padding: 3px 10px; cursor: pointer; }
.uye-tablo button.kapat { border-color: var(--hata); color: var(--hata); }
.uye-tablo button:hover { background: var(--metin); color: var(--kagit); }
.uye-tablo button.kapat:hover { background: var(--hata); color: #fff; }
.durum-cip { font: 500 11.5px "Plex Sans", sans-serif; padding: 2px 8px; white-space: nowrap; }
.durum-cip.acik { background: var(--on-acik); color: var(--on); }
.durum-cip.bekliyor { background: var(--ks-acik); color: var(--vurgu); }
.durum-cip.kapali { background: var(--bz-acik); color: var(--hata); }
.yonetim .hata a { color: var(--lacivert); }

.onay-cip { font: 500 11.5px "Plex Sans", sans-serif; padding: 2px 8px; background: var(--yuzey2); color: var(--gri); white-space: nowrap; }
.onay-cip.evet { background: var(--ks-acik); color: var(--vurgu); }
.uyelik { white-space: nowrap; }
.uye-tablo button.kucuk { margin-left: 6px; padding: 2px 8px; font-size: 12px; }
.uye-tablo button.onayla { border-color: var(--altin-koyu); color: var(--altin-koyu); }
.uye-tablo button.onayla:hover { background: var(--altin-koyu); color: #fff; }

/* blog taslakları (5.11.2026) */
.y-blog { margin-top: 36px; }
.y-blog-not { font: 12.5px "Plex Mono", monospace; color: var(--gri); }
.y-blog .ust-bag { font-size: 13.5px; color: var(--lacivert); text-decoration: none; }
.y-blog-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--metin); }
.y-blog-liste li { padding: 14px 0 16px; border-bottom: 1px solid var(--kagit-cizgi); }
.y-blog-liste li.taslak { background: linear-gradient(90deg, var(--ks-acik), transparent 70%); padding-left: 12px; margin-left: -12px; }
.y-blog-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.y-blog-ust .m { font: 12px "Plex Mono", monospace; color: var(--gri); }
.y-blog-liste b { display: block; font: 500 20px/1.3 "Lora", serif; margin: 8px 0 4px; }
.y-blog-liste p { margin: 0 0 10px; color: var(--gri); font-size: 14px; }
.y-blog-dugme { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.y-blog-dugme button, .y-onizle-ust button { font: 13px "Plex Sans", sans-serif; border: 1px solid var(--metin); background: none; color: var(--metin); padding: 5px 12px; cursor: pointer; }
.y-blog-dugme button:hover, .y-onizle-ust button:hover { background: var(--metin); color: var(--kagit); }
.y-blog-dugme button.onayla, .y-onizle-ust button.onayla { border-color: var(--altin-koyu); background: var(--altin-koyu); color: #fff; }
.y-blog-dugme button.kapat, .y-onizle-ust button.kapat { border-color: var(--hata); color: var(--hata); }
.y-blog-dugme a { font-size: 13px; color: var(--lacivert); }
.y-onizle { position: fixed; inset: 0; z-index: 60; background: var(--kagit); display: flex; flex-direction: column; }
.y-onizle-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 16px; background: var(--murekkep); color: var(--kagit); }
.y-onizle-ust b { font: 500 15px "Plex Sans", sans-serif; margin-right: auto; }
.y-onizle-ust #onizle-kapat { border-color: #4A5370; color: #F6F2EA; }
.y-onizle-ust span { display: flex; gap: 8px; }
.y-onizle-ust button:not(.onayla):not(.kapat) { color: #F6F2EA; border-color: #4A5370; }
.y-onizle-govde { overflow-y: auto; flex: 1; }
.y-onizle-govde .b-yazi { padding-top: 30px; }

/* 5.11.2026 sade tema */
.kpi div, .y-blog-liste li { border-color: var(--cizgi); }
.uye-tablo button { border-radius: 8px; border-color: var(--cizgi); }
.y-sekil .cerceve { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 10px; }
.y-blog-dugme button, .y-onizle-ust button { border-radius: 8px; }
.y-blog-dugme button:not(.onayla):not(.kapat) { border-color: var(--cizgi); }
