/* Members hub (Task 6): company cards and profile pages. Colours come from the Members module tokens (identity.css). */
.mh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.mh-card{display:grid;grid-template-columns:40px 1fr;column-gap:10px;row-gap:3px;align-items:start;text-align:left;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--mod-sig);border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}
.mh-card:hover,.mh-card:focus-visible{transform:translateY(-1px);box-shadow:var(--elev-2)}
.mh-card:focus-visible{outline:2px solid var(--mod-accent);outline-offset:2px}
.mh-card>*:not(.mh-avatar){grid-column:2}
.mh-avatar{grid-row:span 4;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--mod-accent);color:var(--mod-accent-ink);font-weight:700;font-size:18px}
.mh-card-head{display:flex;justify-content:space-between;gap:6px;align-items:center}
.mh-card small{font-size:12px;opacity:.8}
.mh-card .mh-alert{color:var(--sec-ink,#a05f2e);opacity:1}
.mh-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-left:4px solid var(--mod-sig)}
.mh-head h2{margin:0}
.mh-tabs{margin:12px 0}
.mh-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}
.mh-panel{margin-bottom:14px}
.mh-panel h2{font-size:16px;margin:0 0 8px}
.mh-health{display:inline-block;font-size:.78rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:#e8f4ec;color:#1e6b3a}
.mh-health[data-band="Watch"]{background:#fdf1dc;color:#7a4b06}
.mh-health[data-band="At risk"]{background:#fbe3e1;color:#9b1c14}
.app-shell[data-mode="dark"] .mh-health{background:#163222;color:#9fe0b4}.app-shell[data-mode="dark"] .mh-health[data-band="Watch"]{background:#3a2a0c;color:#f6cf86}.app-shell[data-mode="dark"] .mh-health[data-band="At risk"]{background:#3d1512;color:#f4aaa3}
.lc-sub{margin:18px 0 8px;font-size:1rem}
.lc-steps{display:inline-flex;gap:3px;vertical-align:middle}.lc-steps i{width:10px;height:10px;border-radius:50%;background:#d6d3cc;display:inline-block}.lc-steps i.ok{background:#1e6b3a}
.lc-table tr[data-level="high"] td:first-child{box-shadow:inset 3px 0 0 #c2410c}