/** MUAADH DASHBOARD — extracted in Phase 13 Wave 20 (2026-05-13). Single source. */


/* ============================================================================
 * APPENDED (Phase 13 Wave 20): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-dashboard-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  position: relative;
}

.muaadh-dashboard-checkbox-wrapper label {
  color: var(--theme-text-primary);
  font-size: var(--text-base);
  font-style: normal;
  font-weight: var(--theme-font-normal);
  line-height: 120%;
  cursor: pointer;
  position: relative;
  margin-left: 28px;
}

.muaadh-dashboard-checkbox-wrapper input[type=checkbox] {
  display: none;
}

.muaadh-dashboard-checkbox-wrapper input[type=checkbox]:checked + .icon-label {
  border-color: var(--theme-primary);
  background-color: var(--theme-text-white);
}

.muaadh-dashboard-checkbox-wrapper input[type=checkbox]:checked + .icon-label svg {
  display: block;
}

.muaadh-dashboard-checkbox-wrapper .icon-label {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: var(--chassis-radius-sm);
  border: var(--chassis-border-thin) solid var(--theme-text-muted);
  background: var(--theme-bg-gray);
  position: absolute;
  left: 0;
  margin-left: 0;
}

.muaadh-dashboard-checkbox-wrapper .icon-label svg {
  display: none;
  position: absolute;
  top: 10%;
  left: 50%;
/* TABLE component (.muaadh-roster base) moved to muaadh-roster.css in
 * Phase 3 Wave 12 (2026-05-13). 126 lines extracted, 16 rule blocks.
 * Consolidated with the AJAX chrome that was already there (Phase 9a). */
}