/* update-v16.css — additions for the Sept-2026 update (footer credit,
   rich-text sections, homepage download strip, WhatsApp admin pages). */

.footer-devcredit{margin-top:.35rem;font-size:.85rem;opacity:.9}
.footer-devcredit a{display:inline;color:inherit;text-decoration:underline;word-break:break-all}

/* ---- Rich text (headings / bullets rendered from plain CMS text) ---- */
.rt-body{line-height:1.85;font-size:1.02rem}
.rt-body p{margin:0 0 1rem}
.rt-body h3{margin:1.6rem 0 .6rem;font-size:1.2rem;color:var(--kp-red,#b01c2e);border-left:4px solid var(--kp-gold,#d4a017);padding-left:.6rem}
.rt-body h4{margin:1.2rem 0 .4rem;font-size:1.05rem}
.rt-body ul{margin:0 0 1rem 1.2rem;padding:0}
.rt-body li{margin:.3rem 0}
.rt-body blockquote{margin:1rem 0;padding:.8rem 1rem;background:rgba(212,160,23,.12);border-left:4px solid var(--kp-gold,#d4a017);border-radius:6px;font-style:italic}
.rt-body strong{font-weight:700}
.rt-body .rt-note{font-size:.9rem;opacity:.8}

/* ---- Homepage download strip ---- */
.dl-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}
.dl-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.dl-card h3{margin:0;font-size:1.02rem;line-height:1.35}
.dl-card p{margin:0;font-size:.88rem;opacity:.8}
.dl-kind{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;background:#fdecee;color:#b01c2e}
.dl-kind.is-video{background:#e8f0fe;color:#1a56c4}
.dl-kind.is-image{background:#e9f7ef;color:#1e7b46}
.dl-new{position:absolute;top:.7rem;right:.7rem;background:#d4a017;color:#fff;font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;animation:dlpulse 1.8s ease-in-out infinite}
@keyframes dlpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.dl-btn{margin-top:auto;display:inline-flex;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:10px;background:#b01c2e;color:#fff;font-weight:600;text-decoration:none}
.dl-btn:hover{filter:brightness(1.08)}
.dl-more{margin-top:1rem;text-align:center}
.dl-banner{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.8rem 1rem;margin:0 0 1rem;border-radius:12px;background:linear-gradient(90deg,#fff7e0,#fdecee);border:1px solid rgba(212,160,23,.4)}
.dl-banner strong{color:#b01c2e}
@media (prefers-reduced-motion:reduce){.dl-new{animation:none}}

/* ---- Video embed on downloads page ---- */
.dl-video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000}

/* ---- WhatsApp admin ---- */
.wa-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid rgba(0,0,0,.08)}
.wa-msg{white-space:pre-wrap;font-size:.85rem;background:#f3fbf5;border:1px solid #cfe9d6;border-radius:10px;padding:.6rem .8rem;margin:.4rem 0 0;max-height:9rem;overflow:auto;width:100%}
.btn-wa{display:inline-flex;align-items:center;gap:.4rem;background:#25d366;color:#fff;border:0;border-radius:10px;padding:.5rem .9rem;font-weight:700;cursor:pointer}
.wa-pill{display:inline-block;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:999px}
.wa-pill.pending{background:#fff3cd;color:#8a6d00}.wa-pill.sent{background:#d4edda;color:#1e6b34}.wa-pill.failed{background:#f8d7da;color:#a12a2a}

.field-optional{font-weight:400;font-size:.8rem;opacity:.7}

/* ---- small gaps found while redesigning Sangathan: .muted was used in
   several admin tables (members, organizations...) but never styled */
.muted{color:var(--color-text-muted,#66708a);font-size:.85rem}

/* ---- Sangathan / Organizations admin page (2026-09-28 redesign) ---- */
.org-intro{color:var(--color-text-muted,#66708a);max-width:70ch;margin-bottom:1.25rem}
.org-card{margin-bottom:1.5rem}
.org-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .3rem}
.org-section-title .icon{color:var(--kp-red,#b01c2e)}
.org-count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .45rem;border-radius:999px;background:var(--kp-red,#b01c2e);color:#fff;font-size:.8rem;font-weight:800}

.org-suggest-card{border:1px solid #f3d9a8;background:linear-gradient(180deg,#fffaf0,#fff);border-radius:16px;padding:1.1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 10px rgba(25,30,45,.06)}
.org-suggest-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:flex-start;margin-bottom:.5rem}
.org-suggest-head h3{margin:0;font-size:1.08rem}
.org-suggest-head .muted{display:block;font-size:.85rem;color:var(--color-text-muted,#66708a);font-weight:400}
.org-suggest-details{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .9rem;font-size:.9rem;margin:.6rem 0}
.org-suggest-details dt{color:var(--color-text-muted,#66708a)}
.org-suggest-details dd{margin:0}
.org-suggest-actions{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}

.scope-tag{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.scope-national{background:#eaf1ff;color:#1b3a6b}
.scope-state{background:#fff3cd;color:#8a6d00}
.scope-district{background:#e2f3e6;color:#1e6b2e}
.scope-city{background:#f3e8fd;color:#6b21a8}
.scope-other{background:#eef0f4;color:#4b5468}

.status-pill-active{background:#e2f3e6;color:#1e6b2e}
.status-pill-inactive{background:#eef0f4;color:#4b5468}

.org-add-card .cms-form{max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.25rem;align-items:end}
.org-add-card .cms-form .field-full{grid-column:1/-1}
.org-add-card .cms-form button{grid-column:1/-1;justify-self:start}

.org-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.org-actions-row form{display:inline-flex}
.btn-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid transparent;cursor:pointer;background:#fff}
.btn-pill-neutral{border-color:#dfe3ec;color:#4b5468}
.btn-pill-neutral:hover{background:#f4f6fb}
.btn-pill-danger{border-color:#f3c6c6;color:#a12a2a}
.btn-pill-danger:hover{background:#fbe4e4}
.btn-pill.btn-approve, .btn-pill.btn-reject{padding:.35rem .95rem}

/* Footer visit counter (v28) */
.footer-visits{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem .6rem;margin:.2rem 0 .7rem}
.footer-visits span{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border:1px solid currentColor;border-radius:999px;font-size:.82rem;opacity:.9}
.footer-visits b{font-size:.95rem}
