/* Member training and data access (s1-member-compliance.js) and the project Compliance status rows.
 * Kit components plus .mc-* row layout. Hue means status (late/soon/wait); ink means action. Nothing here adds a colour. */
.mc-wrap { display: grid; gap: 16px; min-width: 0; }
.mc-list { display: grid; }
.mc-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--s1-line-soft); min-width: 0; flex-wrap: wrap; }
.mc-row:last-child { border-bottom: 0; }
.mc-lead { flex: none; display: inline-flex; color: var(--s1-mute); }
.mc-main { flex: 1 1 200px; min-width: 0; display: grid; gap: 2px; }
.mc-main b { font-weight: 650; overflow-wrap: anywhere; }
.mc-main a { color: inherit; text-decoration: none; }
.mc-main a:hover b { text-decoration: underline; }
.mc-main small { color: var(--s1-mute); font-size: 12.5px; }
.mc-side { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
.mc-side--wrap { max-width: 100%; }
.mc-date { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--s1-mute); }
.mc-date .k-input { width: auto; min-width: 150px; }
.mc-note { margin: 10px 0 0; }
.mc-summary { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.mc-chip { display: inline-flex; gap: 4px; align-items: center; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--s1-line); font-size: 12px; color: var(--s1-mute); background: #fff; white-space: nowrap; }
.mc-chip b { font-weight: 700; color: var(--s1-ink); }
.mc-chip--granted { color: var(--s1-ink); border-color: var(--s1-ink); }
.mc-chip--requested { color: var(--s1-wait); border-color: currentColor; }
.mc-err { color: var(--s1-late); margin: 0; }
@media (max-width: 640px) {
  .mc-side { justify-content: flex-start; width: 100%; }
  .mc-date .k-input { min-width: 0; flex: 1; }
  .mc-date { width: 100%; }
}


/* Project Compliance tab: click-first status rows (s1-project-compliance.js). */
.s1-cs { display: grid; gap: 4px; }
.s1-cs-row { display: grid; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--s1-line-soft); min-width: 0; }
.s1-cs-row:last-child { border-bottom: 0; }
.s1-cs-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.s1-cs-ctl { min-width: 0; }
.s1-cs-select { max-width: 320px; }
.s1-cs-dates { display: flex; gap: 12px; flex-wrap: wrap; }
.s1-cs-date { display: grid; gap: 4px; min-width: 150px; }
.s1-cs-foot { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.s1-cs-note { font-size: 13px; color: var(--s1-ink); overflow-wrap: anywhere; }
.s1-cs-sub { margin: 14px 0 0; font: 700 12px var(--s1-font-ui); letter-spacing: .06em; text-transform: uppercase; color: var(--s1-mute); }
.s1-segmented-item[disabled] { cursor: default; opacity: .6; }