:root { --lacivert: #1f4e79; }
body { background: #f4f6f9; font-size: .925rem; }
.bg-lacivert { background: var(--lacivert); }
.test-serit {
  background: repeating-linear-gradient(45deg, #ffc107, #ffc107 12px, #ffcd38 12px, #ffcd38 24px);
  color: #3b2f00; font-weight: 600; text-align: center; font-size: .8rem; padding: 2px 0; letter-spacing: .05em;
}
.kart { background: #fff; border: 1px solid #e3e7ed; border-radius: .5rem; }
.sayfa-baslik { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }
.sayfa-baslik h1 { font-size: 1.35rem; margin: 0; color: var(--lacivert); }
.table-liste th { background: #eef2f7; font-weight: 600; white-space: nowrap; }
.table-liste td { vertical-align: middle; }
.giris-kutu { max-width: 400px; margin: 8vh auto; }
.yetki-matris td, .yetki-matris th { text-align: center; }
.yetki-matris td:first-child, .yetki-matris th:first-child { text-align: left; }
.htmx-request .htmx-gosterge, .htmx-request.htmx-gosterge { opacity: 1 !important; }
.htmx-gosterge { opacity: 0; transition: opacity .2s; }
pre.json { font-size: .75rem; margin: 0; white-space: pre-wrap; max-width: 420px; }
.modul-kart h2 { font-size: 1rem; color: var(--lacivert); }
.log-deger { font-size: .75rem; line-height: 1.25; max-width: 380px; max-height: 9rem; overflow: auto; }