/* Paylaşılabilir görseller: düğme ve düzenleyici penceresi */
.ni-gp-btn { display: inline-flex; align-items: center; gap: .35rem; cursor: pointer; font: inherit; }
.ni-gp-btn:not(.ni-btn) { background: none; border: 0; padding: .25rem .35rem; color: inherit; border-radius: 8px; }
.ni-gp-btn:not(.ni-btn):hover { color: var(--ni-primary, #0e5a4f); background: var(--ni-surface-2, #f1eee5); }
.ni-gp-btn .ni-ico { width: 1.15em; height: 1.15em; flex: none; }
.ni-ayah__acts .ni-gp-btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hd-act.ni-gp-btn { font-size: inherit; }
.ni-gp-tebrik { margin: .75rem 0 1.25rem; }
.ni-daily-ayah .ni-gp-btn { margin-top: .4rem; font-size: .88rem; color: var(--ni-muted, #5f6d69); }

.ni-gp { width: min(980px, calc(100vw - 20px)); max-height: calc(100vh - 20px); border: 0; border-radius: 20px; padding: 0; background: var(--ni-bg, #f7f5ef); color: var(--ni-text, #1d2a27); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .55); overflow: auto; }
.ni-gp::backdrop { background: rgba(10, 20, 18, .55); }
.ni-gp__bas { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1.2rem; border-bottom: 1px solid var(--ni-border, #e3dfd3); position: sticky; top: 0; background: inherit; z-index: 1; }
.ni-gp__bas h2 { margin: 0; font-size: 1.15rem; }
.ni-gp__kapat { border: 0; background: none; font-size: 1.8rem; line-height: 1; cursor: pointer; color: var(--ni-muted, #5f6d69); padding: 0 .3rem; }
.ni-gp__govde { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1.4rem; padding: 1.2rem; }
.ni-gp__onizleme { display: flex; justify-content: center; align-items: flex-start; }
.ni-gp__onizleme canvas { width: 100%; max-width: 460px; height: auto; border-radius: 10px; box-shadow: 0 16px 34px -18px rgba(0, 0, 0, .45); background: #fff; }
.ni-gp__onizleme.is-dikey canvas { max-width: 290px; }
.ni-gp__et { margin: 0 0 .45rem; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ni-muted, #5f6d69); }
.ni-gp__sablonlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: .5rem; margin-bottom: 1.1rem; }
.ni-gp__sab, .ni-gp__bicim button { display: flex; flex-direction: column; align-items: center; gap: .35rem; padding: .5rem; border: 2px solid var(--ni-border, #e3dfd3); border-radius: 12px; background: var(--ni-surface, #fff); color: inherit; font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer; }
.ni-gp__sab[aria-pressed="true"], .ni-gp__bicim button[aria-pressed="true"] { border-color: var(--ni-primary, #0e5a4f); box-shadow: 0 0 0 3px rgba(200, 162, 74, .35); }
.ni-gp__renk { width: 100%; height: 38px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, .08); }
.ni-gp__bicim { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: 1rem; }
.ni-gp__bicim small { font-weight: 400; color: var(--ni-muted, #5f6d69); }
.ni-gp__ar { display: flex; gap: .5rem; align-items: center; margin: 0 0 .8rem; font-size: .95rem; cursor: pointer; }
.ni-gp__uyari { margin: 0 0 .9rem; padding: .6rem .8rem; border-radius: 10px; background: rgba(200, 162, 74, .16); font-size: .9rem; line-height: 1.45; }
.ni-gp__eylem { display: flex; flex-wrap: wrap; gap: .5rem; }
.ni-gp__not { margin: .8rem 0 0; font-size: .82rem; color: var(--ni-muted, #5f6d69); }
@media (max-width: 720px) {
	.ni-gp__govde { grid-template-columns: 1fr; padding: .9rem; gap: 1rem; }
	.ni-gp__onizleme canvas { max-width: min(100%, 360px); }
	.ni-gp__onizleme.is-dikey canvas { max-width: 220px; }
}
.ni-esma-card__frame .ni-gp-btn { margin-top: .9rem; color: #fff; border-color: rgba(255, 255, 255, .45); }
.ni-esma-card__frame .ni-gp-btn:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.ni-hero-box .ni-gp-btn { margin-top: .6rem; }