/* Namaz.info — Kaydettiklerim: yazıdaki “Kaydet” düğmesi ve hesap sayfasındaki liste */
.ni-kyt-btn { display: inline-flex; align-items: center; gap: .35rem; font: inherit; font-size: .85rem; font-weight: 600; padding: .4rem .85rem; border-radius: 99px; border: 1px solid var(--ni-border, #e3dfd3); background: var(--ni-surface, #fff); color: var(--ni-primary, #0e5a4f); cursor: pointer; vertical-align: middle; }
.ni-kyt-btn:hover { background: var(--ni-surface-2, #f1eee5); }
.ni-kyt-btn svg { width: 16px; height: 16px; }
.ni-kyt-btn[aria-pressed="true"] { background: color-mix(in srgb, var(--ni-accent, #c8a24a) 16%, var(--ni-surface, #fff)); border-color: color-mix(in srgb, var(--ni-accent, #c8a24a) 60%, transparent); }
.ni-kyt-btn[aria-pressed="true"] svg { fill: var(--ni-accent, #c8a24a); stroke: var(--ni-accent, #c8a24a); }
.tts-article .ni-kyt-btn { margin-left: .35rem; }
.tts-article.ni-kyt-row .ni-kyt-btn { margin-left: 0; }
.ni-kyt-row { margin: 0 0 1.1rem; }
.ni-kyt-go { font-size: .82rem; font-weight: 600; margin-left: .5rem; text-decoration: none; white-space: nowrap; }
@media print { .ni-kyt-btn, .ni-kyt-go { display: none !important; } }

/* ---------------------------------------------------------------- hesap sayfası */
.ni-kyt { display: grid; gap: 1rem; }
.ni-kyt-guest { border: 1px solid var(--_b); border-radius: calc(var(--_r) + 2px); padding: 1rem 1.15rem; background: color-mix(in srgb, var(--_p) 6%, var(--_s)); }
.ni-kyt-guest p { margin: 0 0 .6rem; }
.ni-kyt-guest__btns { display: flex; gap: .5rem; flex-wrap: wrap; margin: 0 !important; }
.ni-kyt-head { display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; margin: 0 0 .75rem; }
.ni-kyt-head h2 { margin: 0; font-size: 1.15rem; }
.ni-kyt-head .ni-up-link { margin: 0; }
.ni-kyt-count { font-size: .85rem; font-weight: 600; color: var(--_m); }
.ni-kyt-filter select { font: inherit; font-size: .88rem; padding: .4rem .7rem; border: 1px solid var(--_b); border-radius: 10px; background: var(--_s); color: var(--_t); }
.ni-uye .ni-kyt-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.ni-uye .ni-kyt-list li { margin: 0; display: flex; align-items: center; gap: .5rem; background: var(--_s); border: 1px solid var(--_b); border-radius: 12px; padding: .2rem .3rem .2rem .9rem; }
.ni-kyt-list a { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .1rem; padding: .5rem 0; text-decoration: none; color: var(--_t); }
.ni-kyt-list a strong { color: var(--_p); font-size: .98rem; overflow-wrap: anywhere; }
.ni-kyt-list a:hover strong { text-decoration: underline; }
.ni-kyt-list small { color: var(--_m); font-size: .8rem; }
.ni-kyt-list button { flex: none; border: 0; background: none; font-size: 1.3rem; line-height: 1; color: var(--_m); cursor: pointer; width: 38px; height: 38px; border-radius: 10px; }
.ni-kyt-list button:hover { background: var(--_s2); color: #b83b2e; }
.ni-kyt-list li.ni-kyt-empty { color: var(--_m); border-style: dashed; padding: .8rem 1rem; display: block; }
.ni-kyt-list li.ni-kyt-empty a { display: inline; padding: 0; color: var(--_p); font-weight: 600; }