/* Naija234 Community Standard UI v1 */
:root{
  --n234-green:#0b8f3d;
  --n234-deep:#064e3b;
  --n234-bg:#f4f6f8;
  --n234-card:#fff;
  --n234-muted:#667085;
  --n234-border:#e5ebe7;
  --n234-soft:#eefaf1;
  --n234-danger:#b91c1c;
}
*{box-sizing:border-box}
body.community-standard{margin:0;background:var(--n234-bg);color:#111;font-family:Arial,Helvetica,sans-serif}
body.community-standard .container{max-width:1180px;margin:0 auto;padding:22px}
body.community-standard .topbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
body.community-standard .card{background:var(--n234-card);border-radius:20px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.08);margin-bottom:18px}
body.community-standard .hero{background:linear-gradient(135deg,var(--n234-green),var(--n234-deep));color:#fff}
body.community-standard .hero h1{margin:0 0 8px;font-size:clamp(25px,3vw,36px);line-height:1.12}
body.community-standard .hero p{margin:0;opacity:.96;line-height:1.5}
body.community-standard .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.community-standard .quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
body.community-standard .quick{display:block;text-decoration:none;padding:13px 14px;border:1px solid var(--n234-border);border-radius:12px;background:#f8faf9;color:#111;font-weight:700}
body.community-standard .btn,
body.community-standard button{display:inline-block;border:0;border-radius:10px;padding:10px 14px;background:var(--n234-green);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}
body.community-standard .btn.light,
body.community-standard button.light{background:#eef1f4;color:#111}
body.community-standard .btn.danger,
body.community-standard button.danger,
body.community-standard .danger{background:#dc2626;color:#fff}
body.community-standard .btn.small,
body.community-standard button.small{padding:7px 10px;font-size:12px}
body.community-standard .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
body.community-standard .item,
body.community-standard .box{border:1px solid var(--n234-border);border-radius:14px;padding:14px;background:#f8faf9;margin:10px 0}
body.community-standard .item h3,
body.community-standard .box h3{margin:0 0 8px}
body.community-standard .small-muted,
body.community-standard .meta,
body.community-standard .muted{color:var(--n234-muted);line-height:1.45}
body.community-standard .status{font-weight:800;color:var(--n234-green)}
body.community-standard .status.error{color:var(--n234-danger)}
body.community-standard .empty{padding:22px;text-align:center;color:var(--n234-muted);border:1px dashed #cbd5e1;border-radius:14px;background:#fbfcfb}
body.community-standard .notice{border-radius:12px;padding:12px 14px;background:var(--n234-soft);border:1px solid #cfe8d6}
body.community-standard #roleCard,
body.community-standard #adminCard{min-height:150px}
body.community-standard #communityCallsCard,
body.community-standard #communityChatCard,
body.community-standard #communityWellnessProfileCard,
body.community-standard #membersCard{width:100%}
body.community-standard #eventsCard,
body.community-standard #albumsCard{min-height:190px}
body.community-standard .community-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
body.community-standard .community-media-tile{border:1px solid var(--n234-border);border-radius:16px;padding:12px;background:#f8faf9;overflow:hidden}
body.community-standard .community-media-tile img,
body.community-standard .community-media-tile video{width:100%;height:220px;object-fit:contain;background:#fff;border-radius:12px}
body.community-standard .community-media-placeholder{height:220px;border-radius:12px;background:#eef1f4;display:flex;align-items:center;justify-content:center;font-size:54px}
body.community-standard .badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:var(--n234-soft);color:#075c2b;margin:5px 6px 0 0}
body.community-standard .badge.members{background:#eef2ff;color:#3730a3}
body.community-standard .danger-zone{border:1px solid #fecaca;background:#fff7f7}
body.community-standard .danger-zone h3{color:var(--n234-danger)}
@media(max-width:820px){
  body.community-standard .container{padding:13px}
  body.community-standard .topbar{justify-content:flex-start}
  body.community-standard .grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  body.community-standard .community-media-grid{grid-template-columns:1fr}
  body.community-standard .community-media-tile img,
  body.community-standard .community-media-tile video,
  body.community-standard .community-media-placeholder{height:auto;min-height:180px;max-height:360px}
}

/* ================================================================
   Community UI soft-controls + chat readability patch
   ================================================================ */

/* Chat canvas and message bubbles: neutral canvas + light blue own messages. */
body.community-standard .community-chat-list{
  background:#f4f6f8;
}
body.community-standard .community-chat-bubble{
  background:#ffffff;
  border:1px solid #e2e8f0;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
  color:#172033;
}
body.community-standard .community-chat-row.own .community-chat-bubble{
  background:#eaf4ff;
  border-color:#cfe3f8;
}
body.community-standard .community-chat-name{
  color:#334155;
}
body.community-standard .community-chat-reply{
  border-left-color:#7aa7d8;
  background:#f1f5f9;
  color:#475569;
}

/* Secondary chat actions must not inherit the site's solid green button style. */
body.community-standard button.community-chat-tool,
body.community-standard .community-chat-tool{
  background:#e8eef5;
  color:#334155;
  border:1px solid #d6e0ea;
  border-radius:8px;
  padding:5px 8px;
  font-size:11px;
  font-weight:700;
  box-shadow:none;
}
body.community-standard button.community-chat-tool:hover,
body.community-standard .community-chat-tool:hover{
  background:#dce8f4;
  color:#1e3a5f;
}

/* Emoji reactions: pale blue/gray, with a slightly stronger selected state. */
body.community-standard button.community-chat-reaction,
body.community-standard .community-chat-reaction{
  background:#f1f5f9;
  color:#334155;
  border:1px solid #d9e2ec;
  border-radius:9px;
  padding:5px 9px;
  min-width:38px;
  box-shadow:none;
}
body.community-standard button.community-chat-reaction:hover,
body.community-standard .community-chat-reaction:hover{
  background:#e4edf6;
}
body.community-standard button.community-chat-reaction.active,
body.community-standard .community-chat-reaction.active{
  background:#dbeafe;
  border-color:#93c5fd;
  color:#1e3a8a;
}

/* Compose accessory controls should also remain secondary. */
body.community-standard button.community-chat-compose-tool,
body.community-standard .community-chat-compose-tool{
  background:#edf2f7;
  color:#334155;
  border:1px solid #d7e0ea;
  box-shadow:none;
}
body.community-standard button.community-chat-compose-tool:hover,
body.community-standard .community-chat-compose-tool:hover{
  background:#dfeaf5;
}

/* Poll choices/results no longer appear as large green slabs. */
body.community-standard button.community-chat-poll-choice,
body.community-standard .community-chat-poll-choice{
  background:#edf3f8;
  color:#24364b;
  border:1px solid #d6e2ec;
  box-shadow:none;
}
body.community-standard button.community-chat-poll-choice:hover,
body.community-standard .community-chat-poll-choice:hover{
  background:#dfebf6;
}
body.community-standard .community-chat-poll-choice-inner{
  background:#e5eff8;
  color:#24364b;
}
body.community-standard .community-chat-poll-choice-bar{
  background:#cfe1f2;
}

/* Defensive: the removed unread button stays hidden if an old cached JS copy
   momentarily creates it. */
body.community-standard .community-chat-unread,
body.community-standard .community-chat-unread.show{
  display:none!important;
}

/* Community album/event engagement reactions use the same light secondary UI. */
body.community-standard button.cme-reaction,
body.community-standard .cme-reaction{
  background:#f1f5f9;
  color:#334155;
  border:1px solid #d9e2ec;
  box-shadow:none;
}
body.community-standard button.cme-reaction:hover,
body.community-standard .cme-reaction:hover{
  background:#e4edf6;
}
body.community-standard button.cme-reaction.active,
body.community-standard .cme-reaction.active{
  background:#dbeafe;
  border-color:#93c5fd;
  color:#1e3a8a;
}

/* Keep destructive actions clearly destructive; keep primary submit/send green. */
body.community-standard button.cme-comment-delete{
  background:transparent;
  color:#b42318;
  border:0;
  padding:3px 0 0;
}