/* Faz 10 — Yonetim: pano widget'lari, denetim izi fark gorunumu, yardim kilavuzu, yuzen "?" dugmesi */

/* Pano */
.az-pano-tarih { margin: 2px 0 0; }
.az-pano-eylemler .az-btn { display: inline-flex; align-items: center; gap: 6px; }
.az-pano-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.az-pano-kart { margin: 0; }
.az-pano-kart h2 { display: flex; align-items: center; margin-top: 0; }
.az-pano-kart h2 .az-pano-link { margin-left: auto; }
/* renk, simge rozeti ve is-danger gorunumu: app.css "TASARIM v2.2" */
.az-pano-kart .az-stat-row li.is-danger strong { color: var(--az-danger); }
.az-pano-alt { margin: 10px 0 0; font-size: .9rem; color: var(--az-muted); }
.az-pano-alt.is-warn { color: var(--az-text); }
.az-pano-genis { grid-column: 1 / -1; }
.az-pano-genis .az-table-wrap { margin: 0; }

/* Denetim izi */
.az-denetim-tablo code { font-size: .85rem; }
.az-islem-olustur { background: #dcfce7; color: #166534; }
.az-islem-guncelle { background: #fef3c7; color: #92400e; }
.az-islem-sil { background: #fee2e2; color: #991b1b; }
.az-islem-giris, .az-islem-cikis { background: #e0e7ff; color: #3730a3; }
.az-islem-disa_aktar, .az-islem-yayimla { background: #f3e8ff; color: #6b21a8; }
.az-fark-tablo tr.is-degisti .az-fark-eski { background: #fee2e2; text-decoration: line-through; text-decoration-color: #b91c1c; }
.az-fark-tablo tr.is-degisti .az-fark-yeni { background: #dcfce7; }
.az-fark-tablo td { overflow-wrap: anywhere; }
.az-json { font-size: .8rem; background: var(--az-surface); border: 1px solid var(--az-line-strong); border-radius: var(--az-radius); padding: 10px; overflow: auto; max-height: 300px; white-space: pre-wrap; overflow-wrap: anywhere; }
.az-sayfalama { display: flex; align-items: center; gap: 12px; justify-content: center; margin: 16px 0; }

/* Yardim */
.az-yardim { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; align-items: start; }
.az-yardim:has(.az-yardim-toc) { grid-template-columns: 240px minmax(0, 1fr) 200px; }
.az-yardim-side, .az-yardim-toc { position: sticky; top: 72px; font-size: .9rem; }
.az-yardim-side ul, .az-yardim-toc ul { list-style: none; margin: 0 0 10px; padding: 0; }
.az-yardim-side li a, .az-yardim-toc li a { display: block; padding: 5px 8px; border-radius: 6px; color: var(--az-text); text-decoration: none; }
.az-yardim-side li a:hover, .az-yardim-toc li a:hover { background: var(--az-surface); }
.az-yardim-side li a.is-active { background: var(--az-primary-soft); color: var(--az-primary-dark); font-weight: 600; }
.az-yardim-toc li.lvl-3 a { padding-left: 20px; color: var(--az-muted); }
.az-yardim-ara { display: flex; gap: 6px; margin-bottom: 12px; }
.az-yardim-ara input { flex: 1 1 auto; min-width: 0; }
.az-yardim-icerik { min-width: 0; }
.az-yardim-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.az-arama-sonuc { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.az-arama-sonuc li a { font-weight: 600; }
.az-arama-sonuc p { margin: 4px 0 0; font-size: .9rem; }
.az-yenilik-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }

.az-kilavuz { max-width: 820px; line-height: 1.65; }
.az-kilavuz h1 { display: none; } /* baslik az-head'de */
.az-kilavuz h2 { margin: 28px 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--az-line-strong); font-size: 1.25rem; }
.az-kilavuz h3 { margin: 22px 0 8px; font-size: 1.05rem; }
.az-kilavuz p, .az-kilavuz ul, .az-kilavuz ol { margin: 0 0 12px; }
.az-kilavuz li { margin: 4px 0; }
.az-kilavuz li > ul, .az-kilavuz li > ol { margin: 4px 0 0; }
.az-kilavuz code { background: var(--az-surface); border: 1px solid var(--az-line-strong); border-radius: 4px; padding: 1px 5px; font-size: .88em; }
.az-kilavuz .az-kod { background: #1c1917; color: #f5f5f4; border-radius: var(--az-radius); padding: 12px 14px; overflow: auto; font-size: .85rem; }
.az-kilavuz .az-kod code { background: none; border: 0; padding: 0; color: inherit; }
.az-kilavuz blockquote { margin: 0 0 12px; padding: 8px 14px; border-left: 4px solid var(--az-line-strong); color: var(--az-muted); }
.az-kilavuz .az-kilavuz-tablo { font-size: .92rem; }
.az-kilavuz hr { border: 0; border-top: 1px solid var(--az-line-strong); margin: 20px 0; }
.az-uyari { display: flex; gap: 10px; margin: 0 0 12px; padding: 10px 14px; background: #fffbeb; border: 1px solid #fcd34d; border-left-width: 4px; border-radius: var(--az-radius); }
.az-uyari-ikon { color: #b45309; font-weight: 700; }
.az-rozet { display: inline-block; font-family: inherit; font-size: .85em; font-weight: 600; padding: 1px 8px; border-radius: 999px; background: var(--az-primary-soft); color: var(--az-primary-dark); border: 1px solid var(--az-primary); white-space: nowrap; }
.az-gorsel { margin: 12px 0; }
.az-gorsel img { max-width: 100%; border: 1px solid var(--az-line-strong); border-radius: var(--az-radius); }
.az-gorsel figcaption { font-size: .85rem; color: var(--az-muted); margin-top: 4px; }
.az-gorsel-eksik { display: inline-block; padding: 6px 10px; border: 1px dashed var(--az-line-strong); border-radius: var(--az-radius); color: var(--az-muted); font-size: .88rem; }

/* Yuzen "?" dugmesi (assets/js/pano/yardim.js ekler) */
.az-yardim-fab {
    position: fixed; right: 16px; bottom: 16px; z-index: 40; width: 44px; height: 44px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.2rem;
    background: var(--az-primary); color: #fff; text-decoration: none; box-shadow: var(--az-shadow);
}
.az-yardim-fab:hover { background: var(--az-primary-dark); color: #fff; }
.az-yardim-fab[hidden] { display: none; }

@media (max-width: 900px) {
    .az-yardim, .az-yardim:has(.az-yardim-toc) { grid-template-columns: 1fr; }
    .az-yardim-side, .az-yardim-toc { position: static; }
    .az-yardim-toc { display: none; }
    .az-yardim-side nav { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0 14px; }
}
@media (max-width: 640px) {
    .az-pano-eylemler { width: 100%; }
    .az-pano-eylemler .az-btn { flex: 1 1 45%; justify-content: center; }
    .az-yardim-fab { bottom: 76px; } /* saha alt gezinmesinin ustunde */
}