/* v1.14 volunteer moderator privacy guide + shared photo approval */
.moderator-guide{line-height:1.45}
.moderator-guide h2{margin-bottom:8px}
.moderator-guide-list{margin:10px 0 0;padding-left:1.25rem}
.moderator-guide-list li{margin:.45rem 0}
.moderator-agreement-note{margin:14px 0;padding:10px 12px;border:1px solid #b7cdef;border-radius:8px;background:#f5f9ff;color:#183b69}
.moderator-agreement-form{margin-top:12px}
.moderator-agreement-form .check-row{padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:#fafbfc}
.guide-logout{margin-top:10px;text-align:center}
.moderator-guide-compact{padding:10px 14px}
.moderator-guide-compact summary{cursor:pointer}
.moderator-guide-compact[open] summary{margin-bottom:8px}
@media(max-width:700px){.moderator-guide-list{padding-left:1.1rem}.moderator-guide{font-size:.9rem}}

/* v1.14.2 moderator queue UX */
.moderator-who{display:flex;align-items:center;gap:12px}
.moderator-inline-logout{margin-left:auto}
.moderator-inline-logout button,.queue-refresh{border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text);padding:7px 11px;cursor:pointer}
.queue-toolbar{margin-bottom:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff}
.queue-toolbar-copy p{margin:4px 0 0}
.queue-tabs{margin:10px 0 0;flex-wrap:wrap}
.queue-tabs .filter{border:1px solid #aeb8c2;border-radius:7px;background:#fff;padding:8px 11px;cursor:pointer}
.queue-tabs .filter.active{background:#eef6ff}
.queue-count{display:inline-block;min-width:1.65em;margin-left:4px;padding:1px 6px;border-radius:999px;background:#e5e9ee;text-align:center;font-size:.82em;font-weight:700}
.queue-tabs .filter.active .queue-count{background:#cfe5ff}
.queue-refresh{margin-left:auto}
.queue-status{margin:10px 0 0;font-weight:650}
.queue-empty{padding:18px;border:1px dashed #aeb8c2;border-radius:10px;background:#fbfcfd;line-height:1.45}
.queue-empty strong{font-size:1.05rem}
.queue-empty p{margin:6px 0 0}
@media(max-width:700px){
  .moderator-who{align-items:center}
  .moderator-inline-logout button{white-space:nowrap}
  .queue-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .queue-tabs .filter,.queue-refresh{width:100%;margin:0}
}

/* v1.14.3 owner moderator-presence panel */
.moderator-presence-admin{margin:0 0 14px;padding:12px;border:1px solid #b7d8c2;border-radius:10px;background:#f7fcf8}
.presence-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.presence-heading p{margin:.35rem 0 0}
.presence-summary{white-space:nowrap;padding:4px 9px;border-radius:999px;background:#e5f4ea;color:#1e6335;font-size:.82rem;font-weight:800}
.moderator-presence-list{display:grid;gap:7px;margin-top:10px}
.presence-person,.presence-empty{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #d7e5db;border-radius:8px;background:#fff}
.presence-person>div{display:flex;flex-direction:column;min-width:0}
.presence-person span:not(.presence-dot),.presence-empty span{font-size:.8rem;color:var(--muted)}
.presence-person small{margin-left:auto;color:var(--muted);white-space:nowrap}
.presence-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#2f9b52;box-shadow:0 0 0 3px #dff2e5}
.presence-empty{flex-direction:column;align-items:flex-start;gap:2px}
.presence-override-note{margin:10px 0 0;padding:8px 10px;border-radius:8px;background:#f0f2f4;color:#4b5563;font-size:.84rem;line-height:1.4}
.presence-override-note.active{background:#e7f6eb;color:#17552d;font-weight:700}
@media(max-width:700px){.presence-heading{flex-direction:column}.presence-summary{align-self:flex-start}.presence-person{align-items:flex-start;flex-wrap:wrap}.presence-person small{width:100%;margin-left:19px}}


/* v1.14.7 clearer moderator presence cards */
.presence-person{display:grid;grid-template-columns:12px minmax(180px,1fr) auto;align-items:center;column-gap:11px;row-gap:3px}
.presence-identity{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;flex-wrap:wrap}
.presence-role{display:inline-flex!important;align-items:center;width:max-content;padding:2px 7px;border-radius:999px;font-size:.72rem!important;font-weight:750;color:#365166!important;background:#eef3f6}
.presence-role.owner{background:#eef0ff;color:#444b8d!important}
.presence-role.volunteer{background:#e8f7ed;color:#25623b!important}
.presence-last-seen{margin-left:0!important;justify-self:end;font-size:.78rem}
@media(max-width:700px){.presence-person{grid-template-columns:12px 1fr}.presence-last-seen{grid-column:2;width:auto!important;margin-left:0!important;justify-self:start}}