/* Management portal — shared by management.html + officer preview.
   Green only for councilConfirmed (Archive). Amber for pending resolve claims. */

:root{
  --bg-success:#e6efe9;
  --surface-2:#ffffff;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg-success:#1a2a24;
    --surface-2:#242a27;
  }
}

/* Tinted band header — Council → partnership → flex → account (no pill chrome) */
.mp-band{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:var(--bg-success);border-radius:16px;padding:1rem 1.25rem;min-width:0;
}
.mp-band-left{
  display:flex;align-items:center;gap:40px;flex:1 1 auto;min-width:0;
}
.mp-brand-fc{height:64px;width:auto;max-width:min(280px,48vw);object-fit:contain;display:block;flex:0 0 auto}
.mp-cluster{
  background:none;border:0;border-radius:0;padding:0;
  display:flex;flex-direction:column;gap:2px;flex:0 0 auto;
}
.mp-partner{align-items:flex-start}
.mp-partner-label{
  font-size:11px;font-weight:400;line-height:1.2;
  color:var(--text-muted,var(--muted,#767e75));white-space:nowrap;
}
.mp-partner-logo{
  height:40px;width:auto;max-width:min(200px,42vw);object-fit:contain;display:block;
  background:none;border:0;border-radius:0;
}
.mp-band-account{
  align-items:flex-end;text-align:right;margin-left:auto;flex:0 0 auto;
}
.mp-who-name{
  font-size:14px;font-weight:500;line-height:1.3;
  color:var(--ink,#1b2129);white-space:nowrap;
}
.mp-band-account .signout,
.mp-band-account .linkbtn.signout{
  display:inline;margin-top:0;padding:0;
  font-size:13px;font-weight:400;
  color:var(--text-accent,var(--green,#2f5d50));
  text-decoration:underline;background:none;border:0;cursor:pointer;
  font-family:inherit;
}
.mp-band-sub{
  margin:10px 2px 0;font-size:.78rem;line-height:1.35;
  color:var(--soft,var(--ink-soft,#4a5158));max-width:40rem;
}
@media (max-width:640px){
  .mp-band{flex-direction:column;align-items:flex-start;gap:14px}
  .mp-band-left{flex-direction:column;align-items:flex-start;gap:14px;width:100%}
  .mp-brand-fc{height:52px;max-width:min(240px,70vw)}
  .mp-partner-logo{height:36px}
  .mp-band-account{margin-left:0;align-items:flex-start;text-align:left;width:100%}
}

.mp-head{margin:22px 0 8px}
.mp-head h2{font-family:var(--serif,var(--display,Georgia,serif));font-weight:500;font-size:1.45rem;margin:0 0 6px;color:var(--ink)}
.mp-head .mp-sub{margin:0;color:var(--soft,var(--ink-soft));font-size:.92rem;line-height:1.45}
.mp-head .mp-showing{display:inline-block;margin-top:8px;font-family:var(--mono,ui-monospace,monospace);font-size:.68rem;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--paper);border:1px solid var(--rule);
  border-radius:99px;padding:4px 11px}

.mp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 18px}
@media (max-width:640px){.mp-metrics{grid-template-columns:1fr}}
.mp-metric{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}
.mp-metric-n{font-family:var(--mono,ui-monospace,monospace);font-size:1.55rem;font-weight:700;color:var(--ink);line-height:1}
.mp-metric-k{font-size:.78rem;color:var(--soft,var(--ink-soft));margin-top:6px;font-weight:600}
.mp-metric-sub{font-size:.68rem;color:var(--ochre,#b07d2b);margin-top:4px;font-weight:600}
.mp-metric-resolved{border-color:rgba(176,125,43,.35);background:rgba(176,125,43,.06)}

.mp-groupby{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.mp-groupby-label{font-family:var(--mono,ui-monospace,monospace);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mp-gb{font-family:var(--sans,var(--body),system-ui,sans-serif);font-size:.82rem;font-weight:600;padding:8px 12px;
  border:1px solid var(--rule);border-radius:99px;background:var(--paper);color:var(--ink);cursor:pointer}
.mp-gb[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}

.mp-board{display:flex;flex-direction:column;gap:14px}
.mp-group{background:transparent}
.mp-group-h{width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-align:left;
  font:inherit;cursor:pointer;border:1px solid var(--rule);border-radius:10px;background:var(--paper);
  padding:12px 14px;color:var(--ink)}
.mp-group-h:hover{border-color:rgba(27,33,41,.28)}
.mp-swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.mp-swatch-safety{background:var(--oxblood,#8c2f39)}
.mp-swatch-pending{background:var(--ochre,#b07d2b)}
.mp-swatch-archive{background:var(--green,#2f5d50)}
.mp-group-title{font-weight:700;font-size:.95rem;flex:1;min-width:120px}
.mp-group-qual{font-size:.68rem;font-weight:600;color:var(--ochre,#b07d2b)}
.mp-group-count{font-family:var(--mono,ui-monospace,monospace);font-size:.72rem;color:var(--muted);
  background:rgba(0,0,0,.05);border-radius:99px;padding:2px 9px}
.mp-group-body{padding:10px 0 0}
.mp-collapsed-note{margin:8px 2px 0;font-size:.78rem;color:var(--muted);font-style:italic}
.mp-none-group{margin:8px 2px;color:var(--muted);font-size:.88rem}
.mp-safety-pin .mp-group-h{border-color:rgba(140,47,57,.35);background:rgba(140,47,57,.06)}
.mp-pending-resolve .mp-group-h{border-color:rgba(176,125,43,.35);background:rgba(176,125,43,.06)}
.mp-archive .mp-group-h{border-color:rgba(47,93,80,.35);background:rgba(47,93,80,.06)}

.mp-card{background:#fff;background:var(--paper);border:1px solid var(--rule);border-radius:0 12px 12px 0;
  border-left:3px solid var(--area,#767e75);padding:16px 18px;margin:0 0 10px}
.mp-card-safety{border-left-color:var(--oxblood,#8c2f39)}
.mp-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.mp-fc{font-family:var(--mono,ui-monospace,monospace);font-size:.72rem;font-weight:700;letter-spacing:.04em;
  color:var(--area-ink,var(--ink));background:var(--area-soft,rgba(0,0,0,.05));border-radius:6px;padding:3px 8px}
.mp-area{font-family:var(--mono,ui-monospace,monospace);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;
  font-weight:700;color:var(--area-ink,var(--soft));background:var(--area-soft,rgba(0,0,0,.05));border-radius:6px;padding:3px 8px}
.mp-pill{font-family:var(--mono,ui-monospace,monospace);font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;
  font-weight:700;border-radius:6px;padding:3px 8px}
.mp-pill-await{color:#3a3f3e;background:rgba(118,126,117,.14)}
.mp-pill-progress{color:#1e3558;background:rgba(63,109,176,.14)}
.mp-pill-resolved{color:#5c4010;background:rgba(176,125,43,.18)}
.mp-pill-unconfirmed{color:#5c4010;background:rgba(176,125,43,.1);border:1px dashed rgba(176,125,43,.45)}
.mp-pill-confirmed{color:#274d43;background:rgba(47,93,80,.16)}
.mp-pill-safety{color:#fff;background:var(--oxblood,#8c2f39)}
.mp-title{font-size:1.02rem;font-weight:600;margin:0 0 4px;line-height:1.35;color:var(--ink)}
.mp-meta{margin:0 0 10px;font-size:.78rem;color:var(--muted)}
.mp-attr{font-size:.78rem;color:var(--soft,var(--ink-soft));margin:0 0 10px;padding:8px 10px;
  background:rgba(176,125,43,.08);border:1px dashed rgba(176,125,43,.35);border-radius:8px}
.mp-eye{font-family:var(--mono,ui-monospace,monospace);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;color:var(--ochre,#b07d2b);margin-right:6px}
.mp-text{font-size:.95rem;color:var(--ink);line-height:1.55;white-space:pre-wrap;margin:0 0 10px}
.mp-summary{border-left:3px solid var(--rule);padding:2px 0 2px 12px;margin:0 0 12px;color:var(--soft,var(--ink-soft));
  font-size:.9rem;line-height:1.5}
.mp-summary .sl{display:block;font-family:var(--mono,ui-monospace,monospace);font-size:.55rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.mp-none{color:var(--muted);font-size:.88rem;font-style:italic;margin:0 0 10px}

.mp-yours{margin:12px 0 0;border-top:1px solid var(--rule);padding-top:12px}
.mp-yours-h{font-family:var(--mono,ui-monospace,monospace);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);margin-bottom:8px}
.mp-resp{border:1px solid var(--rule);border-radius:9px;padding:9px 12px;margin-bottom:8px;background:#fff}
.mp-resp .rm{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;color:var(--muted);margin-bottom:4px}
.mp-resp .rt{font-size:.9rem;color:var(--ink);white-space:pre-wrap;line-height:1.5}
.mp-rtag{font-family:var(--mono,ui-monospace,monospace);font-size:.53rem;letter-spacing:.05em;text-transform:uppercase;
  font-weight:700;border-radius:5px;padding:2px 6px}
.mp-rtag.pending{color:var(--ochre,#b07d2b);background:rgba(176,125,43,.14)}
.mp-rtag.approved{color:#274d43;background:rgba(47,93,80,.14)}
.mp-rtag.declined{color:var(--muted);background:rgba(0,0,0,.06)}

.mp-replybox{margin-top:12px}
.mp-replybox textarea{min-height:74px;resize:vertical;margin-bottom:10px;width:100%;font:inherit;padding:11px 13px;
  border:1px solid var(--rule);border-radius:9px;color:var(--ink);background:#fff}
.mp-reply-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mp-chk{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--soft,var(--ink-soft));cursor:pointer}
.mp-chk input{width:16px;height:16px;margin:0;accent-color:var(--ochre,#b07d2b);cursor:pointer}
.mp-chk input:disabled{cursor:default}
.mp-resolve-help{font-size:.78rem;color:var(--muted);width:100%;margin:0}
.mp-reply-msg{font-family:var(--mono,ui-monospace,monospace);font-size:.72rem}
.mp-reply-msg.err{color:var(--oxblood,#8c2f39)}
.mp-reply-msg.ok{color:var(--green,#2f5d50)}

.mp-ro-note{margin-top:12px;font-size:.82rem;color:var(--muted);font-style:italic}

.mp-intro-how{margin:10px 0 0}
.mp-intro-how > summary{cursor:pointer;font-size:.88rem;font-weight:600;color:var(--soft,var(--ink-soft));
  list-style:none}
.mp-intro-how > summary::-webkit-details-marker{display:none}
.mp-intro-how > summary::before{content:"▸ ";font-size:.75em}
.mp-intro-how[open] > summary::before{content:"▾ "}
.mp-intro-how .mp-intro-detail{margin:10px 0 0;color:var(--soft,var(--ink-soft));font-size:.92rem;line-height:1.5}
.mp-intro-how .mp-intro-detail p{margin:0 0 10px}
.mp-intro-how .mp-intro-detail p:last-child{margin-bottom:0}